@burdenoff/microfe-billing 2026.601.1 → 2026.601.2

package/dist/billing/modules/quota/pages/QuotaPage.js

@@ -1,341 +1,7 @@
-import { formatDate as e, formatNumber as t, formatPercentage as n, formatQuotaStatus as r } from "../../../shared/utils/format.js";
-import { getQuotaProgressBgColor as i, getQuotaProgressColor as a, getQuotaStatusColor as o, getStatusBadgeClasses as s } from "../../../shared/utils/status.js";
-import { useBillingPermissions as c } from "../../../hooks/useBillingPermissions.js";
-import { useDefaultBillingAccount as l } from "../../subscriptions/hooks/useSubscriptions.js";
+import "../../../shared/utils/format.js";
+import "../../../hooks/useBillingPermissions.js";
 import "../../subscriptions/hooks/index.js";
-import { useBillingAccountQuotasSummary as u, useQuotaAssignmentsWithAnalytics as d } from "../hooks/useQuota.js";
-import { useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-//#region src/billing/modules/quota/pages/QuotaPage.tsx
-var g = () => {
-	let { t: e } = h(), t = (t, n) => {
-		let r = e(t);
-		return r === t ? n : r;
-	}, n = c(), { billingAccount: i, isLoading: a } = l(), [o, s] = f("all"), [g, v] = f(""), [y, b] = f(1), { summary: x, isLoading: S } = u(i?.id), { quotaAssignments: C, pagination: w, isLoading: T, error: E, refetch: D } = d({
-		billingAccountId: i?.id || "",
-		page: y,
-		pageSize: 10,
-		searchQuery: g || void 0,
-		status: o === "all" ? void 0 : [o]
-	});
-	if (!n.canViewUsage) return /* @__PURE__ */ p("div", {
-		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ m("div", {
-			className: "text-center space-y-2",
-			children: [
-				/* @__PURE__ */ p("div", {
-					className: "size-12 mx-auto rounded-full bg-muted flex items-center justify-center",
-					children: /* @__PURE__ */ p("svg", {
-						className: "size-6 text-muted-foreground",
-						fill: "none",
-						viewBox: "0 0 24 24",
-						stroke: "currentColor",
-						children: /* @__PURE__ */ p("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							strokeWidth: 2,
-							d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
-						})
-					})
-				}),
-				/* @__PURE__ */ p("h2", {
-					className: "text-lg font-semibold text-foreground",
-					children: "Access Denied"
-				}),
-				/* @__PURE__ */ p("p", {
-					className: "text-sm text-muted-foreground max-w-sm",
-					children: "You don't have permission to view quotas."
-				})
-			]
-		})
-	});
-	if ((a || S || T) && !i) return /* @__PURE__ */ m("div", {
-		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ p("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ p("div", {
-			className: "grid grid-cols-1 sm:grid-cols-4 gap-4",
-			children: [
-				1,
-				2,
-				3,
-				4
-			].map((e) => /* @__PURE__ */ m("div", {
-				className: "border border-border rounded-lg p-4",
-				children: [/* @__PURE__ */ p("div", { className: "h-4 w-20 bg-muted animate-pulse rounded mb-2" }), /* @__PURE__ */ p("div", { className: "h-8 w-16 bg-muted animate-pulse rounded" })]
-			}, e))
-		})]
-	});
-	if (E) return /* @__PURE__ */ p("div", {
-		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ m("div", {
-			className: "text-center space-y-4",
-			children: [
-				/* @__PURE__ */ p("div", {
-					className: "size-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center",
-					children: /* @__PURE__ */ p("svg", {
-						className: "size-6 text-destructive",
-						fill: "none",
-						viewBox: "0 0 24 24",
-						stroke: "currentColor",
-						children: /* @__PURE__ */ p("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							strokeWidth: 2,
-							d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-						})
-					})
-				}),
-				/* @__PURE__ */ p("h2", {
-					className: "text-lg font-semibold text-foreground",
-					children: t("billing.quota.failedToLoad", "Failed to load quotas")
-				}),
-				/* @__PURE__ */ p("p", {
-					className: "text-sm text-muted-foreground",
-					children: E.message
-				}),
-				/* @__PURE__ */ p("button", {
-					type: "button",
-					onClick: () => D(),
-					className: "px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
-					children: "Try Again"
-				})
-			]
-		})
-	});
-	let O = [...x?.pooledQuotas || [], ...x?.subscriptionQuotas || []], k = O.filter((e) => e.usagePercentage < 75).length, A = O.filter((e) => e.usagePercentage >= 75 && e.usagePercentage < 90).length, j = O.filter((e) => e.usagePercentage >= 90 && e.usagePercentage < 100).length, M = O.filter((e) => e.usagePercentage >= 100).length;
-	return /* @__PURE__ */ m("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ p("div", {
-				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
-					className: "text-2xl font-bold text-foreground",
-					children: t("billing.quota.title", "Quotas")
-				}), /* @__PURE__ */ p("p", {
-					className: "text-sm text-muted-foreground mt-1",
-					children: "Monitor your quota allocations and usage"
-				})] })
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "grid grid-cols-2 sm:grid-cols-4 gap-4",
-				children: [
-					/* @__PURE__ */ m("div", {
-						className: "border border-border rounded-lg bg-status-success-bg-subtle p-4",
-						children: [/* @__PURE__ */ p("p", {
-							className: "text-sm text-status-success-text",
-							children: t("billing.quota.healthy", "Healthy")
-						}), /* @__PURE__ */ p("p", {
-							className: "text-2xl font-bold text-status-success-text mt-1",
-							children: k
-						})]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "border border-border rounded-lg bg-status-warning-bg-subtle p-4",
-						children: [/* @__PURE__ */ p("p", {
-							className: "text-sm text-status-warning-text",
-							children: "Warning"
-						}), /* @__PURE__ */ p("p", {
-							className: "text-2xl font-bold text-status-warning-text mt-1",
-							children: A
-						})]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "border border-border rounded-lg bg-status-error-bg-subtle p-4",
-						children: [/* @__PURE__ */ p("p", {
-							className: "text-sm text-status-error-text",
-							children: "Critical"
-						}), /* @__PURE__ */ p("p", {
-							className: "text-2xl font-bold text-status-error-text mt-1",
-							children: j
-						})]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "border border-border rounded-lg bg-bg-canvas p-4",
-						children: [/* @__PURE__ */ p("p", {
-							className: "text-sm text-text-secondary",
-							children: "Exhausted"
-						}), /* @__PURE__ */ p("p", {
-							className: "text-2xl font-bold text-text-secondary mt-1",
-							children: M
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "flex flex-wrap items-center gap-4 pb-4 border-b border-border",
-				children: [/* @__PURE__ */ p("div", {
-					className: "inline-flex rounded-lg border border-border p-1 bg-muted/50 flex-wrap",
-					children: [
-						"all",
-						"HEALTHY",
-						"WARNING",
-						"CRITICAL",
-						"EXHAUSTED"
-					].map((e) => /* @__PURE__ */ p("button", {
-						type: "button",
-						onClick: () => s(e),
-						className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors ${o === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
-						children: e === "all" ? "All" : r(e)
-					}, e))
-				}), /* @__PURE__ */ m("div", {
-					className: "relative flex-1 min-w-0 w-full sm:max-w-md",
-					children: [/* @__PURE__ */ p("svg", {
-						className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground",
-						fill: "none",
-						viewBox: "0 0 24 24",
-						stroke: "currentColor",
-						children: /* @__PURE__ */ p("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							strokeWidth: 2,
-							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-						})
-					}), /* @__PURE__ */ p("input", {
-						type: "text",
-						placeholder: "Search quotas...",
-						value: g,
-						onChange: (e) => v(e.target.value),
-						className: "w-full pl-[3.25rem] pr-4 py-2 text-sm border border-border rounded-md bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
-					})]
-				})]
-			}),
-			C.length === 0 ? /* @__PURE__ */ m("div", {
-				className: "flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg",
-				children: [
-					/* @__PURE__ */ p("div", {
-						className: "size-12 rounded-full bg-muted flex items-center justify-center mb-4",
-						children: /* @__PURE__ */ p("svg", {
-							className: "size-6 text-muted-foreground",
-							fill: "none",
-							viewBox: "0 0 24 24",
-							stroke: "currentColor",
-							children: /* @__PURE__ */ p("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								strokeWidth: 2,
-								d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-							})
-						})
-					}),
-					/* @__PURE__ */ p("h3", {
-						className: "text-lg font-medium text-foreground",
-						children: "No quotas found"
-					}),
-					/* @__PURE__ */ p("p", {
-						className: "text-sm text-muted-foreground mt-1",
-						children: o !== "all" || g ? "No quotas match your filters." : "No quota assignments available."
-					})
-				]
-			}) : /* @__PURE__ */ m("div", {
-				className: "space-y-4",
-				children: [C.map((e) => /* @__PURE__ */ p(_, { quota: e }, e.id)), w.totalPages > 1 && /* @__PURE__ */ m("div", {
-					className: "flex items-center justify-center gap-2 pt-4",
-					children: [
-						/* @__PURE__ */ p("button", {
-							type: "button",
-							onClick: () => b((e) => Math.max(1, e - 1)),
-							disabled: y === 1,
-							className: "px-3 py-1.5 text-sm font-medium border border-border rounded-md disabled:opacity-50",
-							children: "Previous"
-						}),
-						/* @__PURE__ */ m("span", {
-							className: "text-sm text-muted-foreground",
-							children: [
-								"Page ",
-								y,
-								" of ",
-								w.totalPages
-							]
-						}),
-						/* @__PURE__ */ p("button", {
-							type: "button",
-							onClick: () => b((e) => Math.min(w.totalPages, e + 1)),
-							disabled: y === w.totalPages,
-							className: "px-3 py-1.5 text-sm font-medium border border-border rounded-md disabled:opacity-50",
-							children: "Next"
-						})
-					]
-				})]
-			})
-		]
-	});
-}, _ = ({ quota: c }) => {
-	let l = o(c.status), u = a(c.usagePercentage), d = i(c.usagePercentage), f = c.limits?.value || 0;
-	return /* @__PURE__ */ m("div", {
-		className: "border border-border rounded-lg bg-card p-6 hover:shadow-sm transition-shadow",
-		children: [
-			/* @__PURE__ */ m("div", {
-				className: "flex flex-col sm:flex-row sm:items-start gap-4",
-				children: [/* @__PURE__ */ m("div", {
-					className: "flex-1 min-w-0",
-					children: [/* @__PURE__ */ m("div", {
-						className: "flex items-center gap-2 flex-wrap",
-						children: [
-							/* @__PURE__ */ p("h3", {
-								className: "font-semibold text-foreground",
-								children: c.name
-							}),
-							/* @__PURE__ */ p("span", {
-								className: `px-2 py-0.5 text-xs font-medium rounded ${s(l)}`,
-								children: r(c.status)
-							}),
-							/* @__PURE__ */ p("span", {
-								className: "px-2 py-0.5 text-xs font-medium bg-muted text-muted-foreground rounded",
-								children: c.quotaType
-							})
-						]
-					}), /* @__PURE__ */ m("p", {
-						className: "text-sm text-muted-foreground mt-1",
-						children: ["Expires: ", e(c.endtime, "short")]
-					})]
-				}), /* @__PURE__ */ m("div", {
-					className: "text-right",
-					children: [/* @__PURE__ */ m("p", {
-						className: "text-2xl font-bold text-foreground",
-						children: [
-							t(c.currentUsageSum),
-							" / ",
-							f > 0 ? t(f) : "∞"
-						]
-					}), /* @__PURE__ */ m("p", {
-						className: "text-sm text-muted-foreground",
-						children: [n(c.usagePercentage), " used"]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ m("div", {
-				className: "mt-4",
-				children: [/* @__PURE__ */ p("div", {
-					className: `h-2 rounded-full overflow-hidden ${d}`,
-					children: /* @__PURE__ */ p("div", {
-						className: `h-full transition-all duration-500 ${u}`,
-						style: { width: `${Math.min(100, c.usagePercentage)}%` }
-					})
-				}), /* @__PURE__ */ m("div", {
-					className: "flex items-center justify-between mt-2 text-xs text-muted-foreground",
-					children: [/* @__PURE__ */ m("span", { children: [t(c.limitLeft), " remaining"] }), /* @__PURE__ */ m("span", { children: [c.totalUsageCount, " usage records"] })]
-				})]
-			}),
-			c.analytics?.trends && /* @__PURE__ */ m("div", {
-				className: "mt-4 pt-4 border-t border-border flex flex-wrap gap-4 text-sm",
-				children: [c.analytics.trends.averageDailyUsage !== void 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-					className: "text-muted-foreground",
-					children: "Avg. Daily: "
-				}), /* @__PURE__ */ p("span", {
-					className: "font-medium text-foreground",
-					children: t(c.analytics.trends.averageDailyUsage, 1)
-				})] }), c.analytics.trends.growthRate !== void 0 && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("span", {
-					className: "text-muted-foreground",
-					children: "Growth: "
-				}), /* @__PURE__ */ m("span", {
-					className: `font-medium ${c.analytics.trends.growthRate > 0 ? "text-status-error-text" : "text-status-success-text"}`,
-					children: [c.analytics.trends.growthRate > 0 ? "+" : "", n(c.analytics.trends.growthRate)]
-				})] })]
-			})
-		]
-	});
-};
-//#endregion
-export { g as QuotaPage };
-
-//# sourceMappingURL=QuotaPage.js.map
+import "../hooks/useQuota.js";
+import "react";
+import "react/jsx-runtime";
+import "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

package/dist/billing/shared/utils/format.js

@@ -1,24 +1,24 @@
-import { CreditTransactionType as e, InvoiceStatus as t, PlanDuration as n, QuotaStatus as r, SubscriptionStatus as i } from "../types/graphql.js";
-import { formatCurrency as a, formatDate as o, formatDateTime as s, formatNumber as c, formatPercentage as l, formatRelativeTime as u } from "@burdenoff/fe-libs/shared/utils";
+import { CreditTransactionType as e, InvoiceStatus as t, PlanDuration as n, SubscriptionStatus as r } from "../types/graphql.js";
+import { formatCurrency as i, formatDate as a, formatDateTime as o, formatNumber as s, formatPercentage as c, formatRelativeTime as l } from "@burdenoff/fe-libs/shared/utils";
 //#region src/billing/shared/utils/format.ts
-function d(e, t = "USD", n = "en-US") {
-	return t.toUpperCase() === "CREDITS" ? f(e) : a(e, t, n);
+function u(e, t = "USD", n = "en-US") {
+	return t.toUpperCase() === "CREDITS" ? d(e) : i(e, t, n);
 }
-function f(e) {
+function d(e) {
 	return Number.isInteger(e) ? `${e.toLocaleString()} Credits` : `${e.toLocaleString(void 0, {
 		minimumFractionDigits: 0,
 		maximumFractionDigits: 2
 	})} Credits`;
 }
-function p(e) {
+function f(e) {
 	return {
-		[i.ACTIVE]: "Active",
-		[i.CANCELED]: "Canceled",
-		[i.EXPIRED]: "Expired",
-		[i.UPGRADED]: "Upgraded"
+		[r.ACTIVE]: "Active",
+		[r.CANCELED]: "Canceled",
+		[r.EXPIRED]: "Expired",
+		[r.UPGRADED]: "Upgraded"
 	}[e] || e;
 }
-function m(e) {
+function p(e) {
 	return {
 		[t.DRAFT]: "Draft",
 		[t.OPEN]: "Open",
@@ -27,28 +27,19 @@ function m(e) {
 		[t.UNCOLLECTIBLE]: "Uncollectible"
 	}[e] || e;
 }
-function h(e) {
-	return {
-		[r.HEALTHY]: "Healthy",
-		[r.WARNING]: "Warning",
-		[r.CRITICAL]: "Critical",
-		[r.EXHAUSTED]: "Exhausted",
-		[r.INACTIVE]: "Inactive"
-	}[e] || e;
-}
-function g(e) {
+function m(e) {
 	return {
 		[n.MONTHLY]: "month",
 		[n.YEARLY]: "year"
 	}[e] || e;
 }
-function _(e) {
+function h(e) {
 	return {
 		[n.MONTHLY]: "Monthly",
 		[n.YEARLY]: "Yearly"
 	}[e] || e;
 }
-function v(t) {
+function g(t) {
 	return {
 		[e.PURCHASE]: "Purchase",
 		[e.USAGE]: "Usage",
@@ -56,10 +47,10 @@ function v(t) {
 		[e.GRANTED]: "Granted"
 	}[t] || t;
 }
-function y(e) {
+function _(e) {
 	return `#${e}`;
 }
 //#endregion
-export { v as formatCreditTransactionType, f as formatCredits, d as formatCurrency, o as formatDate, s as formatDateTime, y as formatInvoiceNumber, m as formatInvoiceStatus, c as formatNumber, l as formatPercentage, g as formatPlanDuration, _ as formatPlanDurationLabel, h as formatQuotaStatus, u as formatRelativeTime, p as formatSubscriptionStatus };
+export { g as formatCreditTransactionType, d as formatCredits, u as formatCurrency, a as formatDate, o as formatDateTime, _ as formatInvoiceNumber, p as formatInvoiceStatus, s as formatNumber, c as formatPercentage, m as formatPlanDuration, h as formatPlanDurationLabel, l as formatRelativeTime, f as formatSubscriptionStatus };
 
 //# sourceMappingURL=format.js.map

package/dist/billing/shared/utils/format.js.map

@@ -1 +1 @@
-{"version":3,"file":"format.js","names":[],"sources":["../../../../src/billing/shared/utils/format.ts"],"sourcesContent":["/**\n * Formatting utilities for the billing module\n *\n * Re-exports common formatting utilities from fe-libs and adds billing-specific ones.\n */\n\nimport {\n  SubscriptionStatus,\n  InvoiceStatus,\n  PaymentStatus,\n  ChargeStatus,\n  QuotaStatus,\n  PlanDuration,\n  PaymentMethodType,\n  TransactionType,\n  CreditTransactionType,\n} from '../types';\n\n// Re-export common formatting utilities from fe-libs\nexport {\n  formatCurrency as formatCurrencyBase,\n  formatCurrencyCompact as formatCurrencyCompactBase,\n  formatDate,\n  formatDateTime,\n  formatRelativeTime,\n  formatDuration,\n  formatNumber,\n  formatPercentage,\n  formatBytes,\n  formatCompactNumber,\n} from '@burdenoff/fe-libs/shared/utils';\n\n// Import for internal use\nimport {\n  formatCurrency as formatCurrencyBase,\n  formatCurrencyCompact as formatCurrencyCompactBase,\n} from '@burdenoff/fe-libs/shared/utils';\n\n// ============================================================================\n// Billing-specific Currency Formatting (handles CREDITS)\n// ============================================================================\n\nexport function formatCurrency(amount: number, currency = 'USD', locale = 'en-US'): string {\n  // Handle CREDITS specially - credits are not a real currency\n  if (currency.toUpperCase() === 'CREDITS') {\n    return formatCredits(amount);\n  }\n  return formatCurrencyBase(amount, currency, locale);\n}\n\n/**\n * Format credits as \"X Credits\" or \"X.XX Credits\"\n * Credits are always displayed as a unit count, not as currency\n */\nexport function formatCredits(amount: number): string {\n  // For whole numbers, show without decimals\n  if (Number.isInteger(amount)) {\n    return `${amount.toLocaleString()} Credits`;\n  }\n  // For fractional credits, show up to 2 decimals\n  return `${amount.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 })} Credits`;\n}\n\nexport function formatCurrencyCompact(amount: number, currency = 'USD'): string {\n  if (currency.toUpperCase() === 'CREDITS') {\n    return formatCredits(amount);\n  }\n  return formatCurrencyCompactBase(amount, currency);\n}\n\n// ============================================================================\n// Status Formatting\n// ============================================================================\n\nexport function formatSubscriptionStatus(status: SubscriptionStatus): string {\n  const labels: Record<SubscriptionStatus, string> = {\n    [SubscriptionStatus.ACTIVE]: 'Active',\n    [SubscriptionStatus.CANCELED]: 'Canceled',\n    [SubscriptionStatus.EXPIRED]: 'Expired',\n    [SubscriptionStatus.UPGRADED]: 'Upgraded',\n  };\n  return labels[status] || status;\n}\n\nexport function formatInvoiceStatus(status: InvoiceStatus): string {\n  const labels: Record<InvoiceStatus, string> = {\n    [InvoiceStatus.DRAFT]: 'Draft',\n    [InvoiceStatus.OPEN]: 'Open',\n    [InvoiceStatus.PAID]: 'Paid',\n    [InvoiceStatus.VOID]: 'Void',\n    [InvoiceStatus.UNCOLLECTIBLE]: 'Uncollectible',\n  };\n  return labels[status] || status;\n}\n\nexport function formatPaymentStatus(status: PaymentStatus): string {\n  const labels: Record<PaymentStatus, string> = {\n    [PaymentStatus.PENDING]: 'Pending',\n    [PaymentStatus.SUCCEEDED]: 'Succeeded',\n    [PaymentStatus.FAILED]: 'Failed',\n    [PaymentStatus.CANCELED]: 'Canceled',\n    [PaymentStatus.REFUNDED]: 'Refunded',\n  };\n  return labels[status] || status;\n}\n\nexport function formatChargeStatus(status: ChargeStatus): string {\n  const labels: Record<ChargeStatus, string> = {\n    [ChargeStatus.PENDING]: 'Pending',\n    [ChargeStatus.SUCCEEDED]: 'Succeeded',\n    [ChargeStatus.FAILED]: 'Failed',\n    [ChargeStatus.REFUNDED]: 'Refunded',\n  };\n  return labels[status] || status;\n}\n\nexport function formatQuotaStatus(status: QuotaStatus): string {\n  const labels: Record<QuotaStatus, string> = {\n    [QuotaStatus.HEALTHY]: 'Healthy',\n    [QuotaStatus.WARNING]: 'Warning',\n    [QuotaStatus.CRITICAL]: 'Critical',\n    [QuotaStatus.EXHAUSTED]: 'Exhausted',\n    [QuotaStatus.INACTIVE]: 'Inactive',\n  };\n  return labels[status] || status;\n}\n\n// ============================================================================\n// Plan & Duration Formatting\n// ============================================================================\n\nexport function formatPlanDuration(duration: PlanDuration): string {\n  const labels: Record<PlanDuration, string> = {\n    [PlanDuration.MONTHLY]: 'month',\n    [PlanDuration.YEARLY]: 'year',\n  };\n  return labels[duration] || duration;\n}\n\nexport function formatPlanDurationLabel(duration: PlanDuration): string {\n  const labels: Record<PlanDuration, string> = {\n    [PlanDuration.MONTHLY]: 'Monthly',\n    [PlanDuration.YEARLY]: 'Yearly',\n  };\n  return labels[duration] || duration;\n}\n\nexport function formatPlanPrice(price: number, currency: string, duration: PlanDuration): string {\n  return `${formatCurrency(price, currency)}/${formatPlanDuration(duration)}`;\n}\n\n// ============================================================================\n// Payment Method Formatting\n// ============================================================================\n\nexport function formatPaymentMethodType(type: PaymentMethodType): string {\n  const labels: Record<PaymentMethodType, string> = {\n    [PaymentMethodType.CREDIT_CARD]: 'Credit Card',\n    [PaymentMethodType.DEBIT_CARD]: 'Debit Card',\n    [PaymentMethodType.BANK_TRANSFER]: 'Bank Transfer',\n    [PaymentMethodType.PAYPAL]: 'PayPal',\n    [PaymentMethodType.CRYPTO]: 'Cryptocurrency',\n    [PaymentMethodType.WALLET]: 'Wallet',\n    [PaymentMethodType.NETBANKING]: 'Netbanking',\n  };\n  return labels[type] || type;\n}\n\nexport function formatCardBrand(brand?: string): string {\n  if (!brand) return 'Card';\n  return brand.charAt(0).toUpperCase() + brand.slice(1).toLowerCase();\n}\n\nexport function formatCardNumber(last4?: string): string {\n  if (!last4) return '****';\n  return `•••• ${last4}`;\n}\n\nexport function formatCardExpiry(month?: number, year?: number): string {\n  if (!month || !year) return '';\n  return `${month.toString().padStart(2, '0')}/${year.toString().slice(-2)}`;\n}\n\n// ============================================================================\n// Transaction Formatting\n// ============================================================================\n\nexport function formatTransactionType(type: TransactionType): string {\n  const labels: Record<TransactionType, string> = {\n    [TransactionType.PAYMENT]: 'Payment',\n    [TransactionType.REFUND]: 'Refund',\n    [TransactionType.ADJUSTMENT]: 'Adjustment',\n  };\n  return labels[type] || type;\n}\n\nexport function formatCreditTransactionType(type: CreditTransactionType): string {\n  const labels: Record<CreditTransactionType, string> = {\n    [CreditTransactionType.PURCHASE]: 'Purchase',\n    [CreditTransactionType.USAGE]: 'Usage',\n    [CreditTransactionType.ADJUSTMENT]: 'Earned',\n    [CreditTransactionType.GRANTED]: 'Granted',\n  };\n  return labels[type] || type;\n}\n\n// ============================================================================\n// Text Formatting\n// ============================================================================\n\nexport function truncateText(text: string, maxLength: number): string {\n  if (text.length <= maxLength) return text;\n  return `${text.slice(0, maxLength - 3)}...`;\n}\n\nexport function capitalizeFirst(text: string): string {\n  if (!text) return '';\n  return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();\n}\n\nexport function formatInvoiceNumber(number: string): string {\n  return `#${number}`;\n}\n"],"mappings":";;;AA0CA,SAAgB,EAAe,GAAgB,IAAW,OAAO,IAAS,SAAiB;AAKzF,QAHI,EAAS,aAAa,KAAK,YACtB,EAAc,EAAO,GAEvB,EAAmB,GAAQ,GAAU,EAAO;;AAOrD,SAAgB,EAAc,GAAwB;AAMpD,QAJI,OAAO,UAAU,EAAO,GACnB,GAAG,EAAO,gBAAgB,CAAC,YAG7B,GAAG,EAAO,eAAe,KAAA,GAAW;EAAE,uBAAuB;EAAG,uBAAuB;EAAG,CAAC,CAAC;;AAcrG,SAAgB,EAAyB,GAAoC;AAO3E,QANmD;GAChD,EAAmB,SAAS;GAC5B,EAAmB,WAAW;GAC9B,EAAmB,UAAU;GAC7B,EAAmB,WAAW;EAChC,CACa,MAAW;;AAG3B,SAAgB,EAAoB,GAA+B;AAQjE,QAP8C;GAC3C,EAAc,QAAQ;GACtB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,gBAAgB;EAChC,CACa,MAAW;;AAwB3B,SAAgB,EAAkB,GAA6B;AAQ7D,QAP4C;GACzC,EAAY,UAAU;GACtB,EAAY,UAAU;GACtB,EAAY,WAAW;GACvB,EAAY,YAAY;GACxB,EAAY,WAAW;EACzB,CACa,MAAW;;AAO3B,SAAgB,EAAmB,GAAgC;AAKjE,QAJ6C;GAC1C,EAAa,UAAU;GACvB,EAAa,SAAS;EACxB,CACa,MAAa;;AAG7B,SAAgB,EAAwB,GAAgC;AAKtE,QAJ6C;GAC1C,EAAa,UAAU;GACvB,EAAa,SAAS;EACxB,CACa,MAAa;;AAoD7B,SAAgB,EAA4B,GAAqC;AAO/E,QANsD;GACnD,EAAsB,WAAW;GACjC,EAAsB,QAAQ;GAC9B,EAAsB,aAAa;GACnC,EAAsB,UAAU;EAClC,CACa,MAAS;;AAiBzB,SAAgB,EAAoB,GAAwB;AAC1D,QAAO,IAAI"}
+{"version":3,"file":"format.js","names":[],"sources":["../../../../src/billing/shared/utils/format.ts"],"sourcesContent":["/**\n * Formatting utilities for the billing module\n *\n * Re-exports common formatting utilities from fe-libs and adds billing-specific ones.\n */\n\nimport {\n  SubscriptionStatus,\n  InvoiceStatus,\n  PaymentStatus,\n  ChargeStatus,\n  QuotaStatus,\n  PlanDuration,\n  PaymentMethodType,\n  TransactionType,\n  CreditTransactionType,\n} from '../types';\n\n// Re-export common formatting utilities from fe-libs\nexport {\n  formatCurrency as formatCurrencyBase,\n  formatCurrencyCompact as formatCurrencyCompactBase,\n  formatDate,\n  formatDateTime,\n  formatRelativeTime,\n  formatDuration,\n  formatNumber,\n  formatPercentage,\n  formatBytes,\n  formatCompactNumber,\n} from '@burdenoff/fe-libs/shared/utils';\n\n// Import for internal use\nimport {\n  formatCurrency as formatCurrencyBase,\n  formatCurrencyCompact as formatCurrencyCompactBase,\n} from '@burdenoff/fe-libs/shared/utils';\n\n// ============================================================================\n// Billing-specific Currency Formatting (handles CREDITS)\n// ============================================================================\n\nexport function formatCurrency(amount: number, currency = 'USD', locale = 'en-US'): string {\n  // Handle CREDITS specially - credits are not a real currency\n  if (currency.toUpperCase() === 'CREDITS') {\n    return formatCredits(amount);\n  }\n  return formatCurrencyBase(amount, currency, locale);\n}\n\n/**\n * Format credits as \"X Credits\" or \"X.XX Credits\"\n * Credits are always displayed as a unit count, not as currency\n */\nexport function formatCredits(amount: number): string {\n  // For whole numbers, show without decimals\n  if (Number.isInteger(amount)) {\n    return `${amount.toLocaleString()} Credits`;\n  }\n  // For fractional credits, show up to 2 decimals\n  return `${amount.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 })} Credits`;\n}\n\nexport function formatCurrencyCompact(amount: number, currency = 'USD'): string {\n  if (currency.toUpperCase() === 'CREDITS') {\n    return formatCredits(amount);\n  }\n  return formatCurrencyCompactBase(amount, currency);\n}\n\n// ============================================================================\n// Status Formatting\n// ============================================================================\n\nexport function formatSubscriptionStatus(status: SubscriptionStatus): string {\n  const labels: Record<SubscriptionStatus, string> = {\n    [SubscriptionStatus.ACTIVE]: 'Active',\n    [SubscriptionStatus.CANCELED]: 'Canceled',\n    [SubscriptionStatus.EXPIRED]: 'Expired',\n    [SubscriptionStatus.UPGRADED]: 'Upgraded',\n  };\n  return labels[status] || status;\n}\n\nexport function formatInvoiceStatus(status: InvoiceStatus): string {\n  const labels: Record<InvoiceStatus, string> = {\n    [InvoiceStatus.DRAFT]: 'Draft',\n    [InvoiceStatus.OPEN]: 'Open',\n    [InvoiceStatus.PAID]: 'Paid',\n    [InvoiceStatus.VOID]: 'Void',\n    [InvoiceStatus.UNCOLLECTIBLE]: 'Uncollectible',\n  };\n  return labels[status] || status;\n}\n\nexport function formatPaymentStatus(status: PaymentStatus): string {\n  const labels: Record<PaymentStatus, string> = {\n    [PaymentStatus.PENDING]: 'Pending',\n    [PaymentStatus.SUCCEEDED]: 'Succeeded',\n    [PaymentStatus.FAILED]: 'Failed',\n    [PaymentStatus.CANCELED]: 'Canceled',\n    [PaymentStatus.REFUNDED]: 'Refunded',\n  };\n  return labels[status] || status;\n}\n\nexport function formatChargeStatus(status: ChargeStatus): string {\n  const labels: Record<ChargeStatus, string> = {\n    [ChargeStatus.PENDING]: 'Pending',\n    [ChargeStatus.SUCCEEDED]: 'Succeeded',\n    [ChargeStatus.FAILED]: 'Failed',\n    [ChargeStatus.REFUNDED]: 'Refunded',\n  };\n  return labels[status] || status;\n}\n\nexport function formatQuotaStatus(status: QuotaStatus): string {\n  const labels: Record<QuotaStatus, string> = {\n    [QuotaStatus.HEALTHY]: 'Healthy',\n    [QuotaStatus.WARNING]: 'Warning',\n    [QuotaStatus.CRITICAL]: 'Critical',\n    [QuotaStatus.EXHAUSTED]: 'Exhausted',\n    [QuotaStatus.INACTIVE]: 'Inactive',\n  };\n  return labels[status] || status;\n}\n\n// ============================================================================\n// Plan & Duration Formatting\n// ============================================================================\n\nexport function formatPlanDuration(duration: PlanDuration): string {\n  const labels: Record<PlanDuration, string> = {\n    [PlanDuration.MONTHLY]: 'month',\n    [PlanDuration.YEARLY]: 'year',\n  };\n  return labels[duration] || duration;\n}\n\nexport function formatPlanDurationLabel(duration: PlanDuration): string {\n  const labels: Record<PlanDuration, string> = {\n    [PlanDuration.MONTHLY]: 'Monthly',\n    [PlanDuration.YEARLY]: 'Yearly',\n  };\n  return labels[duration] || duration;\n}\n\nexport function formatPlanPrice(price: number, currency: string, duration: PlanDuration): string {\n  return `${formatCurrency(price, currency)}/${formatPlanDuration(duration)}`;\n}\n\n// ============================================================================\n// Payment Method Formatting\n// ============================================================================\n\nexport function formatPaymentMethodType(type: PaymentMethodType): string {\n  const labels: Record<PaymentMethodType, string> = {\n    [PaymentMethodType.CREDIT_CARD]: 'Credit Card',\n    [PaymentMethodType.DEBIT_CARD]: 'Debit Card',\n    [PaymentMethodType.BANK_TRANSFER]: 'Bank Transfer',\n    [PaymentMethodType.PAYPAL]: 'PayPal',\n    [PaymentMethodType.CRYPTO]: 'Cryptocurrency',\n    [PaymentMethodType.WALLET]: 'Wallet',\n    [PaymentMethodType.NETBANKING]: 'Netbanking',\n  };\n  return labels[type] || type;\n}\n\nexport function formatCardBrand(brand?: string): string {\n  if (!brand) return 'Card';\n  return brand.charAt(0).toUpperCase() + brand.slice(1).toLowerCase();\n}\n\nexport function formatCardNumber(last4?: string): string {\n  if (!last4) return '****';\n  return `•••• ${last4}`;\n}\n\nexport function formatCardExpiry(month?: number, year?: number): string {\n  if (!month || !year) return '';\n  return `${month.toString().padStart(2, '0')}/${year.toString().slice(-2)}`;\n}\n\n// ============================================================================\n// Transaction Formatting\n// ============================================================================\n\nexport function formatTransactionType(type: TransactionType): string {\n  const labels: Record<TransactionType, string> = {\n    [TransactionType.PAYMENT]: 'Payment',\n    [TransactionType.REFUND]: 'Refund',\n    [TransactionType.ADJUSTMENT]: 'Adjustment',\n  };\n  return labels[type] || type;\n}\n\nexport function formatCreditTransactionType(type: CreditTransactionType): string {\n  const labels: Record<CreditTransactionType, string> = {\n    [CreditTransactionType.PURCHASE]: 'Purchase',\n    [CreditTransactionType.USAGE]: 'Usage',\n    [CreditTransactionType.ADJUSTMENT]: 'Earned',\n    [CreditTransactionType.GRANTED]: 'Granted',\n  };\n  return labels[type] || type;\n}\n\n// ============================================================================\n// Text Formatting\n// ============================================================================\n\nexport function truncateText(text: string, maxLength: number): string {\n  if (text.length <= maxLength) return text;\n  return `${text.slice(0, maxLength - 3)}...`;\n}\n\nexport function capitalizeFirst(text: string): string {\n  if (!text) return '';\n  return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();\n}\n\nexport function formatInvoiceNumber(number: string): string {\n  return `#${number}`;\n}\n"],"mappings":";;;AA0CA,SAAgB,EAAe,GAAgB,IAAW,OAAO,IAAS,SAAiB;AAKzF,QAHI,EAAS,aAAa,KAAK,YACtB,EAAc,EAAO,GAEvB,EAAmB,GAAQ,GAAU,EAAO;;AAOrD,SAAgB,EAAc,GAAwB;AAMpD,QAJI,OAAO,UAAU,EAAO,GACnB,GAAG,EAAO,gBAAgB,CAAC,YAG7B,GAAG,EAAO,eAAe,KAAA,GAAW;EAAE,uBAAuB;EAAG,uBAAuB;EAAG,CAAC,CAAC;;AAcrG,SAAgB,EAAyB,GAAoC;AAO3E,QANmD;GAChD,EAAmB,SAAS;GAC5B,EAAmB,WAAW;GAC9B,EAAmB,UAAU;GAC7B,EAAmB,WAAW;EAChC,CACa,MAAW;;AAG3B,SAAgB,EAAoB,GAA+B;AAQjE,QAP8C;GAC3C,EAAc,QAAQ;GACtB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,gBAAgB;EAChC,CACa,MAAW;;AAuC3B,SAAgB,EAAmB,GAAgC;AAKjE,QAJ6C;GAC1C,EAAa,UAAU;GACvB,EAAa,SAAS;EACxB,CACa,MAAa;;AAG7B,SAAgB,EAAwB,GAAgC;AAKtE,QAJ6C;GAC1C,EAAa,UAAU;GACvB,EAAa,SAAS;EACxB,CACa,MAAa;;AAoD7B,SAAgB,EAA4B,GAAqC;AAO/E,QANsD;GACnD,EAAsB,WAAW;GACjC,EAAsB,QAAQ;GAC9B,EAAsB,aAAa;GACnC,EAAsB,UAAU;EAClC,CACa,MAAS;;AAiBzB,SAAgB,EAAoB,GAAwB;AAC1D,QAAO,IAAI"}

package/dist/billing/shared/utils/status.js

@@ -1,15 +1,15 @@
 import { getProgressTokens as e, getStatusBadgeTokens as t } from "./tokens.js";
-import { CreditTransactionStatus as n, InvoiceStatus as r, QuotaStatus as i, SubscriptionStatus as a, TransactionStatus as o } from "../types/graphql.js";
+import { CreditTransactionStatus as n, InvoiceStatus as r, SubscriptionStatus as i, TransactionStatus as a } from "../types/graphql.js";
 //#region src/billing/shared/utils/status.ts
-function s(e) {
+function o(e) {
 	return {
-		[a.ACTIVE]: "success",
-		[a.CANCELED]: "error",
-		[a.EXPIRED]: "neutral",
-		[a.UPGRADED]: "info"
+		[i.ACTIVE]: "success",
+		[i.CANCELED]: "error",
+		[i.EXPIRED]: "neutral",
+		[i.UPGRADED]: "info"
 	}[e] || "neutral";
 }
-function c(e) {
+function s(e) {
 	return {
 		[r.DRAFT]: "neutral",
 		[r.OPEN]: "info",
@@ -18,23 +18,14 @@ function c(e) {
 		[r.UNCOLLECTIBLE]: "error"
 	}[e] || "neutral";
 }
-function l(e) {
-	return {
-		[i.HEALTHY]: "success",
-		[i.WARNING]: "warning",
-		[i.CRITICAL]: "error",
-		[i.EXHAUSTED]: "error",
-		[i.INACTIVE]: "neutral"
-	}[e] || "neutral";
-}
-function u(e) {
+function c(e) {
 	return {
-		[o.PENDING]: "warning",
-		[o.SUCCESS]: "success",
-		[o.FAILED]: "error"
+		[a.PENDING]: "warning",
+		[a.SUCCESS]: "success",
+		[a.FAILED]: "error"
 	}[e] || "neutral";
 }
-function d(e) {
+function l(e) {
 	return {
 		[n.PENDING]: "warning",
 		[n.SUCCESS]: "success",
@@ -42,16 +33,13 @@ function d(e) {
 		[n.REFUND]: "info"
 	}[e] || "neutral";
 }
-function f(e) {
+function u(e) {
 	return t(e);
 }
-function p(t) {
+function d(t) {
 	return e(t).bar;
 }
-function m(t) {
-	return e(t).track;
-}
 //#endregion
-export { d as getCreditTransactionStatusColor, c as getInvoiceStatusColor, m as getQuotaProgressBgColor, p as getQuotaProgressColor, l as getQuotaStatusColor, f as getStatusBadgeClasses, s as getSubscriptionStatusColor, u as getTransactionStatusColor };
+export { l as getCreditTransactionStatusColor, s as getInvoiceStatusColor, d as getQuotaProgressColor, u as getStatusBadgeClasses, o as getSubscriptionStatusColor, c as getTransactionStatusColor };
 
 //# sourceMappingURL=status.js.map

package/dist/billing/shared/utils/status.js.map

@@ -1 +1 @@
-{"version":3,"file":"status.js","names":[],"sources":["../../../../src/billing/shared/utils/status.ts"],"sourcesContent":["/**\n * Status utilities for the billing module\n * Provides status colors, icons, and helper functions\n *\n * Uses semantic design tokens from tokens.ts for consistent theming\n */\n\nimport {\n  SubscriptionStatus,\n  InvoiceStatus,\n  PaymentStatus,\n  ChargeStatus,\n  RefundStatus,\n  QuotaStatus,\n  TransactionStatus,\n  CreditTransactionStatus,\n} from '../types';\nimport { type SemanticStatus, getStatusBadgeTokens, getProgressTokens } from './tokens';\n\n// ============================================================================\n// Status Color Types\n// ============================================================================\n\nexport type StatusColor = SemanticStatus;\n\n// ============================================================================\n// Status Color Mappings\n// ============================================================================\n\nexport function getSubscriptionStatusColor(status: SubscriptionStatus): StatusColor {\n  const colors: Record<SubscriptionStatus, StatusColor> = {\n    [SubscriptionStatus.ACTIVE]: 'success',\n    [SubscriptionStatus.CANCELED]: 'error',\n    [SubscriptionStatus.EXPIRED]: 'neutral',\n    [SubscriptionStatus.UPGRADED]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getInvoiceStatusColor(status: InvoiceStatus): StatusColor {\n  const colors: Record<InvoiceStatus, StatusColor> = {\n    [InvoiceStatus.DRAFT]: 'neutral',\n    [InvoiceStatus.OPEN]: 'info',\n    [InvoiceStatus.PAID]: 'success',\n    [InvoiceStatus.VOID]: 'neutral',\n    [InvoiceStatus.UNCOLLECTIBLE]: 'error',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getPaymentStatusColor(status: PaymentStatus): StatusColor {\n  const colors: Record<PaymentStatus, StatusColor> = {\n    [PaymentStatus.PENDING]: 'warning',\n    [PaymentStatus.SUCCEEDED]: 'success',\n    [PaymentStatus.FAILED]: 'error',\n    [PaymentStatus.CANCELED]: 'neutral',\n    [PaymentStatus.REFUNDED]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getChargeStatusColor(status: ChargeStatus): StatusColor {\n  const colors: Record<ChargeStatus, StatusColor> = {\n    [ChargeStatus.PENDING]: 'warning',\n    [ChargeStatus.SUCCEEDED]: 'success',\n    [ChargeStatus.FAILED]: 'error',\n    [ChargeStatus.REFUNDED]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getRefundStatusColor(status: RefundStatus): StatusColor {\n  const colors: Record<RefundStatus, StatusColor> = {\n    [RefundStatus.PENDING]: 'warning',\n    [RefundStatus.SUCCEEDED]: 'success',\n    [RefundStatus.FAILED]: 'error',\n    [RefundStatus.CANCELED]: 'neutral',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getQuotaStatusColor(status: QuotaStatus): StatusColor {\n  const colors: Record<QuotaStatus, StatusColor> = {\n    [QuotaStatus.HEALTHY]: 'success',\n    [QuotaStatus.WARNING]: 'warning',\n    [QuotaStatus.CRITICAL]: 'error',\n    [QuotaStatus.EXHAUSTED]: 'error',\n    [QuotaStatus.INACTIVE]: 'neutral',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getTransactionStatusColor(status: TransactionStatus): StatusColor {\n  const colors: Record<TransactionStatus, StatusColor> = {\n    [TransactionStatus.PENDING]: 'warning',\n    [TransactionStatus.SUCCESS]: 'success',\n    [TransactionStatus.FAILED]: 'error',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getCreditTransactionStatusColor(status: CreditTransactionStatus): StatusColor {\n  const colors: Record<CreditTransactionStatus, StatusColor> = {\n    [CreditTransactionStatus.PENDING]: 'warning',\n    [CreditTransactionStatus.SUCCESS]: 'success',\n    [CreditTransactionStatus.FAILED]: 'error',\n    [CreditTransactionStatus.REFUND]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\n// ============================================================================\n// CSS Class Mappings (using semantic tokens)\n// ============================================================================\n\n/**\n * Get combined badge classes for a status.\n */\nexport function getStatusBadgeClasses(color: StatusColor): string {\n  return getStatusBadgeTokens(color);\n}\n\n// ============================================================================\n// Quota Status Helpers\n// ============================================================================\n\nexport function getQuotaStatusFromPercentage(percentage: number): QuotaStatus {\n  if (percentage >= 100) return QuotaStatus.EXHAUSTED;\n  if (percentage >= 90) return QuotaStatus.CRITICAL;\n  if (percentage >= 75) return QuotaStatus.WARNING;\n  return QuotaStatus.HEALTHY;\n}\n\nexport function getQuotaProgressColor(percentage: number): string {\n  const tokens = getProgressTokens(percentage);\n  return tokens.bar;\n}\n\nexport function getQuotaProgressBgColor(percentage: number): string {\n  const tokens = getProgressTokens(percentage);\n  return tokens.track;\n}\n\n// ============================================================================\n// Status Checks\n// ============================================================================\n\nexport function isActiveSubscription(status: SubscriptionStatus): boolean {\n  return status === SubscriptionStatus.ACTIVE;\n}\n\nexport function isPaidInvoice(status: InvoiceStatus): boolean {\n  return status === InvoiceStatus.PAID;\n}\n\nexport function isOpenInvoice(status: InvoiceStatus): boolean {\n  return status === InvoiceStatus.OPEN;\n}\n\nexport function isSuccessfulPayment(status: PaymentStatus): boolean {\n  return status === PaymentStatus.SUCCEEDED;\n}\n\nexport function isPendingPayment(status: PaymentStatus): boolean {\n  return status === PaymentStatus.PENDING;\n}\n\nexport function isHealthyQuota(status: QuotaStatus): boolean {\n  return status === QuotaStatus.HEALTHY;\n}\n\nexport function isQuotaAtRisk(status: QuotaStatus): boolean {\n  return status === QuotaStatus.WARNING || status === QuotaStatus.CRITICAL;\n}\n\nexport function isQuotaExhausted(status: QuotaStatus): boolean {\n  return status === QuotaStatus.EXHAUSTED;\n}\n"],"mappings":";;;AA6BA,SAAgB,EAA2B,GAAyC;AAOlF,QANwD;GACrD,EAAmB,SAAS;GAC5B,EAAmB,WAAW;GAC9B,EAAmB,UAAU;GAC7B,EAAmB,WAAW;EAChC,CACa,MAAW;;AAG3B,SAAgB,EAAsB,GAAoC;AAQxE,QAPmD;GAChD,EAAc,QAAQ;GACtB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,gBAAgB;EAChC,CACa,MAAW;;AAkC3B,SAAgB,EAAoB,GAAkC;AAQpE,QAPiD;GAC9C,EAAY,UAAU;GACtB,EAAY,UAAU;GACtB,EAAY,WAAW;GACvB,EAAY,YAAY;GACxB,EAAY,WAAW;EACzB,CACa,MAAW;;AAG3B,SAAgB,EAA0B,GAAwC;AAMhF,QALuD;GACpD,EAAkB,UAAU;GAC5B,EAAkB,UAAU;GAC5B,EAAkB,SAAS;EAC7B,CACa,MAAW;;AAG3B,SAAgB,EAAgC,GAA8C;AAO5F,QAN6D;GAC1D,EAAwB,UAAU;GAClC,EAAwB,UAAU;GAClC,EAAwB,SAAS;GACjC,EAAwB,SAAS;EACnC,CACa,MAAW;;AAU3B,SAAgB,EAAsB,GAA4B;AAChE,QAAO,EAAqB,EAAM;;AAcpC,SAAgB,EAAsB,GAA4B;AAEhE,QADe,EAAkB,EAAW,CAC9B;;AAGhB,SAAgB,EAAwB,GAA4B;AAElE,QADe,EAAkB,EAAW,CAC9B"}
+{"version":3,"file":"status.js","names":[],"sources":["../../../../src/billing/shared/utils/status.ts"],"sourcesContent":["/**\n * Status utilities for the billing module\n * Provides status colors, icons, and helper functions\n *\n * Uses semantic design tokens from tokens.ts for consistent theming\n */\n\nimport {\n  SubscriptionStatus,\n  InvoiceStatus,\n  PaymentStatus,\n  ChargeStatus,\n  RefundStatus,\n  QuotaStatus,\n  TransactionStatus,\n  CreditTransactionStatus,\n} from '../types';\nimport { type SemanticStatus, getStatusBadgeTokens, getProgressTokens } from './tokens';\n\n// ============================================================================\n// Status Color Types\n// ============================================================================\n\nexport type StatusColor = SemanticStatus;\n\n// ============================================================================\n// Status Color Mappings\n// ============================================================================\n\nexport function getSubscriptionStatusColor(status: SubscriptionStatus): StatusColor {\n  const colors: Record<SubscriptionStatus, StatusColor> = {\n    [SubscriptionStatus.ACTIVE]: 'success',\n    [SubscriptionStatus.CANCELED]: 'error',\n    [SubscriptionStatus.EXPIRED]: 'neutral',\n    [SubscriptionStatus.UPGRADED]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getInvoiceStatusColor(status: InvoiceStatus): StatusColor {\n  const colors: Record<InvoiceStatus, StatusColor> = {\n    [InvoiceStatus.DRAFT]: 'neutral',\n    [InvoiceStatus.OPEN]: 'info',\n    [InvoiceStatus.PAID]: 'success',\n    [InvoiceStatus.VOID]: 'neutral',\n    [InvoiceStatus.UNCOLLECTIBLE]: 'error',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getPaymentStatusColor(status: PaymentStatus): StatusColor {\n  const colors: Record<PaymentStatus, StatusColor> = {\n    [PaymentStatus.PENDING]: 'warning',\n    [PaymentStatus.SUCCEEDED]: 'success',\n    [PaymentStatus.FAILED]: 'error',\n    [PaymentStatus.CANCELED]: 'neutral',\n    [PaymentStatus.REFUNDED]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getChargeStatusColor(status: ChargeStatus): StatusColor {\n  const colors: Record<ChargeStatus, StatusColor> = {\n    [ChargeStatus.PENDING]: 'warning',\n    [ChargeStatus.SUCCEEDED]: 'success',\n    [ChargeStatus.FAILED]: 'error',\n    [ChargeStatus.REFUNDED]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getRefundStatusColor(status: RefundStatus): StatusColor {\n  const colors: Record<RefundStatus, StatusColor> = {\n    [RefundStatus.PENDING]: 'warning',\n    [RefundStatus.SUCCEEDED]: 'success',\n    [RefundStatus.FAILED]: 'error',\n    [RefundStatus.CANCELED]: 'neutral',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getQuotaStatusColor(status: QuotaStatus): StatusColor {\n  const colors: Record<QuotaStatus, StatusColor> = {\n    [QuotaStatus.HEALTHY]: 'success',\n    [QuotaStatus.WARNING]: 'warning',\n    [QuotaStatus.CRITICAL]: 'error',\n    [QuotaStatus.EXHAUSTED]: 'error',\n    [QuotaStatus.INACTIVE]: 'neutral',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getTransactionStatusColor(status: TransactionStatus): StatusColor {\n  const colors: Record<TransactionStatus, StatusColor> = {\n    [TransactionStatus.PENDING]: 'warning',\n    [TransactionStatus.SUCCESS]: 'success',\n    [TransactionStatus.FAILED]: 'error',\n  };\n  return colors[status] || 'neutral';\n}\n\nexport function getCreditTransactionStatusColor(status: CreditTransactionStatus): StatusColor {\n  const colors: Record<CreditTransactionStatus, StatusColor> = {\n    [CreditTransactionStatus.PENDING]: 'warning',\n    [CreditTransactionStatus.SUCCESS]: 'success',\n    [CreditTransactionStatus.FAILED]: 'error',\n    [CreditTransactionStatus.REFUND]: 'info',\n  };\n  return colors[status] || 'neutral';\n}\n\n// ============================================================================\n// CSS Class Mappings (using semantic tokens)\n// ============================================================================\n\n/**\n * Get combined badge classes for a status.\n */\nexport function getStatusBadgeClasses(color: StatusColor): string {\n  return getStatusBadgeTokens(color);\n}\n\n// ============================================================================\n// Quota Status Helpers\n// ============================================================================\n\nexport function getQuotaStatusFromPercentage(percentage: number): QuotaStatus {\n  if (percentage >= 100) return QuotaStatus.EXHAUSTED;\n  if (percentage >= 90) return QuotaStatus.CRITICAL;\n  if (percentage >= 75) return QuotaStatus.WARNING;\n  return QuotaStatus.HEALTHY;\n}\n\nexport function getQuotaProgressColor(percentage: number): string {\n  const tokens = getProgressTokens(percentage);\n  return tokens.bar;\n}\n\nexport function getQuotaProgressBgColor(percentage: number): string {\n  const tokens = getProgressTokens(percentage);\n  return tokens.track;\n}\n\n// ============================================================================\n// Status Checks\n// ============================================================================\n\nexport function isActiveSubscription(status: SubscriptionStatus): boolean {\n  return status === SubscriptionStatus.ACTIVE;\n}\n\nexport function isPaidInvoice(status: InvoiceStatus): boolean {\n  return status === InvoiceStatus.PAID;\n}\n\nexport function isOpenInvoice(status: InvoiceStatus): boolean {\n  return status === InvoiceStatus.OPEN;\n}\n\nexport function isSuccessfulPayment(status: PaymentStatus): boolean {\n  return status === PaymentStatus.SUCCEEDED;\n}\n\nexport function isPendingPayment(status: PaymentStatus): boolean {\n  return status === PaymentStatus.PENDING;\n}\n\nexport function isHealthyQuota(status: QuotaStatus): boolean {\n  return status === QuotaStatus.HEALTHY;\n}\n\nexport function isQuotaAtRisk(status: QuotaStatus): boolean {\n  return status === QuotaStatus.WARNING || status === QuotaStatus.CRITICAL;\n}\n\nexport function isQuotaExhausted(status: QuotaStatus): boolean {\n  return status === QuotaStatus.EXHAUSTED;\n}\n"],"mappings":";;;AA6BA,SAAgB,EAA2B,GAAyC;AAOlF,QANwD;GACrD,EAAmB,SAAS;GAC5B,EAAmB,WAAW;GAC9B,EAAmB,UAAU;GAC7B,EAAmB,WAAW;EAChC,CACa,MAAW;;AAG3B,SAAgB,EAAsB,GAAoC;AAQxE,QAPmD;GAChD,EAAc,QAAQ;GACtB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,OAAO;GACrB,EAAc,gBAAgB;EAChC,CACa,MAAW;;AA6C3B,SAAgB,EAA0B,GAAwC;AAMhF,QALuD;GACpD,EAAkB,UAAU;GAC5B,EAAkB,UAAU;GAC5B,EAAkB,SAAS;EAC7B,CACa,MAAW;;AAG3B,SAAgB,EAAgC,GAA8C;AAO5F,QAN6D;GAC1D,EAAwB,UAAU;GAClC,EAAwB,UAAU;GAClC,EAAwB,SAAS;GACjC,EAAwB,SAAS;EACnC,CACa,MAAW;;AAU3B,SAAgB,EAAsB,GAA4B;AAChE,QAAO,EAAqB,EAAM;;AAcpC,SAAgB,EAAsB,GAA4B;AAEhE,QADe,EAAkB,EAAW,CAC9B"}