@burdenoff/microfe-billing 2026.516.1 → 2026.517.1

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

@@ -7,60 +7,67 @@ import { useBillingNavigate as l } from "../../../hooks/useBillingNavigate.js";
 import { withBillingAccountId as u } from "../../../shared/utils/navigation.js";
 import { useBillingAccounts as d, usePaginatedSubscriptions as f } from "../hooks/useSubscriptions.js";
 import "../hooks/index.js";
-import { useEffect as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/billing/modules/subscriptions/pages/SubscriptionsListPage.tsx
-var b = ["expired", "upgraded"], x = 10, S = () => {
-	let { t: n } = y(), r = (e, t) => {
+var v = ["expired", "upgraded"], y = 10, b = () => {
+	let { t: n } = _(), r = (e, t) => {
 		let r = n(e);
 		return r === e ? t : r;
-	}, i = l(), a = c(), { orgId: o } = e(), { billingAccounts: s, isLoading: S } = d(), { selectedAccountId: w, setSelectedAccountId: T } = t({
+	}, i = l(), a = c(), { orgId: o } = e(), { billingAccounts: s, isLoading: b } = d(), { selectedAccountId: S, setSelectedAccountId: C } = t({
 		orgId: o,
 		billingAccounts: s,
 		syncFromUrl: !0,
 		urlParamName: "billingAccountId"
-	}), [E, D] = h(!1), [O, k] = h("all"), [A, j] = h(""), [M, N] = h(""), [P, F] = h(1), I = m(void 0);
-	p(() => (clearTimeout(I.current), I.current = setTimeout(() => {
-		N(A), F(1);
-	}, 400), () => clearTimeout(I.current)), [A]);
-	let { subscriptions: L, activeSubscriptions: R, totalCount: z, totalPages: B, isLoading: V, error: H, refetch: U } = f(w ?? void 0, P, x, M || void 0), W = s.find((e) => e.id === w), G = (e) => {
-		T(e.id), D(!1), F(1);
-	}, K = (e) => {
-		F(e);
-	}, q = L.filter((e) => O === "all" ? !0 : O === "inactive" ? b.includes(e.status) : e.status === O), J = S || V;
-	return a.canViewSubscriptions ? J && !W ? /* @__PURE__ */ v("div", {
+	}), [w, T] = p(!1), [E, D] = p("all"), [O, k] = p(""), [A, j] = p(1), { subscriptions: M, activeSubscriptions: N, totalCount: P, totalPages: F, isLoading: I, error: L, refetch: R } = f(S ?? void 0, A, y), z = s.find((e) => e.id === S), B = (e) => {
+		C(e.id), T(!1), j(1);
+	}, V = (e) => {
+		j(e);
+	}, H = M.filter((e) => {
+		if (E !== "all") {
+			if (E === "inactive") {
+				if (!v.includes(e.status)) return !1;
+			} else if (e.status !== E) return !1;
+		}
+		if (O) {
+			let t = O.toLowerCase();
+			return (e.plan?.name?.toLowerCase() || "").includes(t) || e.id.toLowerCase().includes(t);
+		}
+		return !0;
+	}), U = b || I;
+	return a.canViewSubscriptions ? U && !z ? /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ _("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ h("div", { className: "h-8 w-48 bg-muted animate-pulse rounded" }), /* @__PURE__ */ h("div", {
 			className: "space-y-4",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ _("div", {
+			].map((e) => /* @__PURE__ */ h("div", {
 				className: "border border-border rounded-lg p-6",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ _("div", { className: "h-12 w-12 bg-muted animate-pulse rounded" }), /* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ h("div", { className: "h-12 w-12 bg-muted animate-pulse rounded" }), /* @__PURE__ */ g("div", {
 						className: "flex-1 space-y-2",
-						children: [/* @__PURE__ */ _("div", { className: "h-5 w-32 bg-muted animate-pulse rounded" }), /* @__PURE__ */ _("div", { className: "h-4 w-48 bg-muted animate-pulse rounded" })]
+						children: [/* @__PURE__ */ h("div", { className: "h-5 w-32 bg-muted animate-pulse rounded" }), /* @__PURE__ */ h("div", { className: "h-4 w-48 bg-muted animate-pulse rounded" })]
 					})]
 				})
 			}, e))
 		})]
-	}) : H ? /* @__PURE__ */ _("div", {
+	}) : L ? /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "text-center space-y-4",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ h("div", {
 					className: "w-12 h-12 mx-auto rounded-full bg-destructive/10 flex items-center justify-center",
-					children: /* @__PURE__ */ _("svg", {
+					children: /* @__PURE__ */ h("svg", {
 						className: "w-6 h-6 text-destructive",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ h("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -68,41 +75,41 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 						})
 					})
 				}),
-				/* @__PURE__ */ _("h2", {
+				/* @__PURE__ */ h("h2", {
 					className: "text-lg font-semibold text-foreground",
 					children: "Failed to load subscriptions"
 				}),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ h("p", {
 					className: "text-sm text-muted-foreground",
-					children: H.message
+					children: L.message
 				}),
-				/* @__PURE__ */ _("button", {
-					onClick: () => U(),
+				/* @__PURE__ */ h("button", {
+					onClick: () => R(),
 					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"
 				})
 			]
 		})
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 					className: "text-2xl font-bold text-foreground",
 					children: r("billing.subscriptions.title", "Subscriptions")
-				}), /* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ h("p", {
 					className: "text-sm text-muted-foreground mt-1",
 					children: r("billing.subscriptions.subtitle", "Manage your active and past subscriptions")
-				})] }), a.canCreateSubscription && /* @__PURE__ */ v("button", {
+				})] }), a.canCreateSubscription && /* @__PURE__ */ g("button", {
 					onClick: () => i("/plans"),
 					className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
-					children: [/* @__PURE__ */ _("svg", {
+					children: [/* @__PURE__ */ h("svg", {
 						className: "w-4 h-4",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ h("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -111,89 +118,89 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 					}), "New Subscription"]
 				})]
 			}),
-			s.length > 1 && /* @__PURE__ */ v("div", {
+			s.length > 1 && /* @__PURE__ */ g("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ v("button", {
-					onClick: () => D(!E),
+				children: [/* @__PURE__ */ g("button", {
+					onClick: () => T(!w),
 					className: "w-full sm:w-auto flex items-center justify-between gap-3 px-4 py-3 border border-border rounded-lg bg-card hover:bg-muted/50 transition-colors",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center",
-							children: /* @__PURE__ */ _("svg", {
+							children: /* @__PURE__ */ h("svg", {
 								className: "w-4 h-4 text-primary",
 								fill: "none",
 								viewBox: "0 0 24 24",
 								stroke: "currentColor",
-								children: /* @__PURE__ */ _("path", {
+								children: /* @__PURE__ */ h("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
 									d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
 								})
 							})
-						}), /* @__PURE__ */ v("div", {
+						}), /* @__PURE__ */ g("div", {
 							className: "text-left",
-							children: [/* @__PURE__ */ _("p", {
+							children: [/* @__PURE__ */ h("p", {
 								className: "text-sm font-medium text-foreground",
-								children: W?.name || "Select Account"
-							}), /* @__PURE__ */ _("p", {
+								children: z?.name || "Select Account"
+							}), /* @__PURE__ */ h("p", {
 								className: "text-xs text-muted-foreground",
-								children: W?.email
+								children: z?.email
 							})]
 						})]
-					}), /* @__PURE__ */ _("svg", {
-						className: `w-4 h-4 text-muted-foreground transition-transform ${E ? "rotate-180" : ""}`,
+					}), /* @__PURE__ */ h("svg", {
+						className: `w-4 h-4 text-muted-foreground transition-transform ${w ? "rotate-180" : ""}`,
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ h("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M19 9l-7 7-7-7"
 						})
 					})]
-				}), E && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+				}), w && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
 					className: "fixed inset-0 z-10",
-					onClick: () => D(!1)
-				}), /* @__PURE__ */ _("div", {
+					onClick: () => T(!1)
+				}), /* @__PURE__ */ h("div", {
 					className: "absolute top-full left-0 right-0 sm:right-auto mt-1 w-full sm:w-80 bg-popover border border-border rounded-lg shadow-lg z-20 py-1 max-h-60 overflow-y-auto",
-					children: s.map((e) => /* @__PURE__ */ v("button", {
-						onClick: () => G(e),
+					children: s.map((e) => /* @__PURE__ */ g("button", {
+						onClick: () => B(e),
 						className: "w-full flex items-center justify-between gap-3 px-4 py-3 hover:bg-muted transition-colors",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-3 min-w-0",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "w-8 h-8 rounded-lg bg-muted flex items-center justify-center flex-shrink-0",
-								children: /* @__PURE__ */ _("svg", {
+								children: /* @__PURE__ */ h("svg", {
 									className: "w-4 h-4 text-muted-foreground",
 									fill: "none",
 									viewBox: "0 0 24 24",
 									stroke: "currentColor",
-									children: /* @__PURE__ */ _("path", {
+									children: /* @__PURE__ */ h("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										strokeWidth: 2,
 										d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
 									})
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "text-left min-w-0",
-								children: [/* @__PURE__ */ _("p", {
+								children: [/* @__PURE__ */ h("p", {
 									className: "text-sm font-medium text-foreground truncate",
 									children: e.name
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ h("p", {
 									className: "text-xs text-muted-foreground truncate",
 									children: e.email
 								})]
 							})]
-						}), W?.id === e.id && /* @__PURE__ */ _("svg", {
+						}), z?.id === e.id && /* @__PURE__ */ h("svg", {
 							className: "w-4 h-4 text-primary flex-shrink-0",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ _("path", {
+							children: /* @__PURE__ */ h("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -203,100 +210,100 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 					}, e.id))
 				})] })]
 			}),
-			W && /* @__PURE__ */ v("div", {
+			z && /* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ g("div", {
 						className: "border border-border rounded-lg bg-card p-4",
-						children: [/* @__PURE__ */ _("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-sm text-muted-foreground",
 							children: "Account"
-						}), /* @__PURE__ */ _("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-lg font-semibold text-foreground mt-1",
-							children: W.name
+							children: z.name
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ g("div", {
 						className: "border border-border rounded-lg bg-card p-4",
-						children: [/* @__PURE__ */ _("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-sm text-muted-foreground",
 							children: "Active Subscriptions"
-						}), /* @__PURE__ */ _("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-lg font-semibold text-status-success-text mt-1",
-							children: R.length
+							children: N.length
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ g("div", {
 						className: "border border-border rounded-lg bg-card p-4",
-						children: [/* @__PURE__ */ _("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-sm text-muted-foreground",
 							children: "Credit Balance"
-						}), /* @__PURE__ */ v("p", {
+						}), /* @__PURE__ */ g("p", {
 							className: "text-lg font-semibold text-foreground mt-1",
-							children: [(W.creditAmount || 0).toLocaleString(), " Credits"]
+							children: [(z.creditAmount || 0).toLocaleString(), " Credits"]
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ v("div", {
-				className: "flex flex-col sm:flex-row flex-wrap items-stretch sm:items-center gap-3 sm:gap-4 pb-4 border-b border-border",
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-wrap items-center gap-4 pb-4 border-b border-border",
 				children: [
-					/* @__PURE__ */ _("div", {
-						className: "inline-flex rounded-lg border border-border p-1 bg-muted/50 flex-wrap",
+					/* @__PURE__ */ h("div", {
+						className: "inline-flex rounded-lg border border-border p-1 bg-muted/50",
 						children: [
 							"all",
 							"active",
 							"canceled",
 							"inactive"
-						].map((e) => /* @__PURE__ */ _("button", {
-							onClick: () => k(e),
-							className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors capitalize ${O === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+						].map((e) => /* @__PURE__ */ h("button", {
+							onClick: () => D(e),
+							className: `px-3 py-1.5 text-sm font-medium rounded-md transition-colors capitalize ${E === e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
 							children: e === "inactive" ? "Inactive" : e
 						}, e))
 					}),
-					/* @__PURE__ */ v("div", {
-						className: "relative flex-1 min-w-0 w-full sm:max-w-md",
-						children: [/* @__PURE__ */ _("svg", {
+					/* @__PURE__ */ g("div", {
+						className: "relative flex-1 min-w-[200px] max-w-md",
+						children: [/* @__PURE__ */ h("svg", {
 							className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ _("path", {
+							children: /* @__PURE__ */ h("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
 							})
-						}), /* @__PURE__ */ _("input", {
+						}), /* @__PURE__ */ h("input", {
 							type: "text",
 							placeholder: r("billing.subscriptions.searchPlaceholder", "Search subscriptions..."),
-							value: A,
-							onChange: (e) => j(e.target.value),
+							value: O,
+							onChange: (e) => k(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"
 						})]
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ g("div", {
 						className: "text-sm text-muted-foreground",
 						children: [
-							z,
+							P,
 							" subscription",
-							z === 1 ? "" : "s",
+							P === 1 ? "" : "s",
 							" total"
 						]
 					})
 				]
 			}),
-			q.length === 0 ? /* @__PURE__ */ v("div", {
+			H.length === 0 ? /* @__PURE__ */ g("div", {
 				className: "flex flex-col items-center justify-center py-12 border border-dashed border-border rounded-lg",
 				children: [
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ h("div", {
 						className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4",
-						children: /* @__PURE__ */ _("svg", {
+						children: /* @__PURE__ */ h("svg", {
 							className: "w-6 h-6 text-muted-foreground",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ _("path", {
+							children: /* @__PURE__ */ h("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -304,41 +311,41 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 							})
 						})
 					}),
-					/* @__PURE__ */ _("h3", {
+					/* @__PURE__ */ h("h3", {
 						className: "text-lg font-medium text-foreground",
 						children: r("billing.subscriptions.noSubscriptionsFound", "No subscriptions found")
 					}),
-					/* @__PURE__ */ _("p", {
+					/* @__PURE__ */ h("p", {
 						className: "text-sm text-muted-foreground mt-1",
-						children: O !== "all" || M ? "No subscriptions match your filters." : "You don't have any subscriptions yet."
+						children: E !== "all" || O ? "No subscriptions match your filters." : "You don't have any subscriptions yet."
 					}),
-					a.canCreateSubscription && O === "all" && !M && /* @__PURE__ */ _("button", {
+					a.canCreateSubscription && E === "all" && !O && /* @__PURE__ */ h("button", {
 						onClick: () => i("/plans"),
 						className: "mt-4 px-4 py-2 text-sm font-medium bg-primary text-primary-foreground rounded-md hover:bg-primary/90 transition-colors",
 						children: "Browse Plans"
 					})
 				]
-			}) : /* @__PURE__ */ _("div", {
+			}) : /* @__PURE__ */ h("div", {
 				className: "space-y-4",
-				children: q.map((e) => /* @__PURE__ */ _(C, {
+				children: H.map((e) => /* @__PURE__ */ h(x, {
 					subscription: e,
 					onView: () => i(u(`/subscriptions/${e.id}`, e.billingAccountId)),
 					canCancel: a.canCancelSubscription
 				}, e.id))
 			}),
-			B > 1 && /* @__PURE__ */ v("div", {
+			F > 1 && /* @__PURE__ */ g("div", {
 				className: "flex items-center justify-center gap-2 pt-4",
 				children: [
-					/* @__PURE__ */ _("button", {
-						onClick: () => K(P - 1),
-						disabled: P === 1,
+					/* @__PURE__ */ h("button", {
+						onClick: () => V(A - 1),
+						disabled: A === 1,
 						className: "px-3 py-1.5 text-sm border border-border rounded-md disabled:opacity-50 disabled:cursor-not-allowed hover:bg-muted transition-colors",
-						children: /* @__PURE__ */ _("svg", {
+						children: /* @__PURE__ */ h("svg", {
 							className: "w-4 h-4",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ _("path", {
+							children: /* @__PURE__ */ h("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -346,30 +353,30 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 							})
 						})
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex items-center gap-1",
-						children: Array.from({ length: B }, (e, t) => t + 1).map((e) => {
-							let t = e === 1 || e === B || Math.abs(e - P) <= 1, n = e === P - 2 && P > 3, r = e === P + 2 && P < B - 2;
-							return n || r ? /* @__PURE__ */ _("span", {
+						children: Array.from({ length: F }, (e, t) => t + 1).map((e) => {
+							let t = e === 1 || e === F || Math.abs(e - A) <= 1, n = e === A - 2 && A > 3, r = e === A + 2 && A < F - 2;
+							return n || r ? /* @__PURE__ */ h("span", {
 								className: "px-2 text-muted-foreground",
 								children: "..."
-							}, e) : t ? /* @__PURE__ */ _("button", {
-								onClick: () => K(e),
-								className: `px-3 py-1.5 text-sm rounded-md transition-colors ${e === P ? "bg-primary text-primary-foreground" : "border border-border hover:bg-muted"}`,
+							}, e) : t ? /* @__PURE__ */ h("button", {
+								onClick: () => V(e),
+								className: `px-3 py-1.5 text-sm rounded-md transition-colors ${e === A ? "bg-primary text-primary-foreground" : "border border-border hover:bg-muted"}`,
 								children: e
 							}, e) : null;
 						})
 					}),
-					/* @__PURE__ */ _("button", {
-						onClick: () => K(P + 1),
-						disabled: P === B,
+					/* @__PURE__ */ h("button", {
+						onClick: () => V(A + 1),
+						disabled: A === F,
 						className: "px-3 py-1.5 text-sm border border-border rounded-md disabled:opacity-50 disabled:cursor-not-allowed hover:bg-muted transition-colors",
-						children: /* @__PURE__ */ _("svg", {
+						children: /* @__PURE__ */ h("svg", {
 							className: "w-4 h-4",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ _("path", {
+							children: /* @__PURE__ */ h("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
@@ -380,19 +387,19 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "text-center space-y-2",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ h("div", {
 					className: "w-12 h-12 mx-auto rounded-full bg-muted flex items-center justify-center",
-					children: /* @__PURE__ */ _("svg", {
+					children: /* @__PURE__ */ h("svg", {
 						className: "w-6 h-6 text-muted-foreground",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ h("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -400,36 +407,36 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 						})
 					})
 				}),
-				/* @__PURE__ */ _("h2", {
+				/* @__PURE__ */ h("h2", {
 					className: "text-lg font-semibold text-foreground",
 					children: "Access Denied"
 				}),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ h("p", {
 					className: "text-sm text-muted-foreground max-w-sm",
 					children: "You don't have permission to view subscriptions."
 				})
 			]
 		})
 	});
-}, C = ({ subscription: e, onView: t, canCancel: c }) => {
+}, x = ({ subscription: e, onView: t, canCancel: c }) => {
 	let l = e.plan, u = s(e.status), d = e.status === "active", f = new Date(e.endDate), p = /* @__PURE__ */ new Date(), m = Math.max(0, Math.ceil((f.getTime() - p.getTime()) / (1e3 * 60 * 60 * 24)));
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "border border-border rounded-lg bg-card hover:shadow-md transition-shadow cursor-pointer",
 		onClick: t,
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "p-6",
 			children: [
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ g("div", {
 					className: "flex flex-col sm:flex-row sm:items-center gap-4",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ h("div", {
 							className: "w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center shrink-0",
-							children: /* @__PURE__ */ _("svg", {
+							children: /* @__PURE__ */ h("svg", {
 								className: "w-6 h-6 text-primary",
 								fill: "none",
 								viewBox: "0 0 24 24",
 								stroke: "currentColor",
-								children: /* @__PURE__ */ _("path", {
+								children: /* @__PURE__ */ h("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									strokeWidth: 2,
@@ -437,49 +444,49 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 								})
 							})
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex-1 min-w-0",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center gap-2 flex-wrap",
-								children: [/* @__PURE__ */ _("h3", {
+								children: [/* @__PURE__ */ h("h3", {
 									className: "font-semibold text-foreground",
 									children: l?.name || "Unknown Plan"
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ h("span", {
 									className: `px-2 py-0.5 text-xs font-medium rounded ${o(u)}`,
 									children: a(e.status)
 								})]
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "flex items-center gap-4 mt-1 text-sm text-muted-foreground",
 								children: [
-									/* @__PURE__ */ v("span", { children: [
+									/* @__PURE__ */ g("span", { children: [
 										l ? n(l.price, l.currency) : "—",
 										" /",
 										" ",
 										l ? i(l.duration) : "—"
 									] }),
-									/* @__PURE__ */ _("span", {
+									/* @__PURE__ */ h("span", {
 										className: "hidden sm:inline",
 										children: "•"
 									}),
-									/* @__PURE__ */ v("span", {
+									/* @__PURE__ */ g("span", {
 										className: "hidden sm:inline",
 										children: ["Started ", r(e.startDate, "short")]
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ g("div", {
 							className: "flex items-center gap-4",
-							children: [d && /* @__PURE__ */ v("div", {
+							children: [d && /* @__PURE__ */ g("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ g("p", {
 									className: "text-sm font-medium text-foreground",
 									children: [m, " days"]
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ h("p", {
 									className: "text-xs text-muted-foreground",
 									children: "remaining"
 								})]
-							}), /* @__PURE__ */ _("button", {
+							}), /* @__PURE__ */ h("button", {
 								onClick: (e) => {
 									e.stopPropagation(), t();
 								},
@@ -489,9 +496,9 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 						})
 					]
 				}),
-				e.addonSubscriptions && e.addonSubscriptions.length > 0 && /* @__PURE__ */ _("div", {
+				e.addonSubscriptions && e.addonSubscriptions.length > 0 && /* @__PURE__ */ h("div", {
 					className: "mt-4 pt-4 border-t border-border",
-					children: /* @__PURE__ */ v("p", {
+					children: /* @__PURE__ */ g("p", {
 						className: "text-sm text-muted-foreground",
 						children: [
 							e.addonSubscriptions.length,
@@ -501,14 +508,14 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 						]
 					})
 				}),
-				e.canceledAt && /* @__PURE__ */ _("div", {
+				e.canceledAt && /* @__PURE__ */ h("div", {
 					className: "mt-4 pt-4 border-t border-border",
-					children: /* @__PURE__ */ v("p", {
+					children: /* @__PURE__ */ g("p", {
 						className: "text-sm text-muted-foreground",
 						children: [
 							"Canceled on ",
 							r(e.canceledAt),
-							e.cancellationReason && /* @__PURE__ */ v("span", { children: [" — ", e.cancellationReason] })
+							e.cancellationReason && /* @__PURE__ */ g("span", { children: [" — ", e.cancellationReason] })
 						]
 					})
 				})
@@ -517,6 +524,6 @@ var b = ["expired", "upgraded"], x = 10, S = () => {
 	});
 };
 //#endregion
-export { S as SubscriptionsListPage };
+export { b as SubscriptionsListPage };
 
 //# sourceMappingURL=SubscriptionsListPage.js.map