@burdenoff/microfe-billing 2026.530.2 → 2026.530.3

package/dist/billing/modules/plans/pages/PlansBrowsePage.js

@@ -1,23 +1,25 @@
 import { useBilling as e } from "../../../providers/BillingProvider.js";
 import { ServerError as t } from "../../../shared/components/ServerError.js";
 import "../../../shared/components/index.js";
-import { formatCurrency as n, formatPlanDuration as r, formatPlanDurationLabel as i } from "../../../shared/utils/format.js";
-import { isServerError as a } from "../../../shared/utils/error.js";
-import { getPlanFeatureQuantity as o } from "../../../shared/utils/planFeatureQuantity.js";
+import { PlanDuration as n } from "../../../shared/types/graphql.js";
+import { formatCurrency as r, formatPlanDuration as i, formatPlanDurationLabel as a } from "../../../shared/utils/format.js";
+import { isServerError as o } from "../../../shared/utils/error.js";
+import { getPlanFeatureQuantity as s } from "../../../shared/utils/planFeatureQuantity.js";
 import "../../../shared/utils/index.js";
-import { useBillingNavigate as s } from "../../../hooks/useBillingNavigate.js";
-import { getDisplayPrice as c, useDefaultBillingCurrency as l } from "../../../hooks/useDefaultBillingCurrency.js";
-import { usePlans as u } from "../hooks/usePlans.js";
+import { useBillingNavigate as c } from "../../../hooks/useBillingNavigate.js";
+import { getDisplayPrice as l, useDefaultBillingCurrency as u } from "../../../hooks/useDefaultBillingCurrency.js";
+import { usePlans as d } from "../hooks/usePlans.js";
 import "../hooks/index.js";
-import { useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { FEATURED_QUOTA_LABELS as f, FEATURED_QUOTA_NAMES as p, formatFeaturedQuotaValue as m } from "../constants/featuredQuotas.js";
+import { useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/billing/modules/plans/pages/PlansBrowsePage.tsx
-function h(e) {
+function y(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		if (!n.quota) continue;
-		let e = n.quota.id, r = o(n), i = t.get(e);
+		let e = n.quota.id, r = s(n), i = t.get(e);
 		i ? i.totalValue += r : t.set(e, {
 			quotaId: e,
 			name: n.quota.name ?? "Unknown Quota",
@@ -26,100 +28,103 @@ function h(e) {
 	}
 	return Array.from(t.values());
 }
-var g = () => {
-	let { t: n } = m(), r = (e, t) => {
-		let r = n(e);
-		return r === e ? t : r;
-	}, i = s(), { productId: o } = e(), { plans: c, isLoading: l, error: h, refetch: g } = u({
+function b(e) {
+	let t = y(e), n = new Map(t.map((e) => [e.name, e]));
+	return p.flatMap((e) => {
+		let t = n.get(e);
+		return t ? [t] : [];
+	});
+}
+var x = () => {
+	let { t: r } = v(), i = (e, t) => {
+		let n = r(e);
+		return n === e ? t : n;
+	}, a = c(), { productId: s } = e(), { plans: l, isLoading: u, error: f, refetch: p } = d({
 		includeFree: !1,
-		productId: o ?? void 0
-	}), [y, b] = d("grid"), [x, S] = d("all"), C = c.filter((e) => !(!e.isActive || x !== "all" && e.duration !== x));
-	return l && c.length === 0 ? /* @__PURE__ */ p("div", {
+		productId: s ?? void 0
+	}), [m, y] = h("grid"), [b, x] = h(n.MONTHLY), S = l.filter((e) => e.isActive && e.duration === b);
+	return u && l.length === 0 ? /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ f("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ f("div", {
+		children: [/* @__PURE__ */ g("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ g("div", {
 			className: "grid grid-cols-1 md:grid-cols-3 gap-6",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ p("div", {
+			].map((e) => /* @__PURE__ */ _("div", {
 				className: "border border-border rounded-lg p-6 space-y-4",
 				children: [
-					/* @__PURE__ */ f("div", { className: "h-6 w-24 bg-muted animate-pulse rounded" }),
-					/* @__PURE__ */ f("div", { className: "h-8 w-32 bg-muted animate-pulse rounded" }),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ g("div", { className: "h-6 w-24 bg-muted animate-pulse rounded" }),
+					/* @__PURE__ */ g("div", { className: "h-8 w-32 bg-muted animate-pulse rounded" }),
+					/* @__PURE__ */ g("div", {
 						className: "space-y-2",
 						children: [
 							1,
 							2,
 							3
-						].map((e) => /* @__PURE__ */ f("div", { className: "h-4 w-full bg-muted animate-pulse rounded" }, e))
+						].map((e) => /* @__PURE__ */ g("div", { className: "h-4 w-full bg-muted animate-pulse rounded" }, e))
 					})
 				]
 			}, e))
 		})]
-	}) : h && a(h) ? /* @__PURE__ */ f("div", {
+	}) : f && o(f) ? /* @__PURE__ */ g("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ f(t, {
-			title: r("billing.plans.serverUnavailable", "Server Unavailable"),
-			message: r("billing.plans.unableToLoadPlans", "Unable to load plans."),
-			onRetry: () => g(),
+		children: /* @__PURE__ */ g(t, {
+			title: i("billing.plans.serverUnavailable", "Server Unavailable"),
+			message: i("billing.plans.unableToLoadPlans", "Unable to load plans."),
+			onRetry: () => p(),
 			showRetry: !0
 		})
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+			/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
 				className: "text-2xl font-bold text-foreground",
-				children: r("billing.plans.browsePlansTitle", "Plans")
-			}), /* @__PURE__ */ f("p", {
+				children: i("billing.plans.browsePlansTitle", "Plans")
+			}), /* @__PURE__ */ g("p", {
 				className: "text-sm text-muted-foreground mt-1",
-				children: r("billing.plans.browsePlansSubtitle", "Choose a plan that fits your needs")
+				children: i("billing.plans.browsePlansSubtitle", "Choose a plan that fits your needs")
 			})] }),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex flex-wrap items-center gap-4 pb-4 border-b border-border",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "inline-flex rounded-lg border border-border p-1 bg-muted/50",
-					children: [
-						"all",
-						"monthly",
-						"yearly"
-					].map((e) => /* @__PURE__ */ f("button", {
+					children: [n.MONTHLY, n.YEARLY].map((e) => /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => S(e),
-						className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${x === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
-						children: e === "all" ? "All" : e === "monthly" ? "Monthly" : "Yearly"
+						onClick: () => x(e),
+						className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${b === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+						children: e === n.MONTHLY ? "Monthly" : "Yearly"
 					}, e))
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "ml-auto inline-flex rounded-lg border border-border p-1 bg-muted/50",
-					children: [/* @__PURE__ */ f("button", {
+					children: [/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => b("grid"),
-						className: `p-1.5 rounded-md transition-colors ${y === "grid" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+						onClick: () => y("grid"),
+						className: `p-1.5 rounded-md transition-colors ${m === "grid" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
 						title: "Grid view",
-						children: /* @__PURE__ */ f("svg", {
+						children: /* @__PURE__ */ g("svg", {
 							className: "size-4",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ f("path", {
+							children: /* @__PURE__ */ g("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
 							})
 						})
-					}), /* @__PURE__ */ f("button", {
+					}), /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => b("list"),
-						className: `p-1.5 rounded-md transition-colors ${y === "list" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+						onClick: () => y("list"),
+						className: `p-1.5 rounded-md transition-colors ${m === "list" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
 						title: "List view",
-						children: /* @__PURE__ */ f("svg", {
+						children: /* @__PURE__ */ g("svg", {
 							className: "size-4",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ f("path", {
+							children: /* @__PURE__ */ g("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -129,17 +134,17 @@ var g = () => {
 					})]
 				})]
 			}),
-			C.length === 0 ? /* @__PURE__ */ p("div", {
+			S.length === 0 ? /* @__PURE__ */ _("div", {
 				className: "flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg",
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ g("div", {
 						className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4",
-						children: /* @__PURE__ */ f("svg", {
+						children: /* @__PURE__ */ g("svg", {
 							className: "size-6 text-muted-foreground",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ f("path", {
+							children: /* @__PURE__ */ g("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -147,102 +152,217 @@ var g = () => {
 							})
 						})
 					}),
-					/* @__PURE__ */ f("h3", {
+					/* @__PURE__ */ g("h3", {
 						className: "text-lg font-medium text-foreground",
-						children: r("billing.plans.noPlansAvailable", "No plans available")
+						children: i("billing.plans.noPlansAvailable", "No plans available")
 					}),
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ g("p", {
 						className: "text-sm text-muted-foreground mt-1",
-						children: r("billing.plans.checkBackLater", "Check back later for new plans.")
+						children: i("billing.plans.checkBackLater", "Check back later for new plans.")
 					})
 				]
-			}) : y === "grid" ? /* @__PURE__ */ f("div", {
+			}) : m === "grid" ? /* @__PURE__ */ _("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
-				children: C.map((e) => /* @__PURE__ */ f(_, {
+				children: [S.map((e) => /* @__PURE__ */ g(T, {
 					plan: e,
-					onView: () => i(`/plans/${e.id}`),
-					onSubscribe: () => i(`/checkout/${e.id}`)
-				}, e.id))
-			}) : /* @__PURE__ */ f("div", {
+					onView: () => a(`/plans/${e.id}`),
+					onSubscribe: () => a(`/checkout/${e.id}`)
+				}, e.id)), /* @__PURE__ */ g(C, {})]
+			}) : /* @__PURE__ */ _("div", {
 				className: "space-y-3",
-				children: C.map((e) => /* @__PURE__ */ f(v, {
+				children: [S.map((e) => /* @__PURE__ */ g(E, {
 					plan: e,
-					onView: () => i(`/plans/${e.id}`),
-					onSubscribe: () => i(`/checkout/${e.id}`)
-				}, e.id))
+					onView: () => a(`/plans/${e.id}`),
+					onSubscribe: () => a(`/checkout/${e.id}`)
+				}, e.id)), /* @__PURE__ */ g(w, {})]
 			})
 		]
 	});
-}, _ = ({ plan: e, onView: t, onSubscribe: a }) => {
-	let o = h(e.features || []), s = l();
-	return /* @__PURE__ */ p("div", {
+}, S = [
+	"Unlimited Agents & Sessions",
+	"Dedicated single-tenant infra",
+	"Customer-managed encryption keys",
+	"SSO / SCIM provisioning",
+	"Custom SLA & support contract",
+	"Volume-based custom pricing",
+	"Audit log with custom retention",
+	"Priority onboarding & migration"
+], C = () => /* @__PURE__ */ _("div", {
+	className: "border border-action-primary-bg/40 bg-action-primary-bg/5 rounded-lg p-6 flex flex-col h-full",
+	children: [
+		/* @__PURE__ */ _("div", {
+			className: "mb-4",
+			children: [/* @__PURE__ */ _("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ g("h3", {
+					className: "text-lg font-bold text-foreground",
+					children: "Enterprise"
+				}), /* @__PURE__ */ g("span", {
+					className: "text-xs font-medium px-2 py-0.5 rounded-full bg-action-primary-bg/15 text-action-primary-bg",
+					children: "Contact Us"
+				})]
+			}), /* @__PURE__ */ g("span", {
+				className: "text-sm text-muted-foreground",
+				children: "Custom contract"
+			})]
+		}),
+		/* @__PURE__ */ g("div", {
+			className: "flex items-baseline gap-1 mb-4",
+			children: /* @__PURE__ */ g("span", {
+				className: "text-2xl font-bold text-foreground",
+				children: "Custom pricing"
+			})
+		}),
+		/* @__PURE__ */ g("ul", {
+			className: "space-y-2 mb-4 flex-1",
+			children: S.map((e) => /* @__PURE__ */ _("li", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ g("svg", {
+					className: "size-4 text-status-success-text shrink-0",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ g("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M5 13l4 4L19 7"
+					})
+				}), /* @__PURE__ */ g("span", {
+					className: "text-foreground",
+					children: e
+				})]
+			}, e))
+		}),
+		/* @__PURE__ */ g("div", {
+			className: "space-y-2 pt-4 border-t border-border mt-auto",
+			children: /* @__PURE__ */ g("a", {
+				href: "mailto:contact@burdenoff.com?subject=Enterprise Plan Inquiry",
+				className: "block w-full px-4 py-2 text-sm font-medium text-center bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+				children: "Contact Us"
+			})
+		})
+	]
+}), w = () => /* @__PURE__ */ _("div", {
+	className: "flex items-center gap-4 p-4 border border-action-primary-bg/40 rounded-lg bg-action-primary-bg/5 transition-all hover:shadow-sm",
+	children: [
+		/* @__PURE__ */ g("div", {
+			className: "size-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center shrink-0",
+			children: /* @__PURE__ */ g("svg", {
+				className: "size-5 text-action-primary-bg",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ g("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-2 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+				})
+			})
+		}),
+		/* @__PURE__ */ _("div", {
+			className: "flex-1 min-w-0",
+			children: [/* @__PURE__ */ _("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ g("h3", {
+					className: "font-semibold text-foreground",
+					children: "Enterprise"
+				}), /* @__PURE__ */ g("span", {
+					className: "text-xs font-medium px-2 py-0.5 rounded-full bg-action-primary-bg/15 text-action-primary-bg shrink-0",
+					children: "Contact Us"
+				})]
+			}), /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Dedicated infra · SSO/SCIM · Custom SLA"
+			})]
+		}),
+		/* @__PURE__ */ _("div", {
+			className: "text-right",
+			children: [/* @__PURE__ */ g("div", {
+				className: "font-semibold text-foreground",
+				children: "Custom pricing"
+			}), /* @__PURE__ */ g("div", {
+				className: "text-sm text-muted-foreground",
+				children: "contract-based"
+			})]
+		}),
+		/* @__PURE__ */ g("a", {
+			href: "mailto:contact@burdenoff.com?subject=Enterprise Plan Inquiry",
+			className: "px-3 py-1.5 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors shrink-0",
+			children: "Contact Us"
+		})
+	]
+}), T = ({ plan: e, onView: t, onSubscribe: n }) => {
+	let o = b(e.features || []), s = y(e.features || []).length - o.length, c = u();
+	return /* @__PURE__ */ _("div", {
 		className: "border border-border rounded-lg bg-card p-6 transition-all hover:shadow-md flex flex-col h-full",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				className: "mb-4",
-				children: [/* @__PURE__ */ f("h3", {
+				children: [/* @__PURE__ */ g("h3", {
 					className: "text-lg font-bold text-foreground",
 					children: e.name
-				}), /* @__PURE__ */ f("span", {
+				}), /* @__PURE__ */ g("span", {
 					className: "text-sm text-muted-foreground",
-					children: i(e.duration)
+					children: a(e.duration)
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-baseline gap-1 mb-4",
-				children: [/* @__PURE__ */ f("span", {
+				children: [/* @__PURE__ */ g("span", {
 					className: "text-3xl font-bold text-foreground",
 					children: (() => {
-						let { price: t, currency: r } = c(e.price, e.currency, e.currencyPrices, s);
-						return n(t, r);
+						let { price: t, currency: n } = l(e.price, e.currency, e.currencyPrices, c);
+						return r(t, n);
 					})()
-				}), /* @__PURE__ */ p("span", {
+				}), /* @__PURE__ */ _("span", {
 					className: "text-muted-foreground text-sm",
-					children: ["/ ", r(e.duration)]
+					children: ["/ ", i(e.duration)]
 				})]
 			}),
-			o.length > 0 && /* @__PURE__ */ p("ul", {
-				className: "space-y-2 mb-4",
-				children: [o.slice(0, 5).map((e) => /* @__PURE__ */ p("li", {
+			o.length > 0 && /* @__PURE__ */ _("ul", {
+				className: "space-y-2 mb-4 flex-1",
+				children: [o.map((e) => /* @__PURE__ */ _("li", {
 					className: "flex items-center justify-between text-sm",
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ f("svg", {
+						children: [/* @__PURE__ */ g("svg", {
 							className: "size-4 text-status-success-text shrink-0",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ f("path", {
+							children: /* @__PURE__ */ g("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M5 13l4 4L19 7"
 							})
-						}), /* @__PURE__ */ f("span", {
+						}), /* @__PURE__ */ g("span", {
 							className: "text-foreground",
-							children: e.name
+							children: f[e.name] ?? e.name
 						})]
-					}), /* @__PURE__ */ f("span", {
-						className: "font-medium text-foreground",
-						children: e.totalValue.toLocaleString()
+					}), /* @__PURE__ */ g("span", {
+						className: "font-medium text-foreground tabular-nums",
+						children: m(e.name, e.totalValue)
 					})]
-				}, e.quotaId)), o.length > 5 && /* @__PURE__ */ p("li", {
+				}, e.quotaId)), s > 0 && /* @__PURE__ */ _("li", {
 					className: "text-sm text-muted-foreground pl-6",
 					children: [
 						"+",
-						o.length - 5,
-						" more"
+						s,
+						" more — see details"
 					]
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				className: "space-y-2 pt-4 border-t border-border mt-auto",
-				children: [/* @__PURE__ */ f("button", {
+				children: [/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: a,
+					onClick: n,
 					className: "w-full px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 					children: "Subscribe"
-				}), /* @__PURE__ */ f("button", {
+				}), /* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: t,
 					className: "w-full px-4 py-2 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
@@ -251,19 +371,19 @@ var g = () => {
 			})
 		]
 	});
-}, v = ({ plan: e, onView: t, onSubscribe: i }) => {
-	let a = h(e.features || []), o = l();
-	return /* @__PURE__ */ p("div", {
+}, E = ({ plan: e, onView: t, onSubscribe: n }) => {
+	let a = b(e.features || []), o = u();
+	return /* @__PURE__ */ _("div", {
 		className: "flex items-center gap-4 p-4 border border-border rounded-lg bg-card transition-all hover:shadow-sm",
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ g("div", {
 				className: "size-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",
-				children: /* @__PURE__ */ f("svg", {
+				children: /* @__PURE__ */ g("svg", {
 					className: "size-5 text-primary",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
-					children: /* @__PURE__ */ f("path", {
+					children: /* @__PURE__ */ g("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -271,42 +391,42 @@ var g = () => {
 					})
 				})
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex-1 min-w-0",
-				children: [/* @__PURE__ */ f("h3", {
+				children: [/* @__PURE__ */ g("h3", {
 					className: "font-semibold text-foreground truncate",
 					children: e.name
-				}), /* @__PURE__ */ p("p", {
+				}), /* @__PURE__ */ _("p", {
 					className: "text-sm text-muted-foreground",
 					children: [
 						a.length,
-						" quota",
+						" key feature",
 						a.length === 1 ? "" : "s",
 						" included"
 					]
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				className: "text-right",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "font-semibold text-foreground",
 					children: (() => {
-						let { price: t, currency: r } = c(e.price, e.currency, e.currencyPrices, o);
-						return n(t, r);
+						let { price: t, currency: n } = l(e.price, e.currency, e.currencyPrices, o);
+						return r(t, n);
 					})()
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ _("div", {
 					className: "text-sm text-muted-foreground",
-					children: ["per ", r(e.duration)]
+					children: ["per ", i(e.duration)]
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ _("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ f("button", {
+				children: [/* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: i,
+					onClick: n,
 					className: "px-3 py-1.5 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 					children: "Subscribe"
-				}), /* @__PURE__ */ f("button", {
+				}), /* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: t,
 					className: "px-3 py-1.5 text-sm font-medium border border-border text-foreground rounded-md hover:bg-muted transition-colors",
@@ -317,6 +437,6 @@ var g = () => {
 	});
 };
 //#endregion
-export { g as PlansBrowsePage };
+export { x as PlansBrowsePage };
 
 //# sourceMappingURL=PlansBrowsePage.js.map