@m5kdev/web-ui 0.8.6 → 0.8.8

package/dist/src/modules/billing/components/BillingBetaPage.js

@@ -0,0 +1,160 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_lib_utils = require("../../../lib/utils.js");
+const require_src_components_ui_card = require("../../../components/ui/card.js");
+const require_src_components_ui_separator = require("../../../components/ui/separator.js");
+const require_src_components_ui_badge = require("../../../components/ui/badge.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let react_i18next = require("react-i18next");
+//#region src/modules/billing/components/BillingBetaPage.tsx
+function BillingBetaPage({ appName, className, footer }) {
+	const { t } = (0, react_i18next.useTranslation)("web-ui");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_src_lib_utils.cn("mx-auto max-w-5xl px-4 py-12 md:py-16", className),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center text-center gap-4",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_badge.Badge, {
+					variant: "secondary",
+					className: "uppercase tracking-wide",
+					children: t("billing.beta.badge")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+						className: "text-3xl md:text-4xl font-semibold tracking-tight",
+						children: t("billing.title")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-muted-foreground max-w-2xl",
+						children: t("billing.subtitle", { appName })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_separator.Separator, { className: "my-8" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.CardHeader, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2 text-green-600 dark:text-green-500",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Sparkles, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardTitle, { children: t("billing.card.free.title") })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardDescription, { children: t("billing.card.free.description") })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.CardContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-baseline gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-4xl font-bold tracking-tight",
+							children: t("billing.card.free.price")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-muted-foreground",
+							children: t("billing.card.free.priceSuffix")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+						className: "mt-4 space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }),
+									" ",
+									t("billing.card.free.feature.fullAccess")
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }),
+									" ",
+									t("billing.card.free.feature.noCard")
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }),
+									" ",
+									t("billing.card.free.feature.riskFree")
+								]
+							})
+						]
+					})] })] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.CardHeader, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2 text-blue-600 dark:text-blue-500",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Clock3, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardTitle, { children: t("billing.card.progress.title") })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardDescription, { children: t("billing.card.progress.description") })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }),
+									" ",
+									t("billing.card.progress.feature.transparentPlans")
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }),
+									" ",
+									t("billing.card.progress.feature.fairValue")
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }),
+									" ",
+									t("billing.card.progress.feature.simpleBilling")
+								]
+							})
+						]
+					}) })] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src_components_ui_card.CardHeader, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2 text-amber-600 dark:text-amber-500",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Bell, { className: "h-5 w-5 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardTitle, { children: t("billing.card.notice.title") })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardDescription, { children: t("billing.card.notice.description") })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_components_ui_card.CardContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }),
+									" ",
+									t("billing.card.notice.feature.timeToDecide")
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }),
+									" ",
+									t("billing.card.notice.feature.safeData")
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }),
+									" ",
+									t("billing.card.notice.feature.autoFreeTier")
+								]
+							})
+						]
+					}) })] })
+				]
+			}),
+			footer
+		]
+	});
+}
+//#endregion
+exports.BillingBetaPage = BillingBetaPage;
+
+//# sourceMappingURL=BillingBetaPage.js.map

package/dist/src/modules/billing/components/BillingBetaPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingBetaPage.js","names":["cn","Badge","Separator","Card","CardHeader","Sparkles","CardTitle","CardDescription","CardContent","CheckCircle2","Clock3","Bell"],"sources":["../../../../../src/modules/billing/components/BillingBetaPage.tsx"],"sourcesContent":["import { Bell, CheckCircle2, Clock3, Sparkles } from \"lucide-react\";\r\nimport type { ReactNode } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Badge } from \"../../../components/ui/badge\";\r\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from \"../../../components/ui/card\";\r\nimport { Separator } from \"../../../components/ui/separator\";\r\nimport { cn } from \"../../../lib/utils\";\r\n\r\ninterface BillingBetaPageProps {\r\n  appName: string;\r\n  className?: string;\r\n  footer?: ReactNode;\r\n}\r\n\r\nexport function BillingBetaPage({ appName, className, footer }: BillingBetaPageProps) {\r\n  const { t } = useTranslation(\"web-ui\");\r\n  return (\r\n    <div className={cn(\"mx-auto max-w-5xl px-4 py-12 md:py-16\", className)}>\r\n      {/* Heading */}\r\n      <div className=\"flex flex-col items-center text-center gap-4\">\r\n        <Badge variant=\"secondary\" className=\"uppercase tracking-wide\">\r\n          {t(\"billing.beta.badge\")}\r\n        </Badge>\r\n        <div className=\"space-y-3\">\r\n          <h1 className=\"text-3xl md:text-4xl font-semibold tracking-tight\">\r\n            {t(\"billing.title\")}\r\n          </h1>\r\n          <p className=\"text-muted-foreground max-w-2xl\">{t(\"billing.subtitle\", { appName })}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <Separator className=\"my-8\" />\r\n\r\n      {/* Info Cards */}\r\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6\">\r\n        <Card>\r\n          <CardHeader className=\"space-y-2\">\r\n            <div className=\"flex items-center gap-2 text-green-600 dark:text-green-500\">\r\n              <Sparkles className=\"h-5 w-5 shrink-0\" />\r\n              <CardTitle>{t(\"billing.card.free.title\")}</CardTitle>\r\n            </div>\r\n            <CardDescription>{t(\"billing.card.free.description\")}</CardDescription>\r\n          </CardHeader>\r\n          <CardContent>\r\n            <div className=\"flex items-baseline gap-2\">\r\n              <span className=\"text-4xl font-bold tracking-tight\">\r\n                {t(\"billing.card.free.price\")}\r\n              </span>\r\n              <span className=\"text-muted-foreground\">{t(\"billing.card.free.priceSuffix\")}</span>\r\n            </div>\r\n            <ul className=\"mt-4 space-y-2 text-sm\">\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-green-600\" />{\" \"}\r\n                {t(\"billing.card.free.feature.fullAccess\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-green-600\" />{\" \"}\r\n                {t(\"billing.card.free.feature.noCard\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-green-600\" />{\" \"}\r\n                {t(\"billing.card.free.feature.riskFree\")}\r\n              </li>\r\n            </ul>\r\n          </CardContent>\r\n        </Card>\r\n\r\n        <Card>\r\n          <CardHeader className=\"space-y-2\">\r\n            <div className=\"flex items-center gap-2 text-blue-600 dark:text-blue-500\">\r\n              <Clock3 className=\"h-5 w-5 shrink-0\" />\r\n              <CardTitle>{t(\"billing.card.progress.title\")}</CardTitle>\r\n            </div>\r\n            <CardDescription>{t(\"billing.card.progress.description\")}</CardDescription>\r\n          </CardHeader>\r\n          <CardContent>\r\n            <ul className=\"space-y-2 text-sm\">\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-blue-600\" />{\" \"}\r\n                {t(\"billing.card.progress.feature.transparentPlans\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-blue-600\" />{\" \"}\r\n                {t(\"billing.card.progress.feature.fairValue\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-blue-600\" />{\" \"}\r\n                {t(\"billing.card.progress.feature.simpleBilling\")}\r\n              </li>\r\n            </ul>\r\n          </CardContent>\r\n        </Card>\r\n\r\n        <Card>\r\n          <CardHeader className=\"space-y-2\">\r\n            <div className=\"flex items-center gap-2 text-amber-600 dark:text-amber-500\">\r\n              <Bell className=\"h-5 w-5 shrink-0\" />\r\n              <CardTitle>{t(\"billing.card.notice.title\")}</CardTitle>\r\n            </div>\r\n            <CardDescription>{t(\"billing.card.notice.description\")}</CardDescription>\r\n          </CardHeader>\r\n          <CardContent>\r\n            <ul className=\"space-y-2 text-sm\">\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-amber-600\" />{\" \"}\r\n                {t(\"billing.card.notice.feature.timeToDecide\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-amber-600\" />{\" \"}\r\n                {t(\"billing.card.notice.feature.safeData\")}\r\n              </li>\r\n              <li className=\"flex items-center gap-2\">\r\n                <CheckCircle2 className=\"h-4 w-4 shrink-0 text-amber-600\" />{\" \"}\r\n                {t(\"billing.card.notice.feature.autoFreeTier\")}\r\n              </li>\r\n            </ul>\r\n          </CardContent>\r\n        </Card>\r\n      </div>\r\n\r\n      {footer}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/billing/components/BillingInvoicePage.d.ts

@@ -0,0 +1,15 @@
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modules/billing/components/BillingInvoicePage.d.ts
+interface BillingInvoicePageProps {
+  useTRPC: UseBackendTRPC;
+  serverUrl: string;
+}
+declare function BillingInvoicePage({
+  useTRPC,
+  serverUrl
+}: BillingInvoicePageProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BillingInvoicePage };
+//# sourceMappingURL=BillingInvoicePage.d.ts.map

package/dist/src/modules/billing/components/BillingInvoicePage.js

@@ -0,0 +1,164 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+let _heroui_react = require("@heroui/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let _tanstack_react_query = require("@tanstack/react-query");
+let _m5kdev_frontend_modules_billing_hooks_useSubscription = require("@m5kdev/frontend/modules/billing/hooks/useSubscription");
+//#region src/modules/billing/components/BillingInvoicePage.tsx
+function BillingInvoicePage({ useTRPC, serverUrl }) {
+	const { data: invoices, isLoading } = (0, _tanstack_react_query.useQuery)(useTRPC().billing.listInvoices.queryOptions());
+	const { data: activeSubscription, isLoading: isLoadingSubscriptions } = (0, _m5kdev_frontend_modules_billing_hooks_useSubscription.useSubscription)();
+	const formatCurrency = (amount, currency) => {
+		return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: currency.toUpperCase()
+		}).format(amount / 100);
+	};
+	const formatDate = (timestamp) => {
+		return (timestamp instanceof Date ? timestamp : /* @__PURE__ */ new Date(timestamp * 1e3)).toLocaleDateString(void 0, {
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		});
+	};
+	const cancelAt = activeSubscription?.cancelAt || activeSubscription?.cancelAtPeriodEnd;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "container mx-auto p-10 space-y-8",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+			className: "flex flex-col items-start gap-1 px-6 pt-6",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+				className: "text-xl font-bold",
+				children: "Active Subscription"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-small text-default-500",
+				children: "Manage your active subscription."
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, {
+			className: "px-6 pb-6",
+			children: isLoadingSubscriptions ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-center py-8",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Spinner, {})
+			}) : !activeSubscription ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center justify-center py-8 text-center gap-4",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "p-4 rounded-full bg-default-100",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertCircle, { className: "w-8 h-8 text-default-500" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-lg font-medium",
+						children: "No active subscription"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-small text-default-500",
+						children: "You are currently on the free tier. Upgrade to access premium features."
+					})] }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+						as: _heroui_react.Link,
+						href: "/pricing",
+						color: "primary",
+						children: "View Plans"
+					})
+				]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "space-y-6",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 p-4 rounded-lg bg-default-50 border border-default-200",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+								className: "text-lg font-semibold capitalize",
+								children: activeSubscription.plan || "Premium Plan"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Chip, {
+								color: cancelAt ? "danger" : activeSubscription.status === "active" ? "success" : "warning",
+								variant: "flat",
+								size: "sm",
+								startContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckCircle2, { className: "w-3 h-3 ml-1" }),
+								children: cancelAt ? "Cancelled" : activeSubscription.status
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "text-small text-default-500 flex items-center gap-2",
+							children: [
+								cancelAt ? "Your subscription will end on " : "Next billing date: ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "font-medium text-foreground",
+									children: activeSubscription.periodEnd ? formatDate(activeSubscription.periodEnd) : "N/A"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "text-small text-default-500",
+									children: `(${activeSubscription.interval === "month" ? "Monthly" : "Annually"})`
+								})
+							]
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex gap-3",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+							variant: "bordered",
+							as: "a",
+							href: `${serverUrl}/stripe/portal`,
+							children: "Manage Subscription"
+						})
+					})]
+				})
+			})
+		})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Card, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.CardHeader, {
+			className: "flex flex-col items-start gap-1 px-6 pt-6",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+				className: "text-xl font-bold",
+				children: "Invoices"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-small text-default-500",
+				children: "View your invoice history and download past invoices."
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.CardBody, {
+			className: "px-6 pb-6",
+			children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-center py-8",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Spinner, {})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.Table, {
+				"aria-label": "Invoices table",
+				removeWrapper: true,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.TableHeader, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, { children: "Date" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, { children: "Amount" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, { children: "Status" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableColumn, {
+						align: "end",
+						children: "Action"
+					})
+				] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableBody, {
+					emptyContent: "No invoices found.",
+					children: (invoices || []).map((invoice) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_heroui_react.TableRow, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, { children: formatDate(invoice.created) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, { children: formatCurrency(invoice.total, invoice.currency) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Chip, {
+							color: invoice.status === "paid" ? "success" : "default",
+							variant: "flat",
+							size: "sm",
+							children: invoice.status
+						}) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.TableCell, {
+							className: "text-right",
+							children: invoice.hosted_invoice_url && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_react.Button, {
+								as: _heroui_react.Link,
+								href: invoice.hosted_invoice_url,
+								target: "_blank",
+								rel: "noopener noreferrer",
+								variant: "light",
+								size: "sm",
+								endContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ExternalLink, { className: "h-4 w-4" }),
+								children: "View"
+							})
+						})
+					] }, invoice.id))
+				})]
+			})
+		})] })]
+	});
+}
+//#endregion
+exports.BillingInvoicePage = BillingInvoicePage;
+
+//# sourceMappingURL=BillingInvoicePage.js.map

package/dist/src/modules/billing/components/BillingInvoicePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingInvoicePage.js","names":["Card","CardHeader","CardBody","Spinner","AlertCircle","Button","Link","Chip","CheckCircle2","Table","TableHeader","TableColumn","TableBody","TableRow","TableCell","ExternalLink"],"sources":["../../../../../src/modules/billing/components/BillingInvoicePage.tsx"],"sourcesContent":["import {\r\n  Button,\r\n  Card,\r\n  CardBody,\r\n  CardHeader,\r\n  Chip,\r\n  Link,\r\n  Spinner,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableColumn,\r\n  TableHeader,\r\n  TableRow,\r\n} from \"@heroui/react\";\r\nimport { useSubscription } from \"@m5kdev/frontend/modules/billing/hooks/useSubscription\";\r\nimport { useQuery } from \"@tanstack/react-query\";\r\nimport { AlertCircle, CheckCircle2, ExternalLink } from \"lucide-react\";\r\n\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\ninterface BillingInvoicePageProps {\r\n  useTRPC: UseBackendTRPC;\r\n  serverUrl: string;\r\n}\r\n\r\nexport function BillingInvoicePage({ useTRPC, serverUrl }: BillingInvoicePageProps) {\r\n  const trpc = useTRPC();\r\n  const { data: invoices, isLoading } = useQuery(trpc.billing.listInvoices.queryOptions());\r\n\r\n  const { data: activeSubscription, isLoading: isLoadingSubscriptions } = useSubscription();\r\n  const formatCurrency = (amount: number, currency: string) => {\r\n    return new Intl.NumberFormat(\"en-US\", {\r\n      style: \"currency\",\r\n      currency: currency.toUpperCase(),\r\n    }).format(amount / 100);\r\n  };\r\n\r\n  const formatDate = (timestamp: number | Date) => {\r\n    const date = timestamp instanceof Date ? timestamp : new Date(timestamp * 1000);\r\n    return date.toLocaleDateString(undefined, {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    });\r\n  };\r\n\r\n  const cancelAt = activeSubscription?.cancelAt || activeSubscription?.cancelAtPeriodEnd;\r\n  return (\r\n    <div className=\"container mx-auto p-10 space-y-8\">\r\n      <Card>\r\n        <CardHeader className=\"flex flex-col items-start gap-1 px-6 pt-6\">\r\n          <h1 className=\"text-xl font-bold\">Active Subscription</h1>\r\n          <p className=\"text-small text-default-500\">Manage your active subscription.</p>\r\n        </CardHeader>\r\n        <CardBody className=\"px-6 pb-6\">\r\n          {isLoadingSubscriptions ? (\r\n            <div className=\"flex justify-center py-8\">\r\n              <Spinner />\r\n            </div>\r\n          ) : !activeSubscription ? (\r\n            <div className=\"flex flex-col items-center justify-center py-8 text-center gap-4\">\r\n              <div className=\"p-4 rounded-full bg-default-100\">\r\n                <AlertCircle className=\"w-8 h-8 text-default-500\" />\r\n              </div>\r\n              <div>\r\n                <p className=\"text-lg font-medium\">No active subscription</p>\r\n                <p className=\"text-small text-default-500\">\r\n                  You are currently on the free tier. Upgrade to access premium features.\r\n                </p>\r\n              </div>\r\n              <Button as={Link} href=\"/pricing\" color=\"primary\">\r\n                View Plans\r\n              </Button>\r\n            </div>\r\n          ) : (\r\n            <div className=\"space-y-6\">\r\n              <div className=\"flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 p-4 rounded-lg bg-default-50 border border-default-200\">\r\n                <div className=\"space-y-1\">\r\n                  <div className=\"flex items-center gap-2\">\r\n                    <h3 className=\"text-lg font-semibold capitalize\">\r\n                      {activeSubscription.plan || \"Premium Plan\"}\r\n                    </h3>\r\n\r\n                    <Chip\r\n                      color={\r\n                        cancelAt\r\n                          ? \"danger\"\r\n                          : activeSubscription.status === \"active\"\r\n                            ? \"success\"\r\n                            : \"warning\"\r\n                      }\r\n                      variant=\"flat\"\r\n                      size=\"sm\"\r\n                      startContent={<CheckCircle2 className=\"w-3 h-3 ml-1\" />}\r\n                    >\r\n                      {cancelAt ? \"Cancelled\" : activeSubscription.status}\r\n                    </Chip>\r\n                  </div>\r\n                  <p className=\"text-small text-default-500 flex items-center gap-2\">\r\n                    {cancelAt ? \"Your subscription will end on \" : \"Next billing date: \"}\r\n                    <span className=\"font-medium text-foreground\">\r\n                      {activeSubscription.periodEnd\r\n                        ? formatDate(activeSubscription.periodEnd)\r\n                        : \"N/A\"}\r\n                    </span>\r\n                    <span className=\"text-small text-default-500\">\r\n                      {`(${activeSubscription.interval === \"month\" ? \"Monthly\" : \"Annually\"})`}\r\n                    </span>\r\n                  </p>\r\n                </div>\r\n                <div className=\"flex gap-3\">\r\n                  <Button variant=\"bordered\" as=\"a\" href={`${serverUrl}/stripe/portal`}>\r\n                    Manage Subscription\r\n                  </Button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </CardBody>\r\n      </Card>\r\n      <Card>\r\n        <CardHeader className=\"flex flex-col items-start gap-1 px-6 pt-6\">\r\n          <h1 className=\"text-xl font-bold\">Invoices</h1>\r\n          <p className=\"text-small text-default-500\">\r\n            View your invoice history and download past invoices.\r\n          </p>\r\n        </CardHeader>\r\n        <CardBody className=\"px-6 pb-6\">\r\n          {isLoading ? (\r\n            <div className=\"flex justify-center py-8\">\r\n              <Spinner />\r\n            </div>\r\n          ) : (\r\n            <Table aria-label=\"Invoices table\" removeWrapper>\r\n              <TableHeader>\r\n                <TableColumn>Date</TableColumn>\r\n                <TableColumn>Amount</TableColumn>\r\n                <TableColumn>Status</TableColumn>\r\n                <TableColumn align=\"end\">Action</TableColumn>\r\n              </TableHeader>\r\n              <TableBody emptyContent=\"No invoices found.\">\r\n                {(invoices || []).map((invoice) => (\r\n                  <TableRow key={invoice.id}>\r\n                    <TableCell>{formatDate(invoice.created)}</TableCell>\r\n                    <TableCell>{formatCurrency(invoice.total, invoice.currency)}</TableCell>\r\n                    <TableCell>\r\n                      <Chip\r\n                        color={invoice.status === \"paid\" ? \"success\" : \"default\"}\r\n                        variant=\"flat\"\r\n                        size=\"sm\"\r\n                      >\r\n                        {invoice.status}\r\n                      </Chip>\r\n                    </TableCell>\r\n                    <TableCell className=\"text-right\">\r\n                      {invoice.hosted_invoice_url && (\r\n                        <Button\r\n                          as={Link}\r\n                          href={invoice.hosted_invoice_url}\r\n                          target=\"_blank\"\r\n                          rel=\"noopener noreferrer\"\r\n                          variant=\"light\"\r\n                          size=\"sm\"\r\n                          endContent={<ExternalLink className=\"h-4 w-4\" />}\r\n                        >\r\n                          View\r\n                        </Button>\r\n                      )}\r\n                    </TableCell>\r\n                  </TableRow>\r\n                ))}\r\n              </TableBody>\r\n            </Table>\r\n          )}\r\n        </CardBody>\r\n      </Card>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/src/modules/billing/components/BillingInvoicePage.mjs

@@ -1,8 +1,8 @@
 import { Button, Card, CardBody, CardHeader, Chip, Link, Spinner, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "@heroui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, CheckCircle2, ExternalLink } from "lucide-react";
-import { useSubscription } from "@m5kdev/frontend/modules/billing/hooks/useSubscription";
 import { useQuery } from "@tanstack/react-query";
+import { useSubscription } from "@m5kdev/frontend/modules/billing/hooks/useSubscription";
 //#region src/modules/billing/components/BillingInvoicePage.tsx
 function BillingInvoicePage({ useTRPC, serverUrl }) {
 	const { data: invoices, isLoading } = useQuery(useTRPC().billing.listInvoices.queryOptions());

package/dist/src/modules/billing/components/BillingPlanSelect.d.ts

@@ -0,0 +1,13 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { StripePlan } from "@m5kdev/commons/modules/billing/billing.types";
+
+//#region src/modules/billing/components/BillingPlanSelect.d.ts
+interface BillingPlanSelectProps {
+  plans: StripePlan[];
+}
+declare function BillingPlanSelect({
+  plans
+}: BillingPlanSelectProps): _$react_jsx_runtime0.JSX.Element | "Multiple plans selection not implemented yet";
+//#endregion
+export { BillingPlanSelect };
+//# sourceMappingURL=BillingPlanSelect.d.ts.map

package/dist/src/modules/billing/components/BillingPlanSelect.js

@@ -0,0 +1,13 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_billing_components_BillingSinglePlanSelect = require("./BillingSinglePlanSelect.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/modules/billing/components/BillingPlanSelect.tsx
+function BillingPlanSelect({ plans }) {
+	if (plans.length === 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_billing_components_BillingSinglePlanSelect.BillingSinglePlanSelect, { plan: plans[0] });
+	return "Multiple plans selection not implemented yet";
+}
+//#endregion
+exports.BillingPlanSelect = BillingPlanSelect;
+
+//# sourceMappingURL=BillingPlanSelect.js.map

package/dist/src/modules/billing/components/BillingPlanSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingPlanSelect.js","names":["BillingSinglePlanSelect"],"sources":["../../../../../src/modules/billing/components/BillingPlanSelect.tsx"],"sourcesContent":["import type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { BillingSinglePlanSelect } from \"./BillingSinglePlanSelect\";\r\n\r\ninterface BillingPlanSelectProps {\r\n  plans: StripePlan[];\r\n}\r\n\r\nexport function BillingPlanSelect({ plans }: BillingPlanSelectProps) {\r\n  if (plans.length === 1) {\r\n    return <BillingSinglePlanSelect plan={plans[0]} />;\r\n  }\r\n\r\n  return \"Multiple plans selection not implemented yet\";\r\n}\r\n"],"mappings":";;;;;AAOA,SAAgB,kBAAkB,EAAE,SAAiC;AACnE,KAAI,MAAM,WAAW,EACnB,QAAO,iBAAA,GAAA,kBAAA,KAACA,+DAAAA,yBAAD,EAAyB,MAAM,MAAM,IAAM,CAAA;AAGpD,QAAO"}

package/dist/src/modules/billing/components/BillingRouter.d.ts

@@ -0,0 +1,17 @@
+import { UseBackendTRPC } from "../../../types.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { StripePlan } from "@m5kdev/commons/modules/billing/billing.types";
+
+//#region src/modules/billing/components/BillingRouter.d.ts
+interface BillingRouterProps {
+  useTRPC?: UseBackendTRPC;
+  serverUrl: string;
+  plans: StripePlan[];
+}
+declare function BillingRouter({
+  useTRPC,
+  serverUrl
+}: BillingRouterProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { BillingRouter };
+//# sourceMappingURL=BillingRouter.d.ts.map

package/dist/src/modules/billing/components/BillingRouter.js

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_src_modules_billing_components_BillingInvoicePage = require("./BillingInvoicePage.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_router = require("react-router");
+//#region src/modules/billing/components/BillingRouter.tsx
+function BillingRouter({ useTRPC, serverUrl }) {
+	if (!useTRPC) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+		path: "billing",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
+			index: true,
+			element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src_modules_billing_components_BillingInvoicePage.BillingInvoicePage, {
+				useTRPC,
+				serverUrl
+			})
+		})
+	});
+}
+//#endregion
+exports.BillingRouter = BillingRouter;
+
+//# sourceMappingURL=BillingRouter.js.map

package/dist/src/modules/billing/components/BillingRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BillingRouter.js","names":["Route","BillingInvoicePage"],"sources":["../../../../../src/modules/billing/components/BillingRouter.tsx"],"sourcesContent":["import type { StripePlan } from \"@m5kdev/commons/modules/billing/billing.types\";\r\nimport { Route } from \"react-router\";\r\nimport { BillingInvoicePage } from \"./BillingInvoicePage\";\r\nimport type { UseBackendTRPC } from \"../../../types\";\r\n\r\ninterface BillingRouterProps {\r\n  useTRPC?: UseBackendTRPC;\r\n  serverUrl: string;\r\n  plans: StripePlan[];\r\n}\r\n\r\nexport function BillingRouter({ useTRPC, serverUrl }: BillingRouterProps) {\r\n  if (!useTRPC) return null;\r\n\r\n  return (\r\n    <Route path=\"billing\">\r\n      <Route index element={<BillingInvoicePage useTRPC={useTRPC} serverUrl={serverUrl} />} />\r\n    </Route>\r\n  );\r\n}\r\n"],"mappings":";;;;;;AAWA,SAAgB,cAAc,EAAE,SAAS,aAAiC;AACxE,KAAI,CAAC,QAAS,QAAO;AAErB,QACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,OAAD;EAAO,MAAK;YACV,iBAAA,GAAA,kBAAA,KAACA,aAAAA,OAAD;GAAO,OAAA;GAAM,SAAS,iBAAA,GAAA,kBAAA,KAACC,0DAAAA,oBAAD;IAA6B;IAAoB;IAAa,CAAA;GAAI,CAAA;EAClF,CAAA"}

package/dist/src/modules/billing/components/BillingSinglePlanSelect.d.ts

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { StripePlan } from "@m5kdev/commons/modules/billing/billing.types";
+
+//#region src/modules/billing/components/BillingSinglePlanSelect.d.ts
+interface BillingSinglePlanSelectProps {
+  plan: StripePlan;
+  features?: string[];
+  /** URL for the Terms of Service link. Override for your app's legal page. */
+  termsOfServiceUrl?: string;
+}
+declare function BillingSinglePlanSelect({
+  plan,
+  termsOfServiceUrl,
+  features
+}: BillingSinglePlanSelectProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BillingSinglePlanSelect, BillingSinglePlanSelectProps };
+//# sourceMappingURL=BillingSinglePlanSelect.d.ts.map