@burdenoff/microfe-billing 2026.510.114

package/dist/billing/modules/subscriptions/pages/UpgradeSubscriptionPage.js

@@ -0,0 +1,430 @@
+import { useBilling as e } from "../../../providers/BillingProvider.js";
+import { useBillingAccountSelection as t } from "../../../hooks/useBillingAccountSelection.js";
+import { formatCurrency as n, formatPlanDuration as r } from "../../../shared/utils/format.js";
+import { useBillingPermissions as i } from "../../../hooks/useBillingPermissions.js";
+import { useGetAllPlansQuery as a, useGetDefaultBillingAccountDashboardQuery as o } from "../../../../generated/global-operations.js";
+import { useBillingNavigate as s } from "../../../hooks/useBillingNavigate.js";
+import { withBillingAccountId as c } from "../../../shared/utils/navigation.js";
+import { useSubscription as l } from "../hooks/useSubscriptions.js";
+import "../hooks/index.js";
+import { useMemo as u, useState as d } from "react";
+import { AlertCircle as f, ArrowLeft as p, ArrowRight as m, CheckCircle as h, ChevronDown as g, ChevronUp as _, Infinity as v, Loader2 as y, Package as b, Sparkles as x } from "lucide-react";
+import { useParams as S } from "react-router-dom";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/billing/modules/subscriptions/pages/UpgradeSubscriptionPage.tsx
+var D = (e) => typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "number" ? e === -1 || e === Infinity ? "Unlimited" : e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}K` : e.toLocaleString() : String(e), O = (e) => e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()).trim(), k = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = n.quotaId || n.quota?.id;
+		if (!e || !n.quota) continue;
+		let r = t.get(e);
+		if (r && r.quota) {
+			let e = r.quota.limits || {}, t = n.quota.limits || {}, i = { ...e };
+			for (let [e, n] of Object.entries(t)) if (typeof n == "number" && typeof i[e] == "number") {
+				let t = i[e];
+				t === -1 || n === -1 ? i[e] = -1 : i[e] = t + n;
+			} else e in i || (i[e] = n);
+			r.quota = {
+				...r.quota,
+				limits: i
+			};
+		} else t.set(e, {
+			...n,
+			quota: n.quota ? {
+				...n.quota,
+				limits: n.quota.limits ? { ...n.quota.limits } : void 0
+			} : void 0
+		});
+	}
+	return Array.from(t.values());
+}, A = ({ features: e, isExpanded: t, onToggle: n, variant: r = "available" }) => {
+	let i = u(() => k(e), [e]), a = i.length;
+	return a === 0 ? /* @__PURE__ */ w("p", {
+		className: "text-xs text-muted-foreground italic",
+		children: "No features defined"
+	}) : /* @__PURE__ */ T("div", {
+		className: "mt-2",
+		children: [/* @__PURE__ */ T("button", {
+			onClick: (e) => {
+				e.stopPropagation(), n();
+			},
+			className: `flex items-center gap-1.5 text-xs font-medium transition-colors ${r === "current" ? "text-muted-foreground hover:text-foreground" : "text-primary/80 hover:text-primary"}`,
+			children: [
+				/* @__PURE__ */ w(x, { className: "h-3 w-3" }),
+				/* @__PURE__ */ T("span", { children: [
+					a,
+					" feature",
+					a === 1 ? "" : "s"
+				] }),
+				w(t ? _ : g, { className: "h-3 w-3" })
+			]
+		}), t && /* @__PURE__ */ w("div", {
+			className: `mt-2 space-y-2 ${r === "current" ? "pl-0" : "pl-1"}`,
+			children: i.map((e) => {
+				let t = e.quota;
+				if (!t) return null;
+				let n = t.limits || {}, i = Object.entries(n);
+				return /* @__PURE__ */ T("div", {
+					className: `rounded-md p-2 ${r === "current" ? "bg-muted/50" : "bg-primary/5"}`,
+					children: [
+						/* @__PURE__ */ w("p", {
+							className: "text-xs font-medium text-foreground",
+							children: t.name
+						}),
+						i.length > 0 && /* @__PURE__ */ w("div", {
+							className: "mt-1 flex flex-wrap gap-x-3 gap-y-1",
+							children: i.map(([e, t]) => /* @__PURE__ */ T("div", {
+								className: "flex items-center gap-1 text-xs text-muted-foreground",
+								children: [/* @__PURE__ */ T("span", {
+									className: "opacity-70",
+									children: [O(e), ":"]
+								}), /* @__PURE__ */ w("span", {
+									className: "font-medium text-foreground flex items-center gap-0.5",
+									children: t === -1 || t === Infinity ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w(v, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
+										className: "sr-only",
+										children: "Unlimited"
+									})] }) : D(t)
+								})]
+							}, e))
+						}),
+						t.reusable && /* @__PURE__ */ w("span", {
+							className: "inline-block mt-1 text-[10px] px-1.5 py-0.5 rounded bg-status-success-bg-subtle text-status-success-text",
+							children: "Reusable"
+						})
+					]
+				}, e.id);
+			})
+		})]
+	});
+}, j = () => {
+	let { t: g } = E(), _ = (e, t) => {
+		let n = g(e);
+		return n === e ? t : n;
+	}, { subscriptionId: v } = S(), x = s(), { orgId: C } = e(), D = i(), { selectedAccountId: O } = t({
+		orgId: C,
+		syncFromUrl: !0,
+		urlParamName: "billingAccountId"
+	}), { data: j } = o({ fetchPolicy: "cache-first" }), M = O ?? j?.getDefaultBillingAccount?.id ?? void 0, { subscription: N, isLoading: P } = l(v, M), { data: F, loading: I } = a(), [L, R] = d(null), [z, B] = d({}), V = u(() => F?.getAllPlans || [], [F]), H = u(() => {
+		let e = N?.planId;
+		return V.find((t) => t.id === e) || null;
+	}, [V, N?.planId]), U = u(() => {
+		let e = N?.planId, t = N?.plan?.productID;
+		return V.filter((n) => n.id === e || !n.isActive ? !1 : t ? n.productID === t : !0).sort((e, t) => e.price - t.price);
+	}, [V, N]), W = u(() => U.find((e) => e.id === L) || null, [U, L]), G = W !== null && W.price < (N?.plan?.price ?? 0), K = (e) => {
+		B((t) => ({
+			...t,
+			[e]: !t[e]
+		}));
+	}, q = () => {
+		if (!N || !W) return;
+		let e = N.plan?.price ?? 0, t = W.price < e;
+		x(`/checkout/${W.id}`, { state: {
+			purchaseType: "PLAN",
+			...t ? { downgradeFromSubscriptionId: N.id } : { upgradeFromSubscriptionId: N.id },
+			currentPlanName: N.plan?.name,
+			billingAccountId: N.billingAccountId
+		} });
+	};
+	if (!D.canUpdateSubscription) return /* @__PURE__ */ w("div", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ T("div", {
+			className: "text-center space-y-2",
+			children: [
+				/* @__PURE__ */ w("div", {
+					className: "w-12 h-12 mx-auto rounded-full bg-muted flex items-center justify-center",
+					children: /* @__PURE__ */ w(f, { className: "w-6 h-6 text-muted-foreground" })
+				}),
+				/* @__PURE__ */ w("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: "Access Denied"
+				}),
+				/* @__PURE__ */ w("p", {
+					className: "text-sm text-muted-foreground max-w-sm",
+					children: "You don't have permission to change subscriptions."
+				})
+			]
+		})
+	});
+	if (P || I) return /* @__PURE__ */ w("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ T("div", {
+			className: "text-center space-y-4",
+			children: [/* @__PURE__ */ w(y, { className: "h-8 w-8 animate-spin mx-auto text-primary" }), /* @__PURE__ */ w("p", {
+				className: "text-muted-foreground",
+				children: "Loading plans..."
+			})]
+		})
+	});
+	if (!N) return /* @__PURE__ */ w("div", {
+		className: "flex items-center justify-center h-full min-h-[400px]",
+		children: /* @__PURE__ */ T("div", {
+			className: "text-center space-y-4",
+			children: [
+				/* @__PURE__ */ w(f, { className: "w-12 h-12 mx-auto text-destructive" }),
+				/* @__PURE__ */ w("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: "Subscription not found"
+				}),
+				/* @__PURE__ */ w("button", {
+					onClick: () => x(c("/subscriptions", M)),
+					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md",
+					children: _("billing.subscriptions.backToSubscriptions", "Back to Subscriptions")
+				})
+			]
+		})
+	});
+	if (N.status !== "active") return /* @__PURE__ */ T("div", {
+		className: "max-w-2xl mx-auto p-6 space-y-6",
+		children: [/* @__PURE__ */ T("button", {
+			onClick: () => x(c(`/subscriptions/${v}`, M)),
+			className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground",
+			children: [/* @__PURE__ */ w(p, { className: "h-4 w-4" }), _("billing.subscriptions.backToSubscription", "Back to Subscription")]
+		}), /* @__PURE__ */ T("div", {
+			className: "text-center space-y-4 py-12",
+			children: [
+				/* @__PURE__ */ w(f, { className: "w-12 h-12 mx-auto text-status-warning-text" }),
+				/* @__PURE__ */ w("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: _("billing.subscriptions.cannotChangePlan", "Cannot Change Plan")
+				}),
+				/* @__PURE__ */ w("p", {
+					className: "text-sm text-muted-foreground max-w-md mx-auto",
+					children: _("billing.subscriptions.notActiveMessage", "This subscription is no longer active. You can only change plans for active subscriptions.")
+				}),
+				/* @__PURE__ */ w("button", {
+					onClick: () => x(c("/subscriptions", M)),
+					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md",
+					children: _("billing.subscriptions.viewAll", "View All Subscriptions")
+				})
+			]
+		})]
+	});
+	if (U.length === 0) return /* @__PURE__ */ T("div", {
+		className: "max-w-2xl mx-auto p-6 space-y-6",
+		children: [/* @__PURE__ */ T("button", {
+			onClick: () => x(c(`/subscriptions/${v}`, M)),
+			className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground",
+			children: [/* @__PURE__ */ w(p, { className: "h-4 w-4" }), _("billing.subscriptions.backToSubscription", "Back to Subscription")]
+		}), /* @__PURE__ */ T("div", {
+			className: "text-center space-y-4 py-12",
+			children: [
+				/* @__PURE__ */ w(b, { className: "w-12 h-12 mx-auto text-muted-foreground" }),
+				/* @__PURE__ */ w("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: _("billing.subscriptions.noPlansAvailable", "No Other Plans Available")
+				}),
+				/* @__PURE__ */ w("p", {
+					className: "text-sm text-muted-foreground max-w-md mx-auto",
+					children: _("billing.subscriptions.noPlansMessage", "There are no other active plans available for this product.")
+				})
+			]
+		})]
+	});
+	let J = H?.features || [];
+	return /* @__PURE__ */ T("div", {
+		className: "max-w-3xl mx-auto p-6 space-y-6",
+		children: [
+			/* @__PURE__ */ T("div", { children: [
+				/* @__PURE__ */ T("button", {
+					onClick: () => x(c(`/subscriptions/${v}`, M)),
+					className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground mb-4",
+					children: [/* @__PURE__ */ w(p, { className: "h-4 w-4" }), _("billing.subscriptions.backToSubscription", "Back to Subscription")]
+				}),
+				/* @__PURE__ */ w("h1", {
+					className: "text-2xl font-bold text-foreground",
+					children: _("billing.subscriptions.changeYourPlan", "Change Your Plan")
+				}),
+				/* @__PURE__ */ T("p", {
+					className: "text-muted-foreground mt-1",
+					children: [
+						"Switch from ",
+						/* @__PURE__ */ w("span", {
+							className: "font-medium",
+							children: N.plan?.name
+						}),
+						" to a different plan"
+					]
+				})
+			] }),
+			/* @__PURE__ */ w("div", {
+				className: "bg-muted/30 border border-border rounded-lg p-4",
+				children: /* @__PURE__ */ T("div", {
+					className: "flex items-start justify-between",
+					children: [/* @__PURE__ */ T("div", {
+						className: "flex-1",
+						children: [
+							/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Current Plan"
+							}),
+							/* @__PURE__ */ w("p", {
+								className: "font-semibold text-foreground",
+								children: N.plan?.name
+							}),
+							/* @__PURE__ */ w(A, {
+								features: J,
+								isExpanded: z.current || !1,
+								onToggle: () => K("current"),
+								variant: "current"
+							})
+						]
+					}), /* @__PURE__ */ T("div", {
+						className: "text-right shrink-0 ml-4",
+						children: [/* @__PURE__ */ w("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Price"
+						}), /* @__PURE__ */ T("p", {
+							className: "font-semibold text-foreground",
+							children: [n(N.plan?.price || 0, N.plan?.currency || "USD"), /* @__PURE__ */ T("span", {
+								className: "text-sm font-normal text-muted-foreground",
+								children: [
+									" ",
+									"/ ",
+									r(N.plan?.duration || "monthly")
+								]
+							})]
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ w("h2", {
+					className: "text-lg font-semibold text-foreground",
+					children: "Select New Plan"
+				}), /* @__PURE__ */ w("div", {
+					className: "grid gap-3",
+					children: U.map((e) => {
+						let t = e.price - (N.plan?.price || 0), i = L === e.id, a = e.features || [], o = z[e.id] || !1;
+						return /* @__PURE__ */ T("div", {
+							className: `rounded-lg border transition-all ${i ? "border-primary bg-primary/5 ring-2 ring-primary/20" : "border-border bg-card hover:border-muted-foreground/30"}`,
+							children: [/* @__PURE__ */ w("button", {
+								onClick: () => R(e.id),
+								className: "w-full p-4 text-left",
+								children: /* @__PURE__ */ T("div", {
+									className: "flex items-start justify-between",
+									children: [/* @__PURE__ */ T("div", {
+										className: "flex items-start gap-3",
+										children: [/* @__PURE__ */ w("div", {
+											className: `w-5 h-5 mt-0.5 rounded-full border-2 flex items-center justify-center shrink-0 ${i ? "border-primary bg-primary" : "border-muted-foreground/30"}`,
+											children: i && /* @__PURE__ */ w(h, { className: "w-3 h-3 text-primary-foreground" })
+										}), /* @__PURE__ */ T("div", {
+											className: "flex-1",
+											children: [/* @__PURE__ */ w("p", {
+												className: "font-semibold text-foreground",
+												children: e.name
+											}), t !== 0 && /* @__PURE__ */ T("p", {
+												className: `text-sm ${t > 0 ? "text-status-warning-text" : "text-status-success-text"}`,
+												children: [
+													t > 0 ? "+" : "",
+													n(t, e.currency),
+													" /",
+													" ",
+													r(e.duration)
+												]
+											})]
+										})]
+									}), /* @__PURE__ */ T("div", {
+										className: "text-right shrink-0 ml-4",
+										children: [/* @__PURE__ */ w("p", {
+											className: "font-bold text-foreground",
+											children: n(e.price, e.currency)
+										}), /* @__PURE__ */ T("p", {
+											className: "text-sm text-muted-foreground",
+											children: ["/ ", r(e.duration)]
+										})]
+									})]
+								})
+							}), /* @__PURE__ */ w("div", {
+								className: "px-4 pb-4 pt-0 ml-8",
+								children: /* @__PURE__ */ w(A, {
+									features: a,
+									isExpanded: o,
+									onToggle: () => K(e.id),
+									variant: "available"
+								})
+							})]
+						}, e.id);
+					})
+				})]
+			}),
+			W && (() => {
+				let e = k(J).length, t = k(W.features || []).length;
+				return /* @__PURE__ */ T("div", {
+					className: "bg-card border border-border rounded-lg p-4 space-y-4",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "flex items-center justify-center gap-4 py-2",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "text-center",
+									children: [
+										/* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: "From"
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "font-medium text-foreground",
+											children: N.plan?.name
+										}),
+										/* @__PURE__ */ T("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												e,
+												" feature",
+												e === 1 ? "" : "s"
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ w(m, { className: "h-5 w-5 text-muted-foreground" }),
+								/* @__PURE__ */ T("div", {
+									className: "text-center",
+									children: [
+										/* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: "To"
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "font-medium text-primary",
+											children: W.name
+										}),
+										/* @__PURE__ */ T("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												t,
+												" feature",
+												t === 1 ? "" : "s"
+											]
+										})
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ w("p", {
+							className: "text-sm text-muted-foreground text-center",
+							children: "You'll be taken to checkout to select payment method and complete the change."
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "flex items-center justify-end gap-3 pt-2 border-t border-border",
+							children: [/* @__PURE__ */ w("button", {
+								onClick: () => x(c(`/subscriptions/${v}`, M)),
+								className: "px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground",
+								children: "Cancel"
+							}), /* @__PURE__ */ w("button", {
+								onClick: q,
+								className: "px-6 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
+								children: G ? "Downgrade Plan" : "Upgrade Plan"
+							})]
+						})
+					]
+				});
+			})()
+		]
+	});
+};
+//#endregion
+export { j as UpgradeSubscriptionPage };
+
+//# sourceMappingURL=UpgradeSubscriptionPage.js.map

package/dist/billing/modules/subscriptions/pages/UpgradeSubscriptionPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpgradeSubscriptionPage.js","names":[],"sources":["../../../../../src/billing/modules/subscriptions/pages/UpgradeSubscriptionPage.tsx"],"sourcesContent":["/**\n * Change Plan Page\n * Allows users to change their current subscription to a different plan\n * Shows plan features in collapsible sections for easy comparison\n */\n\nimport { type FC, useState, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useBillingNavigate } from '../../../hooks/useBillingNavigate';\nimport { useBilling } from '../../../providers/BillingProvider';\nimport { useBillingAccountSelection } from '../../../hooks/useBillingAccountSelection';\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Loader2,\n  Package,\n  CheckCircle,\n  AlertCircle,\n  ChevronDown,\n  ChevronUp,\n  Sparkles,\n  Infinity as InfinityIcon,\n} from 'lucide-react';\n\nimport { useSubscription } from '../hooks';\nimport { useBillingPermissions } from '../../../hooks/useBillingPermissions';\nimport { formatCurrency, formatPlanDuration } from '../../../shared/utils/format';\nimport {\n  useGetAllPlansQuery,\n  useGetDefaultBillingAccountDashboardQuery,\n} from '../../../../generated/global-operations';\nimport type { Plan, PlanDuration, SubscriptionStatus } from '../../../shared/types';\nimport { withBillingAccountId } from '../../../shared/utils/navigation';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// Helper type for plan features\ninterface PlanFeature {\n  id: string;\n  quotaId?: string;\n  quota?: {\n    id: string;\n    name: string;\n    limits?: Record<string, number | string | boolean>;\n    reusable?: boolean;\n    quotaType?: string;\n  };\n}\n\n// Helper function to format limit values nicely\nconst formatLimitValue = (value: number | string | boolean): string => {\n  if (typeof value === 'boolean') {\n    return value ? 'Yes' : 'No';\n  }\n  if (typeof value === 'number') {\n    if (value === -1 || value === Infinity) return 'Unlimited';\n    if (value >= 1000000) return `${(value / 1000000).toFixed(1)}M`;\n    if (value >= 1000) return `${(value / 1000).toFixed(1)}K`;\n    return value.toLocaleString();\n  }\n  return String(value);\n};\n\n// Helper function to get a user-friendly limit key name\nconst formatLimitKey = (key: string): string => {\n  return key\n    .replace(/_/g, ' ')\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, (str) => str.toUpperCase())\n    .trim();\n};\n\n// Helper function to aggregate features by quotaId\n// Combines limits for features with the same quota\nconst aggregateFeaturesByQuota = (features: PlanFeature[]): PlanFeature[] => {\n  const quotaMap = new Map<string, PlanFeature>();\n\n  for (const feature of features) {\n    const quotaId = feature.quotaId || feature.quota?.id;\n    if (!quotaId || !feature.quota) continue;\n\n    const existing = quotaMap.get(quotaId);\n    if (existing && existing.quota) {\n      // Aggregate limits - sum numeric values\n      const existingLimits = existing.quota.limits || {};\n      const newLimits = feature.quota.limits || {};\n      const combinedLimits: Record<string, number | string | boolean> = { ...existingLimits };\n\n      for (const [key, value] of Object.entries(newLimits)) {\n        if (typeof value === 'number' && typeof combinedLimits[key] === 'number') {\n          // Sum numeric values (but keep -1/unlimited as unlimited)\n          const existingVal = combinedLimits[key] as number;\n          if (existingVal === -1 || value === -1) {\n            combinedLimits[key] = -1; // Unlimited stays unlimited\n          } else {\n            combinedLimits[key] = existingVal + value;\n          }\n        } else if (!(key in combinedLimits)) {\n          combinedLimits[key] = value;\n        }\n      }\n\n      existing.quota = {\n        ...existing.quota,\n        limits: combinedLimits,\n      };\n    } else {\n      // Clone the feature to avoid mutating original\n      quotaMap.set(quotaId, {\n        ...feature,\n        quota: feature.quota\n          ? {\n              ...feature.quota,\n              limits: feature.quota.limits ? { ...feature.quota.limits } : undefined,\n            }\n          : undefined,\n      });\n    }\n  }\n\n  return Array.from(quotaMap.values());\n};\n\n// Collapsible Features Component\ninterface CollapsibleFeaturesProps {\n  features: PlanFeature[];\n  isExpanded: boolean;\n  onToggle: () => void;\n  variant?: 'current' | 'available';\n}\n\nconst CollapsibleFeatures: FC<CollapsibleFeaturesProps> = ({\n  features,\n  isExpanded,\n  onToggle,\n  variant = 'available',\n}) => {\n  // Aggregate features with same quotaId\n  const aggregatedFeatures = useMemo(() => aggregateFeaturesByQuota(features), [features]);\n  const featureCount = aggregatedFeatures.length;\n\n  if (featureCount === 0) {\n    return <p className=\"text-xs text-muted-foreground italic\">No features defined</p>;\n  }\n\n  return (\n    <div className=\"mt-2\">\n      <button\n        onClick={(e) => {\n          e.stopPropagation();\n          onToggle();\n        }}\n        className={`flex items-center gap-1.5 text-xs font-medium transition-colors ${\n          variant === 'current'\n            ? 'text-muted-foreground hover:text-foreground'\n            : 'text-primary/80 hover:text-primary'\n        }`}\n      >\n        <Sparkles className=\"h-3 w-3\" />\n        <span>\n          {featureCount} feature{featureCount !== 1 ? 's' : ''}\n        </span>\n        {isExpanded ? <ChevronUp className=\"h-3 w-3\" /> : <ChevronDown className=\"h-3 w-3\" />}\n      </button>\n\n      {isExpanded && (\n        <div className={`mt-2 space-y-2 ${variant === 'current' ? 'pl-0' : 'pl-1'}`}>\n          {aggregatedFeatures.map((feature) => {\n            const quota = feature.quota;\n            if (!quota) return null;\n\n            const limits = quota.limits || {};\n            const limitEntries = Object.entries(limits);\n\n            return (\n              <div\n                key={feature.id}\n                className={`rounded-md p-2 ${\n                  variant === 'current' ? 'bg-muted/50' : 'bg-primary/5'\n                }`}\n              >\n                <p\n                  className={`text-xs font-medium ${\n                    variant === 'current' ? 'text-foreground' : 'text-foreground'\n                  }`}\n                >\n                  {quota.name}\n                </p>\n                {limitEntries.length > 0 && (\n                  <div className=\"mt-1 flex flex-wrap gap-x-3 gap-y-1\">\n                    {limitEntries.map(([key, value]) => (\n                      <div\n                        key={key}\n                        className=\"flex items-center gap-1 text-xs text-muted-foreground\"\n                      >\n                        <span className=\"opacity-70\">{formatLimitKey(key)}:</span>\n                        <span className=\"font-medium text-foreground flex items-center gap-0.5\">\n                          {value === -1 || value === Infinity ? (\n                            <>\n                              <InfinityIcon className=\"h-3 w-3\" />\n                              <span className=\"sr-only\">Unlimited</span>\n                            </>\n                          ) : (\n                            formatLimitValue(value as number | string | boolean)\n                          )}\n                        </span>\n                      </div>\n                    ))}\n                  </div>\n                )}\n                {quota.reusable && (\n                  <span className=\"inline-block mt-1 text-[10px] px-1.5 py-0.5 rounded bg-status-success-bg-subtle text-status-success-text\">\n                    Reusable\n                  </span>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const UpgradeSubscriptionPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const { subscriptionId } = useParams<{ subscriptionId: string }>();\n  const navigateTo = useBillingNavigate();\n  const { orgId } = useBilling();\n  const permissions = useBillingPermissions();\n  const { selectedAccountId } = useBillingAccountSelection({\n    orgId,\n    syncFromUrl: true,\n    urlParamName: 'billingAccountId',\n  });\n\n  const { data: defaultBillingAccountData } = useGetDefaultBillingAccountDashboardQuery({\n    fetchPolicy: 'cache-first',\n  });\n  const billingAccountId =\n    selectedAccountId ?? defaultBillingAccountData?.getDefaultBillingAccount?.id ?? undefined;\n  const { subscription, isLoading: subscriptionLoading } = useSubscription(\n    subscriptionId,\n    billingAccountId\n  );\n\n  // Fetch available plans (includes features)\n  const { data: plansData, loading: plansLoading } = useGetAllPlansQuery();\n\n  // State\n  const [selectedPlanId, setSelectedPlanId] = useState<string | null>(null);\n  const [expandedFeatures, setExpandedFeatures] = useState<Record<string, boolean>>({});\n\n  // Get all plans including current for feature lookup\n  const allPlans = useMemo(() => {\n    return (plansData?.getAllPlans || []) as Plan[];\n  }, [plansData]);\n\n  // Get current plan with features from allPlans\n  const currentPlanWithFeatures = useMemo(() => {\n    const currentPlanId = subscription?.planId;\n    return allPlans.find((p) => p.id === currentPlanId) || null;\n  }, [allPlans, subscription?.planId]);\n\n  // Filter plans - show all other active plans (same product if productID exists, otherwise all)\n  const availablePlans = useMemo(() => {\n    const currentPlanId = subscription?.planId;\n    const currentProductId = subscription?.plan?.productID;\n\n    return allPlans\n      .filter((plan) => {\n        // Always exclude current plan\n        if (plan.id === currentPlanId) return false;\n        // Only show active plans\n        if (!plan.isActive) return false;\n        // If we have productID, filter by same product\n        if (currentProductId) {\n          return plan.productID === currentProductId;\n        }\n        // If no productID, show all active plans\n        return true;\n      })\n      .sort((a, b) => a.price - b.price);\n  }, [allPlans, subscription]);\n\n  const selectedPlan = useMemo(() => {\n    return availablePlans.find((p) => p.id === selectedPlanId) || null;\n  }, [availablePlans, selectedPlanId]);\n\n  const isDowngrade =\n    selectedPlan !== null && selectedPlan.price < (subscription?.plan?.price ?? 0);\n\n  // Toggle feature expansion\n  const toggleFeatures = (planId: string) => {\n    setExpandedFeatures((prev) => ({\n      ...prev,\n      [planId]: !prev[planId],\n    }));\n  };\n\n  // Handle proceed to checkout\n  const handleProceedToCheckout = () => {\n    if (!subscription || !selectedPlan) return;\n    const currentPrice = subscription.plan?.price ?? 0;\n    const isDowngrade = selectedPlan.price < currentPrice;\n    navigateTo(`/checkout/${selectedPlan.id}`, {\n      state: {\n        purchaseType: 'PLAN',\n        // Upgrade: old quotas transfer to new plan immediately\n        // Downgrade: old plan runs to natural expiry, auto-renewal cancelled\n        ...(isDowngrade\n          ? { downgradeFromSubscriptionId: subscription.id }\n          : { upgradeFromSubscriptionId: subscription.id }),\n        currentPlanName: subscription.plan?.name,\n        billingAccountId: subscription.billingAccountId,\n      },\n    });\n  };\n\n  // Permission check\n  if (!permissions.canUpdateSubscription) {\n    return (\n      <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <div className=\"w-12 h-12 mx-auto rounded-full bg-muted flex items-center justify-center\">\n            <AlertCircle className=\"w-6 h-6 text-muted-foreground\" />\n          </div>\n          <h2 className=\"text-lg font-semibold text-foreground\">Access Denied</h2>\n          <p className=\"text-sm text-muted-foreground max-w-sm\">\n            You don&apos;t have permission to change subscriptions.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // Loading state\n  if (subscriptionLoading || plansLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-4\">\n          <Loader2 className=\"h-8 w-8 animate-spin mx-auto text-primary\" />\n          <p className=\"text-muted-foreground\">Loading plans...</p>\n        </div>\n      </div>\n    );\n  }\n\n  // Subscription not found\n  if (!subscription) {\n    return (\n      <div className=\"flex items-center justify-center h-full min-h-[400px]\">\n        <div className=\"text-center space-y-4\">\n          <AlertCircle className=\"w-12 h-12 mx-auto text-destructive\" />\n          <h2 className=\"text-lg font-semibold text-foreground\">Subscription not found</h2>\n          <button\n            onClick={() => navigateTo(withBillingAccountId('/subscriptions', billingAccountId))}\n            className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md\"\n          >\n            {tr('billing.subscriptions.backToSubscriptions', 'Back to Subscriptions')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // Subscription is not active (already upgraded/canceled/etc)\n  const isActive = subscription.status === ('active' as SubscriptionStatus);\n  if (!isActive) {\n    return (\n      <div className=\"max-w-2xl mx-auto p-6 space-y-6\">\n        <button\n          onClick={() =>\n            navigateTo(withBillingAccountId(`/subscriptions/${subscriptionId}`, billingAccountId))\n          }\n          className=\"flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          {tr('billing.subscriptions.backToSubscription', 'Back to Subscription')}\n        </button>\n\n        <div className=\"text-center space-y-4 py-12\">\n          <AlertCircle className=\"w-12 h-12 mx-auto text-status-warning-text\" />\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('billing.subscriptions.cannotChangePlan', 'Cannot Change Plan')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground max-w-md mx-auto\">\n            {tr(\n              'billing.subscriptions.notActiveMessage',\n              'This subscription is no longer active. You can only change plans for active subscriptions.'\n            )}\n          </p>\n          <button\n            onClick={() => navigateTo(withBillingAccountId('/subscriptions', billingAccountId))}\n            className=\"px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md\"\n          >\n            {tr('billing.subscriptions.viewAll', 'View All Subscriptions')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  // No other plans available\n  if (availablePlans.length === 0) {\n    return (\n      <div className=\"max-w-2xl mx-auto p-6 space-y-6\">\n        <button\n          onClick={() =>\n            navigateTo(withBillingAccountId(`/subscriptions/${subscriptionId}`, billingAccountId))\n          }\n          className=\"flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          {tr('billing.subscriptions.backToSubscription', 'Back to Subscription')}\n        </button>\n\n        <div className=\"text-center space-y-4 py-12\">\n          <Package className=\"w-12 h-12 mx-auto text-muted-foreground\" />\n          <h2 className=\"text-lg font-semibold text-foreground\">\n            {tr('billing.subscriptions.noPlansAvailable', 'No Other Plans Available')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground max-w-md mx-auto\">\n            {tr(\n              'billing.subscriptions.noPlansMessage',\n              'There are no other active plans available for this product.'\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const currentPlanFeatures = (currentPlanWithFeatures?.features || []) as PlanFeature[];\n\n  return (\n    <div className=\"max-w-3xl mx-auto p-6 space-y-6\">\n      {/* Header */}\n      <div>\n        <button\n          onClick={() =>\n            navigateTo(withBillingAccountId(`/subscriptions/${subscriptionId}`, billingAccountId))\n          }\n          className=\"flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground mb-4\"\n        >\n          <ArrowLeft className=\"h-4 w-4\" />\n          {tr('billing.subscriptions.backToSubscription', 'Back to Subscription')}\n        </button>\n\n        <h1 className=\"text-2xl font-bold text-foreground\">\n          {tr('billing.subscriptions.changeYourPlan', 'Change Your Plan')}\n        </h1>\n        <p className=\"text-muted-foreground mt-1\">\n          Switch from <span className=\"font-medium\">{subscription.plan?.name}</span> to a different\n          plan\n        </p>\n      </div>\n\n      {/* Current Plan Card */}\n      <div className=\"bg-muted/30 border border-border rounded-lg p-4\">\n        <div className=\"flex items-start justify-between\">\n          <div className=\"flex-1\">\n            <p className=\"text-sm text-muted-foreground\">Current Plan</p>\n            <p className=\"font-semibold text-foreground\">{subscription.plan?.name}</p>\n\n            {/* Current Plan Features - Collapsible */}\n            <CollapsibleFeatures\n              features={currentPlanFeatures}\n              isExpanded={expandedFeatures['current'] || false}\n              onToggle={() => toggleFeatures('current')}\n              variant=\"current\"\n            />\n          </div>\n          <div className=\"text-right shrink-0 ml-4\">\n            <p className=\"text-sm text-muted-foreground\">Price</p>\n            <p className=\"font-semibold text-foreground\">\n              {formatCurrency(subscription.plan?.price || 0, subscription.plan?.currency || 'USD')}\n              <span className=\"text-sm font-normal text-muted-foreground\">\n                {' '}\n                / {formatPlanDuration((subscription.plan?.duration || 'monthly') as PlanDuration)}\n              </span>\n            </p>\n          </div>\n        </div>\n      </div>\n\n      {/* Available Plans */}\n      <div className=\"space-y-3\">\n        <h2 className=\"text-lg font-semibold text-foreground\">Select New Plan</h2>\n        <div className=\"grid gap-3\">\n          {availablePlans.map((plan) => {\n            const priceDiff = plan.price - (subscription.plan?.price || 0);\n            const isSelected = selectedPlanId === plan.id;\n            const planFeatures = (plan.features || []) as PlanFeature[];\n            const isFeaturesExpanded = expandedFeatures[plan.id] || false;\n\n            return (\n              <div\n                key={plan.id}\n                className={`rounded-lg border transition-all ${\n                  isSelected\n                    ? 'border-primary bg-primary/5 ring-2 ring-primary/20'\n                    : 'border-border bg-card hover:border-muted-foreground/30'\n                }`}\n              >\n                {/* Plan Header - Clickable for selection */}\n                <button onClick={() => setSelectedPlanId(plan.id)} className=\"w-full p-4 text-left\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"flex items-start gap-3\">\n                      <div\n                        className={`w-5 h-5 mt-0.5 rounded-full border-2 flex items-center justify-center shrink-0 ${\n                          isSelected ? 'border-primary bg-primary' : 'border-muted-foreground/30'\n                        }`}\n                      >\n                        {isSelected && <CheckCircle className=\"w-3 h-3 text-primary-foreground\" />}\n                      </div>\n                      <div className=\"flex-1\">\n                        <p className=\"font-semibold text-foreground\">{plan.name}</p>\n                        {priceDiff !== 0 && (\n                          <p\n                            className={`text-sm ${priceDiff > 0 ? 'text-status-warning-text' : 'text-status-success-text'}`}\n                          >\n                            {priceDiff > 0 ? '+' : ''}\n                            {formatCurrency(priceDiff, plan.currency)} /{' '}\n                            {formatPlanDuration(plan.duration)}\n                          </p>\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"text-right shrink-0 ml-4\">\n                      <p className=\"font-bold text-foreground\">\n                        {formatCurrency(plan.price, plan.currency)}\n                      </p>\n                      <p className=\"text-sm text-muted-foreground\">\n                        / {formatPlanDuration(plan.duration)}\n                      </p>\n                    </div>\n                  </div>\n                </button>\n\n                {/* Features Section - Below the main content */}\n                <div className=\"px-4 pb-4 pt-0 ml-8\">\n                  <CollapsibleFeatures\n                    features={planFeatures}\n                    isExpanded={isFeaturesExpanded}\n                    onToggle={() => toggleFeatures(plan.id)}\n                    variant=\"available\"\n                  />\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n\n      {/* Summary & Action */}\n      {selectedPlan &&\n        (() => {\n          const currentAggregatedCount = aggregateFeaturesByQuota(currentPlanFeatures).length;\n          const selectedPlanFeatures = (selectedPlan.features || []) as PlanFeature[];\n          const selectedAggregatedCount = aggregateFeaturesByQuota(selectedPlanFeatures).length;\n\n          return (\n            <div className=\"bg-card border border-border rounded-lg p-4 space-y-4\">\n              {/* Plan change visualization */}\n              <div className=\"flex items-center justify-center gap-4 py-2\">\n                <div className=\"text-center\">\n                  <p className=\"text-xs text-muted-foreground\">From</p>\n                  <p className=\"font-medium text-foreground\">{subscription.plan?.name}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {currentAggregatedCount} feature{currentAggregatedCount !== 1 ? 's' : ''}\n                  </p>\n                </div>\n                <ArrowRight className=\"h-5 w-5 text-muted-foreground\" />\n                <div className=\"text-center\">\n                  <p className=\"text-xs text-muted-foreground\">To</p>\n                  <p className=\"font-medium text-primary\">{selectedPlan.name}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {selectedAggregatedCount} feature{selectedAggregatedCount !== 1 ? 's' : ''}\n                  </p>\n                </div>\n              </div>\n\n              {/* Info message */}\n              <p className=\"text-sm text-muted-foreground text-center\">\n                You&apos;ll be taken to checkout to select payment method and complete the change.\n              </p>\n\n              {/* Action Buttons */}\n              <div className=\"flex items-center justify-end gap-3 pt-2 border-t border-border\">\n                <button\n                  onClick={() =>\n                    navigateTo(\n                      withBillingAccountId(`/subscriptions/${subscriptionId}`, billingAccountId)\n                    )\n                  }\n                  className=\"px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground\"\n                >\n                  Cancel\n                </button>\n                <button\n                  onClick={handleProceedToCheckout}\n                  className=\"px-6 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors\"\n                >\n                  {isDowngrade ? 'Downgrade Plan' : 'Upgrade Plan'}\n                </button>\n              </div>\n            </div>\n          );\n        })()}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/billing/modules/subscriptions/pages/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Subscriptions Module - Pages
+ * Re-exports all page components
+ */
+export { SubscriptionsListPage } from './SubscriptionsListPage';
+export { SubscriptionDetailPage } from './SubscriptionDetailPage';
+export { UpgradeSubscriptionPage } from './UpgradeSubscriptionPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/subscriptions/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/subscriptions/pages/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/billing/modules/subscriptions/pages/index.js

@@ -0,0 +1,3 @@
+import "./SubscriptionsListPage.js";
+import "./SubscriptionDetailPage.js";
+import "./UpgradeSubscriptionPage.js";

package/dist/billing/modules/usage/hooks/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Usage Module - Hooks
+ */
+export { useUsageDashboard, useBillingAccountsForUsage, useBillingAccountQuotasSummary, useSubscriptionsWithQuotas, useQuotaUsageDetails, useQuotaAnalytics, useEnhancedUsagePage, } from './useUsage';
+export type { AggregatedQuota, SubscriptionWithAggregatedQuotas } from './useUsage';
+//# sourceMappingURL=index.d.ts.map

package/dist/billing/modules/usage/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/billing/modules/usage/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,iBAAiB,EACjB,0BAA0B,EAC1B,8BAA8B,EAC9B,0BAA0B,EAC1B,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,YAAY,CAAC;AAEpB,YAAY,EAAE,eAAe,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAC"}

package/dist/billing/modules/usage/hooks/index.js

@@ -0,0 +1 @@
+import "./useUsage.js";