@burdenoff/microfe-store 2026.510.113

package/dist/pages/AppSettingsPage.js

@@ -0,0 +1,100 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useInstallation as t } from "../hooks/useInstallations.js";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as r, Settings as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useNavigate as s, useParams as c } from "react-router-dom";
+//#region src/pages/AppSettingsPage.tsx
+var l = () => {
+	let l = s(), { basePath: u } = e(), { installationId: d } = c(), { installation: f, loading: p, error: m } = t(d), { t: h } = n();
+	return /* @__PURE__ */ o("div", {
+		className: "flex h-full flex-col",
+		children: [/* @__PURE__ */ a("header", {
+			className: "border-b border-border-default bg-bg-surface px-6 py-4",
+			children: /* @__PURE__ */ o("div", {
+				className: "mx-auto flex max-w-4xl items-center gap-3",
+				children: [/* @__PURE__ */ a("button", {
+					onClick: () => l(-1),
+					"aria-label": "Go back",
+					className: "cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary",
+					children: /* @__PURE__ */ a(r, { className: "h-5 w-5" })
+				}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: h("pages.appSettings.title", { defaultValue: "App Settings" })
+				}), /* @__PURE__ */ a("p", {
+					className: "text-sm text-text-muted",
+					children: h("pages.appSettings.subtitle", { defaultValue: "Review current installation configuration" })
+				})] })]
+			})
+		}), /* @__PURE__ */ a("main", {
+			className: "flex-1 overflow-y-auto p-6",
+			children: /* @__PURE__ */ a("div", {
+				className: "mx-auto max-w-4xl",
+				children: p ? /* @__PURE__ */ a("p", {
+					role: "status",
+					className: "text-sm text-text-muted",
+					children: "Loading settings..."
+				}) : m ? /* @__PURE__ */ a("p", {
+					role: "alert",
+					className: "text-sm text-status-error-text",
+					children: m.message
+				}) : f ? /* @__PURE__ */ o("div", {
+					className: "space-y-4 rounded-xl border border-border-default bg-bg-surface p-5",
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ a(i, { className: "h-5 w-5 text-text-primary" }), /* @__PURE__ */ a("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: h("pages.appSettings.configSnapshot", { defaultValue: "Configuration snapshot" })
+							})]
+						}),
+						/* @__PURE__ */ a("p", {
+							className: "text-sm text-text-muted",
+							children: h("pages.appSettings.configDescription", { defaultValue: "Store-level configuration for this installation is read-only here." })
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "grid gap-4 lg:grid-cols-2",
+							children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "mb-2 text-sm font-medium text-text-primary",
+								children: "Manifest"
+							}), /* @__PURE__ */ a("pre", {
+								className: "overflow-x-auto whitespace-pre-wrap rounded-lg bg-bg-sunken p-3 text-xs text-text-muted",
+								children: JSON.stringify(f.manifest ?? {}, null, 2)
+							})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								className: "mb-2 text-sm font-medium text-text-primary",
+								children: "Metadata & Context"
+							}), /* @__PURE__ */ a("pre", {
+								className: "overflow-x-auto whitespace-pre-wrap rounded-lg bg-bg-sunken p-3 text-xs text-text-muted",
+								children: JSON.stringify({
+									metadata: f.metadata ?? {},
+									context: f.context ?? {},
+									version: f.version,
+									status: f.status
+								}, null, 2)
+							})] })]
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "flex flex-wrap gap-3",
+							children: [/* @__PURE__ */ a("button", {
+								onClick: () => l(`${u}/installed/${f.id}`),
+								className: "inline-flex cursor-pointer items-center gap-2 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken",
+								children: h("pages.appSettings.viewInstallation", { defaultValue: "View Installation" })
+							}), /* @__PURE__ */ a("button", {
+								onClick: () => l(`${u}/marketplace/product/${f.productId}`),
+								className: "inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90",
+								children: h("pages.appDetail.viewProduct", { defaultValue: "View Product" })
+							})]
+						})
+					]
+				}) : /* @__PURE__ */ a("p", {
+					className: "text-sm text-text-muted",
+					children: "Installation not found."
+				})
+			})
+		})]
+	});
+};
+//#endregion
+export { l as AppSettingsPage };
+
+//# sourceMappingURL=AppSettingsPage.js.map

package/dist/pages/AppSettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSettingsPage.js","names":[],"sources":["../../src/pages/AppSettingsPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft, Settings } from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useInstallation } from '../hooks/useInstallations';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport const AppSettingsPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const { installationId } = useParams<{ installationId: string }>();\n  const { installation, loading, error } = useInstallation(installationId);\n  const { t } = useI18n();\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      <header className=\"border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto flex max-w-4xl items-center gap-3\">\n          <button\n            onClick={() => navigate(-1)}\n            aria-label=\"Go back\"\n            className=\"cursor-pointer rounded-lg p-2 text-text-muted hover:bg-bg-sunken hover:text-text-primary\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              {t('pages.appSettings.title', { defaultValue: 'App Settings' })}\n            </h1>\n            <p className=\"text-sm text-text-muted\">\n              {t('pages.appSettings.subtitle', {\n                defaultValue: 'Review current installation configuration',\n              })}\n            </p>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"flex-1 overflow-y-auto p-6\">\n        <div className=\"mx-auto max-w-4xl\">\n          {loading ? (\n            <p role=\"status\" className=\"text-sm text-text-muted\">\n              Loading settings...\n            </p>\n          ) : error ? (\n            <p role=\"alert\" className=\"text-sm text-status-error-text\">\n              {error.message}\n            </p>\n          ) : !installation ? (\n            <p className=\"text-sm text-text-muted\">Installation not found.</p>\n          ) : (\n            <div className=\"space-y-4 rounded-xl border border-border-default bg-bg-surface p-5\">\n              <div className=\"flex items-center gap-2\">\n                <Settings className=\"h-5 w-5 text-text-primary\" />\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {t('pages.appSettings.configSnapshot', {\n                    defaultValue: 'Configuration snapshot',\n                  })}\n                </h2>\n              </div>\n\n              <p className=\"text-sm text-text-muted\">\n                {t('pages.appSettings.configDescription', {\n                  defaultValue:\n                    'Store-level configuration for this installation is read-only here.',\n                })}\n              </p>\n\n              <div className=\"grid gap-4 lg:grid-cols-2\">\n                <div>\n                  <p className=\"mb-2 text-sm font-medium text-text-primary\">Manifest</p>\n                  <pre className=\"overflow-x-auto whitespace-pre-wrap rounded-lg bg-bg-sunken p-3 text-xs text-text-muted\">\n                    {JSON.stringify(installation.manifest ?? {}, null, 2)}\n                  </pre>\n                </div>\n\n                <div>\n                  <p className=\"mb-2 text-sm font-medium text-text-primary\">Metadata & Context</p>\n                  <pre className=\"overflow-x-auto whitespace-pre-wrap rounded-lg bg-bg-sunken p-3 text-xs text-text-muted\">\n                    {JSON.stringify(\n                      {\n                        metadata: installation.metadata ?? {},\n                        context: installation.context ?? {},\n                        version: installation.version,\n                        status: installation.status,\n                      },\n                      null,\n                      2\n                    )}\n                  </pre>\n                </div>\n              </div>\n\n              <div className=\"flex flex-wrap gap-3\">\n                <button\n                  onClick={() => navigate(`${basePath}/installed/${installation.id}`)}\n                  className=\"inline-flex cursor-pointer items-center gap-2 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n                >\n                  {t('pages.appSettings.viewInstallation', { defaultValue: 'View Installation' })}\n                </button>\n                <button\n                  onClick={() =>\n                    navigate(`${basePath}/marketplace/product/${installation.productId}`)\n                  }\n                  className=\"inline-flex cursor-pointer items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text hover:opacity-90\"\n                >\n                  {t('pages.appDetail.viewProduct', { defaultValue: 'View Product' })}\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      </main>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAa,UAA4B;CACvC,IAAM,IAAW,GAAa,EACxB,EAAE,gBAAa,GAAU,EACzB,EAAE,sBAAmB,GAAuC,EAC5D,EAAE,iBAAc,YAAS,aAAU,EAAgB,EAAe,EAClE,EAAE,SAAM,GAAS;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GAAQ,WAAU;aAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,UAAD;KACE,eAAe,EAAS,GAAG;KAC3B,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KAC1B,CAAA,EACT,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,2BAA2B,EAAE,cAAc,gBAAgB,CAAC;KAC5D,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,8BAA8B,EAC/B,cAAc,6CACf,CAAC;KACA,CAAA,CACA,EAAA,CAAA,CACF;;GACC,CAAA,EAET,kBAAC,QAAD;GAAM,WAAU;aACd,kBAAC,OAAD;IAAK,WAAU;cACZ,IACC,kBAAC,KAAD;KAAG,MAAK;KAAS,WAAU;eAA0B;KAEjD,CAAA,GACF,IACF,kBAAC,KAAD;KAAG,MAAK;KAAQ,WAAU;eACvB,EAAM;KACL,CAAA,GACD,IAGH,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,6BAA8B,CAAA,EAClD,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAE,oCAAoC,EACrC,cAAc,0BACf,CAAC;QACC,CAAA,CACD;;MAEN,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,uCAAuC,EACxC,cACE,sEACH,CAAC;OACA,CAAA;MAEJ,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAA6C;QAAY,CAAA,EACtE,kBAAC,OAAD;QAAK,WAAU;kBACZ,KAAK,UAAU,EAAa,YAAY,EAAE,EAAE,MAAM,EAAE;QACjD,CAAA,CACF,EAAA,CAAA,EAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAA6C;QAAsB,CAAA,EAChF,kBAAC,OAAD;QAAK,WAAU;kBACZ,KAAK,UACJ;SACE,UAAU,EAAa,YAAY,EAAE;SACrC,SAAS,EAAa,WAAW,EAAE;SACnC,SAAS,EAAa;SACtB,QAAQ,EAAa;SACtB,EACD,MACA,EACD;QACG,CAAA,CACF,EAAA,CAAA,CACF;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,UAAD;QACE,eAAe,EAAS,GAAG,EAAS,aAAa,EAAa,KAAK;QACnE,WAAU;kBAET,EAAE,sCAAsC,EAAE,cAAc,qBAAqB,CAAC;QACxE,CAAA,EACT,kBAAC,UAAD;QACE,eACE,EAAS,GAAG,EAAS,uBAAuB,EAAa,YAAY;QAEvE,WAAU;kBAET,EAAE,+BAA+B,EAAE,cAAc,gBAAgB,CAAC;QAC5D,CAAA,CACL;;MACF;SA5DN,kBAAC,KAAD;KAAG,WAAU;eAA0B;KAA2B,CAAA;IA8DhE,CAAA;GACD,CAAA,CACH"}

package/dist/pages/CartPage.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+/**
+ * CartPage component
+ *
+ * Full page cart view with items, summary, and checkout
+ */
+export declare const CartPage: FC;

package/dist/pages/CartPage.js

@@ -0,0 +1,259 @@
+import { useStore as e } from "../providers/StoreProvider.js";
+import { useCart as t } from "../hooks/useCart.js";
+import { formatPrice as n } from "../utils/index.js";
+import { useState as r } from "react";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as a, Loader2 as o, Minus as s, Plus as c, ShoppingBag as l, ShoppingCart as u, Tag as d, Trash2 as f, Zap as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useNavigate as _ } from "react-router-dom";
+import { useQuotaErrorToast as v } from "@burdenoff/fe-libs/shared/hooks";
+import { useEventBus as y } from "@burdenoff/fe-libs/shared/events";
+import { isQuotaExhaustedError as b } from "@burdenoff/fe-libs/shared/utils";
+//#region src/pages/CartPage.tsx
+var x = () => {
+	let x = _(), { basePath: S } = e(), { cartItems: C, itemCount: w, total: T, updateQuantity: E, removeProduct: D, clearCart: O, createOrder: k } = t(), [A, j] = r(!1), [M, N] = r(null), { t: P } = i(), F = y(), { report: I } = v(), L = async () => {
+		try {
+			j(!0), N(null), F.emit("store.cart.checkout_started", {
+				cartId: "",
+				itemCount: w,
+				total: T
+			});
+			let e = await k({
+				total: T,
+				lineItems: C.map((e) => ({
+					productId: e.productId,
+					name: e.product?.displayName || "Product",
+					quantity: e.quantity,
+					unitPrice: e.unitPrice,
+					subtotal: e.totalPrice,
+					itemType: e.itemType.toLowerCase(),
+					variantId: e.variantId,
+					pricingModel: e.product?.pricingModel || "PAID_ONETIME"
+				})),
+				billingAccountId: ""
+			});
+			e?.id ? (F.emit("store.order.placed", {
+				orderId: e.id,
+				total: T,
+				itemCount: w
+			}), O().catch(() => {}), x(`/billing/checkout/store/${e.id}`)) : (N(P("pages.cart.failedToCreate", { defaultValue: "Failed to create order. Please try again." })), j(!1));
+		} catch (e) {
+			if (console.error("Checkout error:", e), b(e)) {
+				I(e), j(!1);
+				return;
+			}
+			N(e instanceof Error ? e.message : "An error occurred during checkout"), j(!1);
+		}
+	}, R = () => {
+		x(`${S}/marketplace`);
+	};
+	return /* @__PURE__ */ g("div", {
+		className: "h-full overflow-y-auto",
+		children: [/* @__PURE__ */ h("header", {
+			className: "sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4",
+			children: /* @__PURE__ */ h("div", {
+				className: "mx-auto max-w-6xl",
+				children: /* @__PURE__ */ g("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ h("button", {
+						onClick: () => x(-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__ */ h(a, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-3",
+						children: [
+							/* @__PURE__ */ h(u, { className: "h-6 w-6 text-text-primary" }),
+							/* @__PURE__ */ h("h1", {
+								className: "text-xl font-bold text-text-primary",
+								children: P("cart.title", { defaultValue: "Shopping Cart" })
+							}),
+							w > 0 && /* @__PURE__ */ g("span", {
+								className: "rounded-full bg-action-primary-bg px-2.5 py-0.5 text-sm font-medium text-action-primary-text",
+								children: [
+									w,
+									" ",
+									w === 1 ? P("pages.cart.item", {
+										defaultValue: `${w} item`,
+										count: w
+									}) : P("pages.cart.items", {
+										defaultValue: `${w} items`,
+										count: w
+									})
+								]
+							})
+						]
+					})]
+				})
+			})
+		}), /* @__PURE__ */ h("main", {
+			className: "mx-auto max-w-6xl px-6 py-6",
+			children: C.length === 0 ? /* @__PURE__ */ g("div", {
+				className: "flex flex-col items-center justify-center py-16 text-center",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "mb-6 rounded-full bg-bg-sunken p-6",
+						children: /* @__PURE__ */ h(l, { className: "h-16 w-16 text-text-muted" })
+					}),
+					/* @__PURE__ */ h("h2", {
+						className: "mb-2 text-2xl font-bold text-text-primary",
+						children: P("cart.empty", { defaultValue: "Your cart is empty" })
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "mb-6 max-w-md text-text-muted",
+						children: P("pages.cart.emptyDescription", { defaultValue: "Looks like you have not added any apps or products to your cart yet. Start exploring the marketplace to find something you will love!" })
+					}),
+					/* @__PURE__ */ g("button", {
+						onClick: R,
+						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__ */ h(l, { className: "h-5 w-5" }), P("pages.cart.browseMarketplace", { defaultValue: "Browse Marketplace" })]
+					})
+				]
+			}) : /* @__PURE__ */ h("div", {
+				className: "mx-auto max-w-3xl",
+				children: /* @__PURE__ */ g("div", { children: [
+					/* @__PURE__ */ g("div", {
+						className: "mb-4 flex items-center justify-between",
+						children: [/* @__PURE__ */ h("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: P("pages.cart.cartItems", {
+								defaultValue: `Cart Items (${w})`,
+								count: w
+							})
+						}), /* @__PURE__ */ g("button", {
+							onClick: O,
+							className: "cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-status-error-text",
+							children: [/* @__PURE__ */ h(f, { className: "h-4 w-4" }), P("cart.clearCart", { defaultValue: "Clear Cart" })]
+						})]
+					}),
+					/* @__PURE__ */ h("ul", {
+						className: "space-y-4",
+						children: C.map((e) => /* @__PURE__ */ g("li", {
+							className: "flex gap-4 rounded-xl border border-border-default bg-bg-surface p-4 transition-shadow hover:shadow-md",
+							children: [/* @__PURE__ */ h("div", {
+								className: "h-24 w-24 flex-shrink-0 overflow-hidden rounded-lg bg-bg-sunken",
+								children: e.product?.iconUrl ? /* @__PURE__ */ h("img", {
+									src: e.product.iconUrl,
+									alt: e.product.displayName,
+									className: "h-full w-full object-cover"
+								}) : /* @__PURE__ */ h("div", {
+									className: "flex h-full w-full items-center justify-center text-2xl font-bold text-text-muted",
+									children: e.product?.displayName?.charAt(0) || "P"
+								})
+							}), /* @__PURE__ */ g("div", {
+								className: "flex flex-1 flex-col",
+								children: [
+									/* @__PURE__ */ g("div", {
+										className: "flex items-start justify-between",
+										children: [/* @__PURE__ */ g("div", { children: [
+											/* @__PURE__ */ h("h3", {
+												className: "font-semibold text-text-primary",
+												children: e.product?.displayName || "Product"
+											}),
+											/* @__PURE__ */ h("p", {
+												className: "text-sm text-text-muted",
+												children: e.product?.publisher?.displayName || "Unknown Publisher"
+											}),
+											e.variant && /* @__PURE__ */ g("p", {
+												className: "mt-1 text-xs text-text-muted",
+												children: ["Version ", e.variant.version]
+											})
+										] }), /* @__PURE__ */ h("button", {
+											onClick: () => D(e.id),
+											className: "cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-status-error-bg-subtle/10 hover:text-status-error-text",
+											"aria-label": `Remove ${e.product?.displayName ?? "item"} from cart`,
+											title: "Remove item",
+											children: /* @__PURE__ */ h(f, { className: "h-5 w-5" })
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "mt-2 flex items-center gap-2",
+										children: [/* @__PURE__ */ h("span", {
+											className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-muted",
+											children: e.itemType === "digital" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(p, { className: "h-3 w-3" }), P("pages.cart.digital", { defaultValue: "Digital" })] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, { className: "h-3 w-3" }), P("pages.cart.physical", { defaultValue: "Physical" })] })
+										}), e.product?.pricingModel === "SUBSCRIPTION" && /* @__PURE__ */ h("span", {
+											className: "inline-flex items-center gap-1 rounded-full bg-bg-accent/10 px-2 py-0.5 text-xs font-medium text-text-link",
+											children: P("store.pricingModels.subscription", { defaultValue: "Subscription" })
+										})]
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "mt-auto flex items-center justify-between pt-3",
+										children: [e.itemType === "physical" ? /* @__PURE__ */ g("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ h("span", {
+												className: "text-sm text-text-muted",
+												children: "Qty:"
+											}), /* @__PURE__ */ g("div", {
+												className: "flex items-center rounded-lg border border-border-default",
+												children: [
+													/* @__PURE__ */ h("button", {
+														onClick: () => E(e.id, e.quantity - 1),
+														className: "cursor-pointer rounded-l-lg p-2 transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50",
+														disabled: e.quantity <= 1,
+														children: /* @__PURE__ */ h(s, { className: "h-4 w-4" })
+													}),
+													/* @__PURE__ */ h("span", {
+														className: "min-w-[3rem] text-center font-medium",
+														children: e.quantity
+													}),
+													/* @__PURE__ */ h("button", {
+														onClick: () => E(e.id, e.quantity + 1),
+														className: "cursor-pointer rounded-r-lg p-2 transition-colors hover:bg-bg-sunken",
+														children: /* @__PURE__ */ h(c, { className: "h-4 w-4" })
+													})
+												]
+											})]
+										}) : /* @__PURE__ */ h("div", {
+											className: "text-sm text-text-muted",
+											children: P("pages.cart.singleLicense", { defaultValue: "Single license" })
+										}), /* @__PURE__ */ g("div", {
+											className: "text-right",
+											children: [/* @__PURE__ */ h("p", {
+												className: "text-lg font-bold text-text-primary",
+												children: n(e.totalPrice)
+											}), e.quantity > 1 && e.itemType === "physical" && /* @__PURE__ */ g("p", {
+												className: "text-xs text-text-muted",
+												children: [n(e.unitPrice), " each"]
+											})]
+										})]
+									})
+								]
+							})]
+						}, e.id))
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "mt-8 rounded-xl border border-border-default bg-bg-surface p-5",
+						children: [M && /* @__PURE__ */ h("div", {
+							role: "alert",
+							className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
+							children: M
+						}), /* @__PURE__ */ g("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+								className: "text-sm text-text-muted",
+								children: "Total"
+							}), /* @__PURE__ */ h("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: n(T)
+							})] }), /* @__PURE__ */ h("button", {
+								onClick: L,
+								disabled: A,
+								className: "flex cursor-pointer 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 disabled:cursor-not-allowed disabled:opacity-70",
+								children: A ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(o, { className: "h-4 w-4 animate-spin" }), P("pages.cart.processing", { defaultValue: "Processing..." })] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), P("pages.cart.proceedToCheckout", { defaultValue: "Proceed to Checkout" })] })
+							})]
+						})]
+					}),
+					/* @__PURE__ */ g("button", {
+						onClick: R,
+						className: "cursor-pointer mt-4 flex items-center gap-2 text-sm font-medium text-text-link hover:underline",
+						children: [/* @__PURE__ */ h(a, { className: "h-4 w-4" }), P("cart.continueShopping", { defaultValue: "Continue Shopping" })]
+					})
+				] })
+			})
+		})]
+	});
+};
+//#endregion
+export { x as CartPage };
+
+//# sourceMappingURL=CartPage.js.map

package/dist/pages/CartPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartPage.js","names":[],"sources":["../../src/pages/CartPage.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { useQuotaErrorToast } from '@burdenoff/fe-libs/shared/hooks';\nimport { isQuotaExhaustedError } from '@burdenoff/fe-libs/shared/utils';\nimport {\n  ShoppingCart,\n  Trash2,\n  Plus,\n  Minus,\n  ArrowLeft,\n  ShoppingBag,\n  Zap,\n  Tag,\n  Loader2,\n} from 'lucide-react';\nimport { useStore } from '../providers/StoreProvider';\nimport { useCart } from '../hooks/useCart';\nimport { formatPrice } from '../utils';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n/**\n * CartPage component\n *\n * Full page cart view with items, summary, and checkout\n */\nexport const CartPage: FC = () => {\n  const navigate = useNavigate();\n  const { basePath } = useStore();\n  const { cartItems, itemCount, total, updateQuantity, removeProduct, clearCart, createOrder } =\n    useCart();\n  const [isCheckingOut, setIsCheckingOut] = useState(false);\n  const [checkoutError, setCheckoutError] = useState<string | null>(null);\n  const { t } = useI18n();\n  const bus = useEventBus();\n  // Surface QUOTA_EXHAUSTED gateway errors as a toast (e.g. when the\n  // workspace has hit its store-purchases-per-month limit). The hook also\n  // listens for the global `burdenoff:quota-exhausted` event so any other\n  // mutation in the page that triggers it will toast as well.\n  const { report: reportQuotaError } = useQuotaErrorToast();\n\n  const handleCheckout = async () => {\n    try {\n      setIsCheckingOut(true);\n      setCheckoutError(null);\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      bus.emit('store.cart.checkout_started' as any, {\n        cartId: '',\n        itemCount,\n        total,\n      });\n\n      // Build line items from cart\n      const lineItems = cartItems.map((item) => ({\n        productId: item.productId,\n        name: item.product?.displayName || 'Product',\n        quantity: item.quantity,\n        unitPrice: item.unitPrice,\n        subtotal: item.totalPrice,\n        itemType: item.itemType.toLowerCase(),\n        variantId: item.variantId,\n        pricingModel: item.product?.pricingModel || 'PAID_ONETIME',\n      }));\n\n      // Create order input\n      const orderInput = {\n        total,\n        lineItems,\n        billingAccountId: '', // Will be set on billing page\n      };\n\n      // Call createStoreOrder mutation to create PENDING order\n      const order = await createOrder(orderInput);\n\n      if (order?.id) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        bus.emit('store.order.placed' as any, {\n          orderId: order.id,\n          total,\n          itemCount,\n        });\n        // Clear cart now that the order is created — non-blocking so a\n        // clear failure never prevents the user from reaching billing.\n        clearCart().catch(() => {});\n        // Navigate to billing page with the order ID\n        navigate(`/billing/checkout/store/${order.id}`);\n      } else {\n        setCheckoutError(\n          t('pages.cart.failedToCreate', {\n            defaultValue: 'Failed to create order. Please try again.',\n          })\n        );\n        setIsCheckingOut(false);\n      }\n    } catch (error) {\n      console.error('Checkout error:', error);\n      // Quota-exhausted errors surface a global toast via the shell's\n      // GlobalUiProvider; suppress the inline checkout error so we don't\n      // stack two error UIs on top of each other.\n      if (isQuotaExhaustedError(error)) {\n        reportQuotaError(error);\n        setIsCheckingOut(false);\n        return;\n      }\n      setCheckoutError(\n        error instanceof Error ? error.message : 'An error occurred during checkout'\n      );\n      setIsCheckingOut(false);\n    }\n  };\n\n  const handleContinueShopping = () => {\n    navigate(`${basePath}/marketplace`);\n  };\n\n  return (\n    <div className=\"h-full overflow-y-auto\">\n      {/* Header */}\n      <header className=\"sticky top-0 z-10 border-b border-border-default bg-bg-surface px-6 py-4\">\n        <div className=\"mx-auto max-w-6xl\">\n          <div className=\"flex items-center gap-4\">\n            <button\n              onClick={() => navigate(-1)}\n              aria-label=\"Go back\"\n              className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <ArrowLeft className=\"h-5 w-5\" />\n            </button>\n            <div className=\"flex items-center gap-3\">\n              <ShoppingCart className=\"h-6 w-6 text-text-primary\" />\n              <h1 className=\"text-xl font-bold text-text-primary\">\n                {t('cart.title', { defaultValue: 'Shopping Cart' })}\n              </h1>\n              {itemCount > 0 && (\n                <span className=\"rounded-full bg-action-primary-bg px-2.5 py-0.5 text-sm font-medium text-action-primary-text\">\n                  {itemCount}{' '}\n                  {itemCount === 1\n                    ? t('pages.cart.item', { defaultValue: `${itemCount} item`, count: itemCount })\n                    : t('pages.cart.items', {\n                        defaultValue: `${itemCount} items`,\n                        count: itemCount,\n                      })}\n                </span>\n              )}\n            </div>\n          </div>\n        </div>\n      </header>\n\n      <main className=\"mx-auto max-w-6xl px-6 py-6\">\n        {cartItems.length === 0 ? (\n          // Empty Cart State\n          <div className=\"flex flex-col items-center justify-center py-16 text-center\">\n            <div className=\"mb-6 rounded-full bg-bg-sunken p-6\">\n              <ShoppingBag className=\"h-16 w-16 text-text-muted\" />\n            </div>\n            <h2 className=\"mb-2 text-2xl font-bold text-text-primary\">\n              {t('cart.empty', { defaultValue: 'Your cart is empty' })}\n            </h2>\n            <p className=\"mb-6 max-w-md text-text-muted\">\n              {t('pages.cart.emptyDescription', {\n                defaultValue:\n                  'Looks like you have not added any apps or products to your cart yet. Start exploring the marketplace to find something you will love!',\n              })}\n            </p>\n            <button\n              onClick={handleContinueShopping}\n              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\"\n            >\n              <ShoppingBag className=\"h-5 w-5\" />\n              {t('pages.cart.browseMarketplace', { defaultValue: 'Browse Marketplace' })}\n            </button>\n          </div>\n        ) : (\n          // Cart with Items\n          <div className=\"mx-auto max-w-3xl\">\n            {/* Cart Items */}\n            <div>\n              {/* Cart Actions */}\n              <div className=\"mb-4 flex items-center justify-between\">\n                <h2 className=\"text-lg font-semibold text-text-primary\">\n                  {t('pages.cart.cartItems', {\n                    defaultValue: `Cart Items (${itemCount})`,\n                    count: itemCount,\n                  })}\n                </h2>\n                <button\n                  onClick={clearCart}\n                  className=\"cursor-pointer flex items-center gap-1 text-sm text-text-muted transition-colors hover:text-status-error-text\"\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                  {t('cart.clearCart', { defaultValue: 'Clear Cart' })}\n                </button>\n              </div>\n\n              {/* Items List */}\n              <ul className=\"space-y-4\">\n                {cartItems.map((item) => (\n                  <li\n                    key={item.id}\n                    className=\"flex gap-4 rounded-xl border border-border-default bg-bg-surface p-4 transition-shadow hover:shadow-md\"\n                  >\n                    {/* Product Image */}\n                    <div className=\"h-24 w-24 flex-shrink-0 overflow-hidden rounded-lg bg-bg-sunken\">\n                      {item.product?.iconUrl ? (\n                        <img\n                          src={item.product.iconUrl}\n                          alt={item.product.displayName}\n                          className=\"h-full w-full object-cover\"\n                        />\n                      ) : (\n                        <div className=\"flex h-full w-full items-center justify-center text-2xl font-bold text-text-muted\">\n                          {item.product?.displayName?.charAt(0) || 'P'}\n                        </div>\n                      )}\n                    </div>\n\n                    {/* Product Info */}\n                    <div className=\"flex flex-1 flex-col\">\n                      <div className=\"flex items-start justify-between\">\n                        <div>\n                          <h3 className=\"font-semibold text-text-primary\">\n                            {item.product?.displayName || 'Product'}\n                          </h3>\n                          <p className=\"text-sm text-text-muted\">\n                            {item.product?.publisher?.displayName || 'Unknown Publisher'}\n                          </p>\n                          {item.variant && (\n                            <p className=\"mt-1 text-xs text-text-muted\">\n                              Version {item.variant.version}\n                            </p>\n                          )}\n                        </div>\n                        <button\n                          onClick={() => removeProduct(item.id)}\n                          className=\"cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-status-error-bg-subtle/10 hover:text-status-error-text\"\n                          aria-label={`Remove ${item.product?.displayName ?? 'item'} from cart`}\n                          title=\"Remove item\"\n                        >\n                          <Trash2 className=\"h-5 w-5\" />\n                        </button>\n                      </div>\n\n                      {/* Item Type Badge */}\n                      <div className=\"mt-2 flex items-center gap-2\">\n                        <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-muted\">\n                          {item.itemType === 'digital' ? (\n                            <>\n                              <Zap className=\"h-3 w-3\" />\n                              {t('pages.cart.digital', { defaultValue: 'Digital' })}\n                            </>\n                          ) : (\n                            <>\n                              <Tag className=\"h-3 w-3\" />\n                              {t('pages.cart.physical', { defaultValue: 'Physical' })}\n                            </>\n                          )}\n                        </span>\n                        {item.product?.pricingModel === 'SUBSCRIPTION' && (\n                          <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-accent/10 px-2 py-0.5 text-xs font-medium text-text-link\">\n                            {t('store.pricingModels.subscription', {\n                              defaultValue: 'Subscription',\n                            })}\n                          </span>\n                        )}\n                      </div>\n\n                      {/* Quantity and Price Row */}\n                      <div className=\"mt-auto flex items-center justify-between pt-3\">\n                        {/* Quantity Controls - Only show for physical items */}\n                        {item.itemType === 'physical' ? (\n                          <div className=\"flex items-center gap-3\">\n                            <span className=\"text-sm text-text-muted\">Qty:</span>\n                            <div className=\"flex items-center rounded-lg border border-border-default\">\n                              <button\n                                onClick={() => updateQuantity(item.id, item.quantity - 1)}\n                                className=\"cursor-pointer rounded-l-lg p-2 transition-colors hover:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-50\"\n                                disabled={item.quantity <= 1}\n                              >\n                                <Minus className=\"h-4 w-4\" />\n                              </button>\n                              <span className=\"min-w-[3rem] text-center font-medium\">\n                                {item.quantity}\n                              </span>\n                              <button\n                                onClick={() => updateQuantity(item.id, item.quantity + 1)}\n                                className=\"cursor-pointer rounded-r-lg p-2 transition-colors hover:bg-bg-sunken\"\n                              >\n                                <Plus className=\"h-4 w-4\" />\n                              </button>\n                            </div>\n                          </div>\n                        ) : (\n                          <div className=\"text-sm text-text-muted\">\n                            {t('pages.cart.singleLicense', { defaultValue: 'Single license' })}\n                          </div>\n                        )}\n\n                        {/* Price */}\n                        <div className=\"text-right\">\n                          <p className=\"text-lg font-bold text-text-primary\">\n                            {formatPrice(item.totalPrice)}\n                          </p>\n                          {item.quantity > 1 && item.itemType === 'physical' && (\n                            <p className=\"text-xs text-text-muted\">\n                              {formatPrice(item.unitPrice)} each\n                            </p>\n                          )}\n                        </div>\n                      </div>\n                    </div>\n                  </li>\n                ))}\n              </ul>\n\n              {/* Checkout Footer */}\n              <div className=\"mt-8 rounded-xl border border-border-default bg-bg-surface p-5\">\n                {checkoutError && (\n                  <div\n                    role=\"alert\"\n                    className=\"mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text\"\n                  >\n                    {checkoutError}\n                  </div>\n                )}\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"text-sm text-text-muted\">Total</p>\n                    <p className=\"text-2xl font-bold text-text-primary\">{formatPrice(total)}</p>\n                  </div>\n                  <button\n                    onClick={handleCheckout}\n                    disabled={isCheckingOut}\n                    className=\"flex cursor-pointer 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 disabled:cursor-not-allowed disabled:opacity-70\"\n                  >\n                    {isCheckingOut ? (\n                      <>\n                        <Loader2 className=\"h-4 w-4 animate-spin\" />\n                        {t('pages.cart.processing', { defaultValue: 'Processing...' })}\n                      </>\n                    ) : (\n                      <>\n                        <Zap className=\"h-4 w-4\" />\n                        {t('pages.cart.proceedToCheckout', { defaultValue: 'Proceed to Checkout' })}\n                      </>\n                    )}\n                  </button>\n                </div>\n              </div>\n\n              {/* Continue Shopping */}\n              <button\n                onClick={handleContinueShopping}\n                className=\"cursor-pointer mt-4 flex items-center gap-2 text-sm font-medium text-text-link hover:underline\"\n              >\n                <ArrowLeft className=\"h-4 w-4\" />\n                {t('cart.continueShopping', { defaultValue: 'Continue Shopping' })}\n              </button>\n            </div>\n          </div>\n        )}\n      </main>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/InstalledAppsPage.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+/**
+ * InstalledAppsPage component
+ *
+ * Displays installed applications for the current actor
+ */
+export declare const InstalledAppsPage: FC;