@carlonicora/nextjs-jsonapi 1.23.0 → 1.24.1

package/dist/billing/index.mjs

@@ -0,0 +1,3479 @@
+"use client";
+import {
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertTitle,
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  CommonEditorButtons,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  Form,
+  FormCheckbox,
+  FormControl,
+  FormInput,
+  FormItem,
+  FormLabel,
+  FormSelect,
+  FormTextarea,
+  Input,
+  Label,
+  Skeleton,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  useCurrentUserContext
+} from "../chunk-CU4RXSNY.mjs";
+import {
+  getRoleId,
+  getStripePublishableKey
+} from "../chunk-GR4QPP36.mjs";
+import {
+  StripeCustomerService,
+  StripeInvoiceService,
+  StripePriceService,
+  StripeProductService,
+  StripeSubscriptionService,
+  StripeUsageService,
+  cn
+} from "../chunk-5U4NJJOF.mjs";
+import "../chunk-AUXK7QSA.mjs";
+import "../chunk-C7C7VY4F.mjs";
+import "../chunk-U4MTVHOC.mjs";
+import "../chunk-VOXD3ZLY.mjs";
+import {
+  __name
+} from "../chunk-PAWJFY3S.mjs";
+
+// src/features/billing/components/cards/SubscriptionSummaryCard.tsx
+import { ChevronRight, CreditCard } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getStatusBadgeVariant(status) {
+  switch (status) {
+    case "active" /* ACTIVE */:
+      return "default";
+    case "trialing" /* TRIALING */:
+      return "secondary";
+    case "past_due" /* PAST_DUE */:
+    case "unpaid" /* UNPAID */:
+    case "canceled" /* CANCELED */:
+      return "destructive";
+    default:
+      return "outline";
+  }
+}
+__name(getStatusBadgeVariant, "getStatusBadgeVariant");
+function formatDate(date) {
+  return new Date(date).toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+__name(formatDate, "formatDate");
+function formatPrice(amount, currency) {
+  if (amount === void 0) return "N/A";
+  const currencyCode = currency?.toUpperCase() || "USD";
+  return new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: currencyCode
+  }).format(amount / 100);
+}
+__name(formatPrice, "formatPrice");
+function formatPlanName(subscription) {
+  const productName = subscription.price?.product?.name || "";
+  const nickname = subscription.price?.nickname || "";
+  if (productName && nickname) {
+    return `${productName} - ${nickname}`;
+  }
+  return productName || nickname || "Subscription";
+}
+__name(formatPlanName, "formatPlanName");
+function SubscriptionSummaryCard({
+  subscriptions,
+  loading,
+  error,
+  onManageClick
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+        /* @__PURE__ */ jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs(CardContent, { children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-1" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
+      ] })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+        /* @__PURE__ */ jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
+  }
+  const activeSubscriptions = subscriptions.filter(
+    (sub) => sub.status === "active" /* ACTIVE */ || sub.status === "trialing" /* TRIALING */
+  );
+  const primarySubscription = activeSubscriptions[0];
+  return /* @__PURE__ */ jsxs(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+      /* @__PURE__ */ jsx(CreditCard, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: subscriptions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-muted-foreground", children: "No active plan" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Subscribe to get started" }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "mt-2",
+          onClick: (e) => {
+            e.stopPropagation();
+            onManageClick();
+          },
+          children: [
+            "View Plans",
+            /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 ml-1" })
+          ]
+        }
+      )
+    ] }) : primarySubscription ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xl font-bold", children: formatPlanName(primarySubscription) }),
+        /* @__PURE__ */ jsx(Badge, { variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status), children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        formatPrice(primarySubscription.price?.unitAmount, primarySubscription.price?.currency),
+        primarySubscription.price?.recurring && /* @__PURE__ */ jsxs("span", { children: [
+          "/",
+          primarySubscription.price.recurring.interval
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: primarySubscription.cancelAtPeriodEnd ? `Cancels on ${formatDate(primarySubscription.currentPeriodEnd)}` : `Renews on ${formatDate(primarySubscription.currentPeriodEnd)}` }),
+      activeSubscriptions.length > 1 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        "+",
+        activeSubscriptions.length - 1,
+        " more subscription(s)"
+      ] })
+    ] }) : null })
+  ] });
+}
+__name(SubscriptionSummaryCard, "SubscriptionSummaryCard");
+
+// src/features/billing/components/cards/PaymentMethodSummaryCard.tsx
+import { Wallet, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function getCardBrandIcon(brand) {
+  const brandMap = {
+    visa: "Visa",
+    mastercard: "Mastercard",
+    amex: "Amex",
+    discover: "Discover",
+    diners: "Diners",
+    jcb: "JCB",
+    unionpay: "UnionPay"
+  };
+  return brandMap[brand.toLowerCase()] || brand;
+}
+__name(getCardBrandIcon, "getCardBrandIcon");
+function PaymentMethodSummaryCard({
+  paymentMethods,
+  defaultPaymentMethodId,
+  loading,
+  error,
+  onManageClick
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs2(Card, { children: [
+      /* @__PURE__ */ jsxs2(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx2(CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+        /* @__PURE__ */ jsx2(Wallet, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs2(CardContent, { children: [
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ jsx2(Skeleton, { className: "h-4 w-24" })
+      ] })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs2(Card, { children: [
+      /* @__PURE__ */ jsxs2(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx2(CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+        /* @__PURE__ */ jsx2(Wallet, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx2(CardContent, { children: /* @__PURE__ */ jsx2("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
+  }
+  const defaultMethod = paymentMethods.find((pm) => pm.id === defaultPaymentMethodId) || paymentMethods[0];
+  return /* @__PURE__ */ jsxs2(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ jsxs2(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx2(CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+      /* @__PURE__ */ jsx2(Wallet, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx2(CardContent, { children: paymentMethods.length === 0 ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx2("p", { className: "text-xl font-bold text-muted-foreground", children: "No payment method" }),
+      /* @__PURE__ */ jsx2("p", { className: "text-xs text-muted-foreground", children: "Add a card to enable subscriptions" }),
+      /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: (e) => {
+        e.stopPropagation();
+        onManageClick();
+      }, children: [
+        "Add Card",
+        /* @__PURE__ */ jsx2(ChevronRight2, { className: "h-4 w-4 ml-1" })
+      ] })
+    ] }) : defaultMethod?.card ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs2("p", { className: "text-xl font-bold", children: [
+        getCardBrandIcon(defaultMethod.card.brand),
+        " ****",
+        defaultMethod.card.last4
+      ] }),
+      /* @__PURE__ */ jsxs2("p", { className: "text-sm text-muted-foreground", children: [
+        "Expires ",
+        String(defaultMethod.card.expMonth).padStart(2, "0"),
+        "/",
+        defaultMethod.card.expYear
+      ] }),
+      paymentMethods.length > 1 && /* @__PURE__ */ jsxs2("p", { className: "text-xs text-muted-foreground", children: [
+        "+",
+        paymentMethods.length - 1,
+        " more card(s)"
+      ] })
+    ] }) : /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx2("p", { className: "text-xl font-bold", children: defaultMethod?.type || "Payment Method" }),
+      paymentMethods.length > 1 && /* @__PURE__ */ jsxs2("p", { className: "text-xs text-muted-foreground", children: [
+        "+",
+        paymentMethods.length - 1,
+        " more method(s)"
+      ] })
+    ] }) })
+  ] });
+}
+__name(PaymentMethodSummaryCard, "PaymentMethodSummaryCard");
+
+// src/features/billing/components/cards/CustomerInfoCard.tsx
+import { ExternalLink, User } from "lucide-react";
+import { useState } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function formatBalance(balance, currency) {
+  if (balance === void 0 || balance === 0) return "$0.00";
+  const currencyCode = currency?.toUpperCase() || "USD";
+  const displayBalance = -balance;
+  return new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: currencyCode
+  }).format(displayBalance / 100);
+}
+__name(formatBalance, "formatBalance");
+function CustomerInfoCard({ customer, loading, error }) {
+  const [portalLoading, setPortalLoading] = useState(false);
+  const handlePortalClick = /* @__PURE__ */ __name(async (e) => {
+    e.stopPropagation();
+    setPortalLoading(true);
+    try {
+      const { url } = await StripeCustomerService.createPortalSession();
+      window.open(url, "_blank");
+    } catch (err) {
+      console.error("[CustomerInfoCard] Failed to create portal session:", err);
+    } finally {
+      setPortalLoading(false);
+    }
+  }, "handlePortalClick");
+  if (loading) {
+    return /* @__PURE__ */ jsxs3(Card, { children: [
+      /* @__PURE__ */ jsxs3(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx3(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+        /* @__PURE__ */ jsx3(User, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs3(CardContent, { children: [
+        /* @__PURE__ */ jsx3(Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ jsx3(Skeleton, { className: "h-4 w-48 mb-1" }),
+        /* @__PURE__ */ jsx3(Skeleton, { className: "h-4 w-24" })
+      ] })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs3(Card, { children: [
+      /* @__PURE__ */ jsxs3(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx3(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+        /* @__PURE__ */ jsx3(User, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsx3("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
+  }
+  if (!customer) {
+    return /* @__PURE__ */ jsxs3(Card, { children: [
+      /* @__PURE__ */ jsxs3(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx3(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+        /* @__PURE__ */ jsx3(User, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs3(CardContent, { children: [
+        /* @__PURE__ */ jsx3("p", { className: "text-xl font-bold text-muted-foreground", children: "Not set up" }),
+        /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "Billing account will be created when you subscribe" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3(Card, { children: [
+    /* @__PURE__ */ jsxs3(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx3(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+      /* @__PURE__ */ jsx3(User, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx3(CardContent, { children: /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+      customer.name && /* @__PURE__ */ jsx3("p", { className: "text-xl font-bold", children: customer.name }),
+      customer.email && /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: customer.email }),
+      customer.balance !== void 0 && customer.balance !== 0 && /* @__PURE__ */ jsxs3("p", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "Credit Balance: " }),
+        /* @__PURE__ */ jsx3("span", { className: customer.balance < 0 ? "text-green-600" : "text-destructive", children: formatBalance(customer.balance, customer.currency) })
+      ] }),
+      /* @__PURE__ */ jsxs3(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: handlePortalClick, disabled: portalLoading, children: [
+        portalLoading ? "Loading..." : "Manage in Stripe Portal",
+        /* @__PURE__ */ jsx3(ExternalLink, { className: "h-4 w-4 ml-1" })
+      ] })
+    ] }) })
+  ] });
+}
+__name(CustomerInfoCard, "CustomerInfoCard");
+
+// src/features/billing/components/cards/InvoicesSummaryCard.tsx
+import { ChevronRight as ChevronRight3, ReceiptIcon } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function getStatusBadgeVariant2(status) {
+  switch (status) {
+    case "paid" /* PAID */:
+      return "default";
+    case "open" /* OPEN */:
+      return "secondary";
+    case "uncollectible" /* UNCOLLECTIBLE */:
+    case "void" /* VOID */:
+      return "destructive";
+    default:
+      return "outline";
+  }
+}
+__name(getStatusBadgeVariant2, "getStatusBadgeVariant");
+function formatDate2(date) {
+  return new Date(date).toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+__name(formatDate2, "formatDate");
+function formatAmount(amount, currency) {
+  const currencyCode = currency?.toUpperCase() || "USD";
+  return new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: currencyCode
+  }).format(amount / 100);
+}
+__name(formatAmount, "formatAmount");
+function InvoicesSummaryCard({ invoices, loading, error, onViewAllClick }) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs4(Card, { children: [
+      /* @__PURE__ */ jsxs4(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx4(CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+        /* @__PURE__ */ jsx4(ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs4(CardContent, { children: [
+        /* @__PURE__ */ jsx4(Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ jsx4(Skeleton, { className: "h-4 w-32 mb-1" }),
+        /* @__PURE__ */ jsx4(Skeleton, { className: "h-4 w-20" })
+      ] })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs4(Card, { children: [
+      /* @__PURE__ */ jsxs4(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx4(CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+        /* @__PURE__ */ jsx4(ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx4(CardContent, { children: /* @__PURE__ */ jsx4("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
+  }
+  const latestInvoice = invoices[0];
+  const paidInvoices = invoices.filter((inv) => inv.status === "paid" /* PAID */);
+  const openInvoices = invoices.filter((inv) => inv.status === "open" /* OPEN */);
+  return /* @__PURE__ */ jsxs4(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewAllClick, children: [
+    /* @__PURE__ */ jsxs4(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx4(CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+      /* @__PURE__ */ jsx4(ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx4(CardContent, { children: invoices.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx4("p", { className: "text-xl font-bold text-muted-foreground", children: "No invoices yet" }),
+      /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", children: "Invoices will appear after your first billing cycle" })
+    ] }) : latestInvoice ? /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx4("p", { className: "text-xl font-bold", children: formatAmount(latestInvoice.total, latestInvoice.currency) }),
+        /* @__PURE__ */ jsx4(Badge, { variant: getStatusBadgeVariant2(latestInvoice.status), children: latestInvoice.status })
+      ] }),
+      /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: latestInvoice.stripeInvoiceNumber || `Invoice from ${formatDate2(latestInvoice.periodStart)}` }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
+        paidInvoices.length > 0 && /* @__PURE__ */ jsxs4("span", { children: [
+          paidInvoices.length,
+          " paid"
+        ] }),
+        openInvoices.length > 0 && /* @__PURE__ */ jsxs4("span", { className: "text-orange-600", children: [
+          openInvoices.length,
+          " open"
+        ] }),
+        /* @__PURE__ */ jsxs4("span", { className: "flex items-center", children: [
+          "View all",
+          /* @__PURE__ */ jsx4(ChevronRight3, { className: "h-3 w-3 ml-1" })
+        ] })
+      ] })
+    ] }) : null })
+  ] });
+}
+__name(InvoicesSummaryCard, "InvoicesSummaryCard");
+
+// src/features/billing/components/cards/BillingUsageSummaryCard.tsx
+import { Activity, ChevronRight as ChevronRight4 } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function formatNumber(value) {
+  return new Intl.NumberFormat(void 0, {
+    notation: "compact",
+    compactDisplay: "short"
+  }).format(value);
+}
+__name(formatNumber, "formatNumber");
+function BillingUsageSummaryCard({
+  meters,
+  summaries,
+  loading,
+  error,
+  onViewDetailsClick
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs5(Card, { children: [
+      /* @__PURE__ */ jsxs5(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx5(CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+        /* @__PURE__ */ jsx5(Activity, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs5(CardContent, { children: [
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ jsx5(Skeleton, { className: "h-4 w-32" })
+      ] })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs5(Card, { children: [
+      /* @__PURE__ */ jsxs5(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx5(CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+        /* @__PURE__ */ jsx5(Activity, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx5(CardContent, { children: /* @__PURE__ */ jsx5("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
+  }
+  const totalUsage = Object.values(summaries).reduce((acc, summary) => {
+    return acc + (summary?.aggregatedValue || 0);
+  }, 0);
+  const primaryMeter = meters.find((m) => summaries[m.id]?.aggregatedValue);
+  const primarySummary = primaryMeter ? summaries[primaryMeter.id] : null;
+  return /* @__PURE__ */ jsxs5(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewDetailsClick, children: [
+    /* @__PURE__ */ jsxs5(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx5(CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+      /* @__PURE__ */ jsx5(Activity, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx5(CardContent, { children: meters.length === 0 ? /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx5("p", { className: "text-xl font-bold text-muted-foreground", children: "No meters" }),
+      /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "No usage meters are configured" })
+    ] }) : /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs5("p", { className: "text-xl font-bold", children: [
+        formatNumber(totalUsage),
+        " units"
+      ] }),
+      primaryMeter && primarySummary && /* @__PURE__ */ jsxs5("p", { className: "text-sm text-muted-foreground", children: [
+        primaryMeter.displayName,
+        ": ",
+        formatNumber(primarySummary.aggregatedValue)
+      ] }),
+      meters.length > 1 && /* @__PURE__ */ jsxs5("p", { className: "text-xs text-muted-foreground", children: [
+        "Across ",
+        meters.length,
+        " meters"
+      ] }),
+      /* @__PURE__ */ jsxs5("span", { className: "flex items-center text-xs text-muted-foreground", children: [
+        "View details",
+        /* @__PURE__ */ jsx5(ChevronRight4, { className: "h-3 w-3 ml-1" })
+      ] })
+    ] }) })
+  ] });
+}
+__name(BillingUsageSummaryCard, "BillingUsageSummaryCard");
+
+// src/features/billing/components/containers/BillingDashboardContainer.tsx
+import { CreditCard as CreditCard4, Loader2 as Loader23, Wallet as Wallet2 } from "lucide-react";
+import { useCallback as useCallback2, useEffect as useEffect8, useState as useState14 } from "react";
+
+// src/features/billing/stripe-customer/components/containers/PaymentMethodsContainer.tsx
+import { CreditCard as CreditCard2 } from "lucide-react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
+
+// src/features/billing/stripe-customer/components/forms/PaymentMethodEditor.tsx
+import { CardElement, useElements, useStripe } from "@stripe/react-stripe-js";
+import { useEffect, useState as useState2 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
+  const stripe = useStripe();
+  const elements = useElements();
+  const [setupIntent, setSetupIntent] = useState2(null);
+  const [loading, setLoading] = useState2(true);
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [setAsDefault, setSetAsDefault] = useState2(true);
+  useEffect(() => {
+    const fetchSetupIntent = /* @__PURE__ */ __name(async () => {
+      setLoading(true);
+      try {
+        const intent = await StripeCustomerService.createSetupIntent();
+        setSetupIntent(intent);
+      } catch (err) {
+        console.error("[PaymentMethodEditor] Failed to create setup intent:", err);
+        setError("Failed to initialize payment form. Please try again.");
+      } finally {
+        setLoading(false);
+      }
+    }, "fetchSetupIntent");
+    if (open) {
+      fetchSetupIntent();
+    }
+  }, [open]);
+  const handleSubmit = /* @__PURE__ */ __name(async (e) => {
+    e.preventDefault();
+    if (!stripe || !elements || !setupIntent) {
+      return;
+    }
+    setIsSubmitting(true);
+    setError(null);
+    try {
+      const cardElement = elements.getElement(CardElement);
+      if (!cardElement) {
+        throw new Error("Card element not found");
+      }
+      const { error: stripeError, setupIntent: confirmedSetupIntent } = await stripe.confirmCardSetup(
+        setupIntent.clientSecret,
+        {
+          payment_method: {
+            card: cardElement
+          }
+        }
+      );
+      if (stripeError) {
+        console.error("[PaymentMethodEditor] Stripe error:", stripeError);
+        setError(stripeError.message || "Failed to add payment method. Please check your card details.");
+        setIsSubmitting(false);
+        return;
+      }
+      if (setAsDefault && confirmedSetupIntent?.payment_method) {
+        await StripeCustomerService.setDefaultPaymentMethod({
+          paymentMethodId: typeof confirmedSetupIntent.payment_method === "string" ? confirmedSetupIntent.payment_method : confirmedSetupIntent.payment_method.id
+        });
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch (err) {
+      console.error("[PaymentMethodEditor] Error:", err);
+      setError(err.message || "An unexpected error occurred. Please try again.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "handleSubmit");
+  return /* @__PURE__ */ jsx6(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs6(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsxs6(DialogHeader, { children: [
+      /* @__PURE__ */ jsx6(DialogTitle, { children: "Add Payment Method" }),
+      /* @__PURE__ */ jsx6(DialogDescription, { children: "Add a new payment method to your account. Your card information is securely processed by Stripe." })
+    ] }),
+    loading && /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground", children: "Loading payment form..." }) }),
+    !loading && setupIntent && /* @__PURE__ */ jsxs6("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx6("div", { className: "rounded-md border border-gray-300 p-3", children: /* @__PURE__ */ jsx6(
+        CardElement,
+        {
+          options: {
+            style: {
+              base: {
+                fontSize: "16px",
+                color: "#424770",
+                "::placeholder": {
+                  color: "#aab7c4"
+                }
+              },
+              invalid: {
+                color: "#9e2146"
+              }
+            }
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx6(
+          Checkbox,
+          {
+            id: "setAsDefault",
+            checked: setAsDefault,
+            onCheckedChange: (checked) => setSetAsDefault(!!checked)
+          }
+        ),
+        /* @__PURE__ */ jsx6(Label, { htmlFor: "setAsDefault", className: "text-sm font-normal", children: "Set as default payment method" })
+      ] }),
+      error && /* @__PURE__ */ jsx6(Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ jsx6(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex justify-end gap-x-2", children: [
+        /* @__PURE__ */ jsx6(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }),
+        /* @__PURE__ */ jsx6(Button, { type: "submit", disabled: !stripe || isSubmitting, children: isSubmitting ? "Processing..." : "Add Card" })
+      ] })
+    ] }),
+    !loading && !setupIntent && error && /* @__PURE__ */ jsx6(Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ jsx6(AlertDescription, { children: error }) })
+  ] }) });
+}
+__name(PaymentMethodEditor, "PaymentMethodEditor");
+
+// src/features/billing/stripe-customer/components/details/PaymentMethodCard.tsx
+import { MoreVertical } from "lucide-react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var brandIcons = {
+  visa: "\u{1F4B3}",
+  mastercard: "\u{1F4B3}",
+  amex: "\u{1F4B3}",
+  discover: "\u{1F4B3}"
+};
+function PaymentMethodCard({ paymentMethod, onUpdate }) {
+  const [loading, setLoading] = useState3(false);
+  const [customer, setCustomer] = useState3(null);
+  const [showRemoveDialog, setShowRemoveDialog] = useState3(false);
+  useEffect2(() => {
+    const loadCustomer = /* @__PURE__ */ __name(async () => {
+      try {
+        const fetchedCustomer = await StripeCustomerService.getCustomer();
+        setCustomer(fetchedCustomer);
+      } catch (error) {
+        console.error("[PaymentMethodCard] Failed to load customer:", error);
+      }
+    }, "loadCustomer");
+    loadCustomer();
+  }, []);
+  const isDefault = customer?.defaultPaymentMethodId === paymentMethod.id;
+  const brand = paymentMethod.card?.brand || "card";
+  const last4 = paymentMethod.card?.last4 || "****";
+  const expMonth = paymentMethod.card?.expMonth || 0;
+  const expYear = paymentMethod.card?.expYear || 0;
+  const brandIcon = brandIcons[brand.toLowerCase()] || "\u{1F4B3}";
+  const handleSetDefault = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      await StripeCustomerService.setDefaultPaymentMethod({ paymentMethodId: paymentMethod.id });
+      onUpdate();
+    } catch (error) {
+      console.error("[PaymentMethodCard] Failed to set as default:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "handleSetDefault");
+  const handleRemove = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      await StripeCustomerService.removePaymentMethod({ paymentMethodId: paymentMethod.id });
+      setShowRemoveDialog(false);
+      onUpdate();
+    } catch (error) {
+      console.error("[PaymentMethodCard] Failed to remove:", error);
+      setLoading(false);
+    }
+  }, "handleRemove");
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsxs7(Card, { className: "relative", children: [
+      isDefault && /* @__PURE__ */ jsx7(Badge, { className: "absolute right-2 top-2 bg-green-100 text-green-800 hover:bg-green-100", children: "Default" }),
+      /* @__PURE__ */ jsxs7(CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx7("span", { className: "text-2xl", children: brandIcon }),
+          /* @__PURE__ */ jsx7("span", { className: "text-sm font-medium capitalize", children: brand })
+        ] }),
+        /* @__PURE__ */ jsxs7(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx7(DropdownMenuTrigger, { children: /* @__PURE__ */ jsx7(Button, { render: /* @__PURE__ */ jsx7("div", {}), nativeButton: false, variant: "ghost", size: "sm", disabled: loading, className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx7(MoreVertical, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxs7(DropdownMenuContent, { align: "end", children: [
+            !isDefault && /* @__PURE__ */ jsx7(DropdownMenuItem, { onClick: handleSetDefault, disabled: loading, children: "Set as Default" }),
+            /* @__PURE__ */ jsx7(DropdownMenuItem, { onClick: () => setShowRemoveDialog(true), disabled: loading, className: "text-red-600", children: "Remove" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx7(CardContent, { children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxs7("p", { className: "text-lg font-semibold", children: [
+          "\u2022\u2022\u2022\u2022 ",
+          last4
+        ] }),
+        /* @__PURE__ */ jsxs7("p", { className: "text-sm text-muted-foreground", children: [
+          "Expires ",
+          String(expMonth).padStart(2, "0"),
+          "/",
+          expYear
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx7(AlertDialog, { open: showRemoveDialog, onOpenChange: setShowRemoveDialog, children: /* @__PURE__ */ jsxs7(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs7(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx7(AlertDialogTitle, { children: "Remove Payment Method" }),
+        /* @__PURE__ */ jsxs7(AlertDialogDescription, { children: [
+          "Are you sure you want to remove this payment method? This action cannot be undone.",
+          isDefault && " This is your default payment method."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs7(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx7(AlertDialogCancel, { disabled: loading, children: "Cancel" }),
+        /* @__PURE__ */ jsx7(AlertDialogAction, { onClick: handleRemove, disabled: loading, className: "bg-red-600 hover:bg-red-700", children: loading ? "Removing..." : "Remove" })
+      ] })
+    ] }) })
+  ] });
+}
+__name(PaymentMethodCard, "PaymentMethodCard");
+
+// src/features/billing/stripe-customer/components/lists/PaymentMethodsList.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function PaymentMethodsList({ paymentMethods, onUpdate }) {
+  return /* @__PURE__ */ jsx8("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: paymentMethods.map((paymentMethod) => /* @__PURE__ */ jsx8(PaymentMethodCard, { paymentMethod, onUpdate }, paymentMethod.id)) });
+}
+__name(PaymentMethodsList, "PaymentMethodsList");
+
+// src/features/billing/stripe-customer/components/containers/PaymentMethodsContainer.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function PaymentMethodsContainer() {
+  const [paymentMethods, setPaymentMethods] = useState4([]);
+  const [loading, setLoading] = useState4(true);
+  const [showAddPaymentMethod, setShowAddPaymentMethod] = useState4(false);
+  const loadPaymentMethods = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedPaymentMethods = await StripeCustomerService.listPaymentMethods();
+      setPaymentMethods(fetchedPaymentMethods);
+    } catch (error) {
+      console.error("[PaymentMethodsContainer] Failed to load payment methods:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadPaymentMethods");
+  useEffect3(() => {
+    loadPaymentMethods();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx9("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx9("p", { className: "text-muted-foreground", children: "Loading payment methods..." }) });
+  }
+  return /* @__PURE__ */ jsxs8("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx9(CreditCard2, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx9("h1", { className: "text-3xl font-bold", children: "Payment Methods" })
+      ] }),
+      /* @__PURE__ */ jsx9(Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Payment Method" })
+    ] }),
+    paymentMethods.length === 0 && /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed border-gray-300 bg-muted/50 p-12", children: [
+      /* @__PURE__ */ jsx9(CreditCard2, { className: "h-16 w-16 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs8("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx9("h3", { className: "mb-2 text-xl font-semibold", children: "No payment methods" }),
+        /* @__PURE__ */ jsx9("p", { className: "mb-4 text-muted-foreground", children: "Add a payment method to enable subscriptions and secure checkout." }),
+        /* @__PURE__ */ jsx9(Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Your First Card" })
+      ] })
+    ] }),
+    paymentMethods.length > 0 && /* @__PURE__ */ jsx9(PaymentMethodsList, { paymentMethods, onUpdate: loadPaymentMethods }),
+    showAddPaymentMethod && /* @__PURE__ */ jsx9(
+      PaymentMethodEditor,
+      {
+        open: showAddPaymentMethod,
+        onOpenChange: setShowAddPaymentMethod,
+        onSuccess: loadPaymentMethods
+      }
+    )
+  ] });
+}
+__name(PaymentMethodsContainer, "PaymentMethodsContainer");
+
+// src/features/billing/stripe-invoice/components/containers/InvoicesContainer.tsx
+import { useEffect as useEffect4, useState as useState6 } from "react";
+
+// src/features/billing/stripe-invoice/components/lists/InvoicesList.tsx
+import { useState as useState5 } from "react";
+
+// src/features/billing/components/utils/currency.ts
+function formatInterval(price) {
+  if (price.priceType === "one_time" || !price.recurring) {
+    return "one-time";
+  }
+  const { interval, intervalCount } = price.recurring;
+  if (intervalCount === 1) {
+    return `/${interval}`;
+  }
+  const pluralInterval = interval === "day" ? "days" : interval === "week" ? "weeks" : interval === "month" ? "months" : "years";
+  return `/${intervalCount} ${pluralInterval}`;
+}
+__name(formatInterval, "formatInterval");
+function formatCurrency(amount, currency) {
+  if (amount === void 0) return "$0.00";
+  const dollars = amount / 100;
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: currency.toUpperCase(),
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(dollars);
+  } catch (error) {
+    console.error("Error formatting currency:", error);
+    return `$${dollars.toFixed(2)}`;
+  }
+}
+__name(formatCurrency, "formatCurrency");
+
+// src/features/billing/components/utils/date.ts
+function formatDate3(date) {
+  if (!date) return "N/A";
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }).format(dateObj);
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "Invalid Date";
+  }
+}
+__name(formatDate3, "formatDate");
+
+// src/features/billing/stripe-invoice/components/details/InvoiceDetails.tsx
+import { Download, ExternalLink as ExternalLink2, RefreshCw } from "lucide-react";
+
+// src/features/billing/stripe-invoice/components/widgets/InvoiceStatusBadge.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var statusConfig = {
+  ["draft" /* DRAFT */]: {
+    label: "Draft",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["open" /* OPEN */]: {
+    label: "Open",
+    color: "bg-blue-100 text-blue-800"
+  },
+  ["paid" /* PAID */]: {
+    label: "Paid",
+    color: "bg-green-100 text-green-800"
+  },
+  ["void" /* VOID */]: {
+    label: "Void",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["uncollectible" /* UNCOLLECTIBLE */]: {
+    label: "Uncollectible",
+    color: "bg-red-100 text-red-800"
+  }
+};
+function InvoiceStatusBadge({ status }) {
+  const config = statusConfig[status] || statusConfig["draft" /* DRAFT */];
+  return /* @__PURE__ */ jsx10("span", { className: `${config.color} text-xs px-2 py-1 rounded-full font-medium`, children: config.label });
+}
+__name(InvoiceStatusBadge, "InvoiceStatusBadge");
+
+// src/features/billing/stripe-invoice/components/details/InvoiceDetails.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function InvoiceDetails({ invoice, open, onOpenChange, onInvoiceChange }) {
+  const handleDownloadPDF = /* @__PURE__ */ __name(() => {
+    if (invoice.stripePdfUrl) {
+      window.open(invoice.stripePdfUrl, "_blank");
+    }
+  }, "handleDownloadPDF");
+  const handleRetryPayment = /* @__PURE__ */ __name(async () => {
+  }, "handleRetryPayment");
+  const handleViewInStripe = /* @__PURE__ */ __name(() => {
+    if (invoice.stripeHostedInvoiceUrl) {
+      window.open(invoice.stripeHostedInvoiceUrl, "_blank");
+    }
+  }, "handleViewInStripe");
+  const getInvoiceNumber = /* @__PURE__ */ __name(() => {
+    if (invoice.stripeInvoiceNumber) {
+      return invoice.stripeInvoiceNumber;
+    }
+    return invoice.stripeInvoiceId.slice(-8);
+  }, "getInvoiceNumber");
+  const productName = invoice.subscription?.price?.product?.name || "Subscription";
+  return /* @__PURE__ */ jsx11(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs9(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs9(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs9(DialogTitle, { children: [
+        "Invoice ",
+        getInvoiceNumber()
+      ] }),
+      /* @__PURE__ */ jsx11(DialogDescription, { children: formatDate3(invoice.periodStart) })
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Status:" }),
+        /* @__PURE__ */ jsx11(InvoiceStatusBadge, { status: invoice.status })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Billing Period:" }),
+          /* @__PURE__ */ jsxs9("p", { className: "font-medium", children: [
+            formatDate3(invoice.periodStart),
+            " - ",
+            formatDate3(invoice.periodEnd)
+          ] })
+        ] }),
+        invoice.dueDate && /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Due Date:" }),
+          /* @__PURE__ */ jsx11("p", { className: "font-medium", children: formatDate3(invoice.dueDate) })
+        ] }),
+        invoice.paidAt && /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Paid Date:" }),
+          /* @__PURE__ */ jsx11("p", { className: "font-medium", children: formatDate3(invoice.paidAt) })
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Attempt Count:" }),
+          /* @__PURE__ */ jsx11("p", { className: "font-medium", children: invoice.attemptCount })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx11("h4", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Line Items" }),
+        /* @__PURE__ */ jsx11("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs9("table", { className: "w-full", children: [
+          /* @__PURE__ */ jsx11("thead", { className: "bg-muted", children: /* @__PURE__ */ jsxs9("tr", { children: [
+            /* @__PURE__ */ jsx11("th", { className: "text-left p-3 text-sm font-medium", children: "Description" }),
+            /* @__PURE__ */ jsx11("th", { className: "text-right p-3 text-sm font-medium", children: "Amount" })
+          ] }) }),
+          /* @__PURE__ */ jsx11("tbody", { children: /* @__PURE__ */ jsxs9("tr", { className: "border-t", children: [
+            /* @__PURE__ */ jsx11("td", { className: "p-3", children: productName }),
+            /* @__PURE__ */ jsx11("td", { className: "p-3 text-right", children: formatCurrency(invoice.subtotal, invoice.currency) })
+          ] }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-2 border-t pt-4", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Subtotal:" }),
+          /* @__PURE__ */ jsx11("span", { className: "font-medium", children: formatCurrency(invoice.subtotal, invoice.currency) })
+        ] }),
+        invoice.tax !== void 0 && invoice.tax > 0 && /* @__PURE__ */ jsxs9("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Tax:" }),
+          /* @__PURE__ */ jsx11("span", { className: "font-medium", children: formatCurrency(invoice.tax, invoice.currency) })
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "flex justify-between text-lg font-semibold border-t pt-2", children: [
+          /* @__PURE__ */ jsx11("span", { children: "Total:" }),
+          /* @__PURE__ */ jsx11("span", { children: formatCurrency(invoice.total, invoice.currency) })
+        ] }),
+        invoice.amountPaid > 0 && /* @__PURE__ */ jsxs9("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Amount Paid:" }),
+          /* @__PURE__ */ jsx11("span", { className: "font-medium text-green-600", children: formatCurrency(invoice.amountPaid, invoice.currency) })
+        ] }),
+        invoice.amountRemaining > 0 && /* @__PURE__ */ jsxs9("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx11("span", { className: "text-sm font-medium text-muted-foreground", children: "Amount Due:" }),
+          /* @__PURE__ */ jsx11("span", { className: "font-medium text-red-600", children: formatCurrency(invoice.amountRemaining, invoice.currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
+        invoice.stripePdfUrl && /* @__PURE__ */ jsxs9(Button, { variant: "outline", onClick: handleDownloadPDF, children: [
+          /* @__PURE__ */ jsx11(Download, { className: "mr-2 h-4 w-4" }),
+          "Download PDF"
+        ] }),
+        invoice.status === "open" /* OPEN */ && invoice.attempted && /* @__PURE__ */ jsxs9(Button, { variant: "default", onClick: handleRetryPayment, children: [
+          /* @__PURE__ */ jsx11(RefreshCw, { className: "mr-2 h-4 w-4" }),
+          "Retry Payment"
+        ] }),
+        invoice.stripeHostedInvoiceUrl && /* @__PURE__ */ jsxs9(Button, { variant: "outline", onClick: handleViewInStripe, children: [
+          /* @__PURE__ */ jsx11(ExternalLink2, { className: "mr-2 h-4 w-4" }),
+          "View in Stripe"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+__name(InvoiceDetails, "InvoiceDetails");
+
+// src/features/billing/stripe-invoice/components/lists/InvoicesList.tsx
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function InvoicesList({ invoices, onInvoicesChange }) {
+  const [selectedInvoice, setSelectedInvoice] = useState5(null);
+  const handleRowClick = /* @__PURE__ */ __name((invoice) => {
+    setSelectedInvoice(invoice);
+  }, "handleRowClick");
+  const getInvoiceNumber = /* @__PURE__ */ __name((invoice) => {
+    if (invoice.stripeInvoiceNumber) {
+      return invoice.stripeInvoiceNumber;
+    }
+    return invoice.stripeInvoiceId.slice(-8);
+  }, "getInvoiceNumber");
+  return /* @__PURE__ */ jsxs10(Fragment2, { children: [
+    /* @__PURE__ */ jsx12("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs10(Table, { children: [
+      /* @__PURE__ */ jsx12(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs10(TableRow, { children: [
+        /* @__PURE__ */ jsx12(TableHead, { children: "Invoice #" }),
+        /* @__PURE__ */ jsx12(TableHead, { children: "Date" }),
+        /* @__PURE__ */ jsx12(TableHead, { children: "Status" }),
+        /* @__PURE__ */ jsx12(TableHead, { className: "text-right", children: "Amount" }),
+        /* @__PURE__ */ jsx12(TableHead, { children: "Period" })
+      ] }) }),
+      /* @__PURE__ */ jsx12(TableBody, { children: invoices.map((invoice) => {
+        const invoiceNumber = getInvoiceNumber(invoice);
+        const date = formatDate3(invoice.periodStart);
+        const amount = formatCurrency(invoice.total, invoice.currency);
+        const period = `${formatDate3(invoice.periodStart)} - ${formatDate3(invoice.periodEnd)}`;
+        return /* @__PURE__ */ jsxs10(
+          TableRow,
+          {
+            onClick: () => handleRowClick(invoice),
+            className: "cursor-pointer hover:bg-muted/50",
+            children: [
+              /* @__PURE__ */ jsx12(TableCell, { className: "font-medium", children: invoiceNumber }),
+              /* @__PURE__ */ jsx12(TableCell, { className: "text-muted-foreground text-sm", children: date }),
+              /* @__PURE__ */ jsx12(TableCell, { children: /* @__PURE__ */ jsx12(InvoiceStatusBadge, { status: invoice.status }) }),
+              /* @__PURE__ */ jsx12(TableCell, { className: "text-right font-medium", children: amount }),
+              /* @__PURE__ */ jsx12(TableCell, { className: "text-muted-foreground text-sm", children: period })
+            ]
+          },
+          invoice.id
+        );
+      }) })
+    ] }) }),
+    selectedInvoice && /* @__PURE__ */ jsx12(
+      InvoiceDetails,
+      {
+        invoice: selectedInvoice,
+        open: !!selectedInvoice,
+        onOpenChange: (open) => !open && setSelectedInvoice(null),
+        onInvoiceChange: () => {
+          onInvoicesChange();
+          setSelectedInvoice(null);
+        }
+      }
+    )
+  ] });
+}
+__name(InvoicesList, "InvoicesList");
+
+// src/features/billing/stripe-invoice/components/containers/InvoicesContainer.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function InvoicesContainer() {
+  const [invoices, setInvoices] = useState6([]);
+  const [loading, setLoading] = useState6(true);
+  const [statusFilter, setStatusFilter] = useState6("all");
+  const loadInvoices = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const params = statusFilter !== "all" ? { status: statusFilter } : void 0;
+      const data = await StripeInvoiceService.listInvoices(params);
+      setInvoices(data);
+    } catch (error) {
+      console.error("[InvoicesContainer] Failed to load invoices:", error);
+      setInvoices([]);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadInvoices");
+  useEffect4(() => {
+    loadInvoices();
+  }, [statusFilter]);
+  const handleFilterChange = /* @__PURE__ */ __name((value) => {
+    setStatusFilter(value);
+  }, "handleFilterChange");
+  return /* @__PURE__ */ jsxs11("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx13(Tabs, { value: statusFilter, onValueChange: handleFilterChange, children: /* @__PURE__ */ jsxs11(TabsList, { children: [
+      /* @__PURE__ */ jsx13(TabsTrigger, { value: "all", children: "All" }),
+      /* @__PURE__ */ jsx13(TabsTrigger, { value: "paid" /* PAID */, children: "Paid" }),
+      /* @__PURE__ */ jsx13(TabsTrigger, { value: "open" /* OPEN */, children: "Open" }),
+      /* @__PURE__ */ jsx13(TabsTrigger, { value: "void" /* VOID */, children: "Void" }),
+      /* @__PURE__ */ jsx13(TabsTrigger, { value: "uncollectible" /* UNCOLLECTIBLE */, children: "Uncollectible" })
+    ] }) }),
+    loading && /* @__PURE__ */ jsx13("div", { className: "text-center py-8 text-muted-foreground", children: "Loading invoices..." }),
+    !loading && invoices.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "border border-dashed border-gray-300 rounded-lg p-8 text-center", children: [
+      /* @__PURE__ */ jsx13("p", { className: "text-lg font-medium text-muted-foreground mb-2", children: "No invoices yet" }),
+      /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: "Invoices will appear here after your first billing cycle" })
+    ] }),
+    !loading && invoices.length > 0 && /* @__PURE__ */ jsx13(InvoicesList, { invoices, onInvoicesChange: loadInvoices })
+  ] });
+}
+__name(InvoicesContainer, "InvoicesContainer");
+
+// src/features/billing/stripe-subscription/components/containers/SubscriptionsContainer.tsx
+import { CheckCircle as CheckCircle2, CreditCard as CreditCard3, Loader2 as Loader22 } from "lucide-react";
+import { useEffect as useEffect6, useState as useState12 } from "react";
+import { v4 as v42 } from "uuid";
+
+// src/features/billing/stripe-subscription/hooks/useConfirmSubscriptionPayment.ts
+import { useStripe as useStripe2 } from "@stripe/react-stripe-js";
+import { useCallback, useState as useState7 } from "react";
+function useConfirmSubscriptionPayment() {
+  const stripe = useStripe2();
+  const [isConfirming, setIsConfirming] = useState7(false);
+  const confirmPayment = useCallback(
+    async (clientSecret) => {
+      if (!stripe) {
+        console.error("[useConfirmSubscriptionPayment] Stripe not initialized");
+        return {
+          success: false,
+          error: "Payment system not initialized. Please refresh the page and try again."
+        };
+      }
+      if (!clientSecret) {
+        console.error("[useConfirmSubscriptionPayment] No client secret provided");
+        return {
+          success: false,
+          error: "Payment confirmation failed. Missing payment details."
+        };
+      }
+      setIsConfirming(true);
+      try {
+        const { error: stripeError, paymentIntent } = await stripe.confirmCardPayment(clientSecret);
+        if (stripeError) {
+          console.error("[useConfirmSubscriptionPayment] Stripe error:", stripeError);
+          return {
+            success: false,
+            error: stripeError.message || "Payment confirmation failed. Please try again."
+          };
+        }
+        if (paymentIntent?.status === "succeeded") {
+          return { success: true };
+        }
+        if (paymentIntent?.status === "requires_action") {
+          return {
+            success: false,
+            error: "Additional authentication required. Please complete the verification."
+          };
+        }
+        return {
+          success: false,
+          error: "Payment could not be completed. Please try again."
+        };
+      } catch (err) {
+        console.error("[useConfirmSubscriptionPayment] Unexpected error:", err);
+        return {
+          success: false,
+          error: err.message || "An unexpected error occurred during payment confirmation."
+        };
+      } finally {
+        setIsConfirming(false);
+      }
+    },
+    [stripe]
+  );
+  return {
+    confirmPayment,
+    isConfirming
+  };
+}
+__name(useConfirmSubscriptionPayment, "useConfirmSubscriptionPayment");
+
+// src/features/billing/stripe-subscription/components/forms/CancelSubscriptionDialog.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useState as useState8 } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var formSchema = z.object({
+  cancelImmediately: z.boolean(),
+  reason: z.string().optional()
+});
+function CancelSubscriptionDialog({
+  subscription,
+  open,
+  onOpenChange,
+  onSuccess
+}) {
+  const [isSubmitting, setIsSubmitting] = useState8(false);
+  const form = useForm({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      cancelImmediately: false,
+      reason: ""
+    }
+  });
+  const cancelImmediately = form.watch("cancelImmediately");
+  const onSubmit = /* @__PURE__ */ __name(async (values) => {
+    setIsSubmitting(true);
+    try {
+      await StripeSubscriptionService.cancelSubscription({
+        id: subscription.id,
+        cancelImmediately: values.cancelImmediately
+      });
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[CancelSubscriptionDialog] Failed to cancel subscription:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "onSubmit");
+  const periodEndDate = formatDate3(subscription.currentPeriodEnd);
+  return /* @__PURE__ */ jsx14(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs12(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsxs12(DialogHeader, { children: [
+      /* @__PURE__ */ jsx14(DialogTitle, { children: "Cancel Subscription" }),
+      /* @__PURE__ */ jsx14(DialogDescription, { children: "Are you sure you want to cancel this subscription? This action cannot be undone." })
+    ] }),
+    /* @__PURE__ */ jsx14(Form, { ...form, children: /* @__PURE__ */ jsxs12("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx14(FormCheckbox, { form, id: "cancelImmediately", name: "Cancel Immediately" }),
+      cancelImmediately ? /* @__PURE__ */ jsx14("div", { className: "bg-red-50 border border-red-200 rounded-lg p-3 text-sm text-red-800", children: "Your subscription will be canceled immediately and you will lose access right away." }) : /* @__PURE__ */ jsxs12("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-3 text-sm text-blue-800", children: [
+        "Your subscription will remain active until ",
+        periodEndDate,
+        ". You can continue using the service until then."
+      ] }),
+      /* @__PURE__ */ jsx14(
+        FormTextarea,
+        {
+          form,
+          id: "reason",
+          name: "Reason (Optional)",
+          placeholder: "Let us know why you're canceling...",
+          className: "min-h-24"
+        }
+      ),
+      /* @__PURE__ */ jsxs12("div", { className: "flex gap-x-2 justify-end pt-2", children: [
+        /* @__PURE__ */ jsx14(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Keep Subscription" }),
+        /* @__PURE__ */ jsx14(Button, { type: "submit", variant: "destructive", disabled: isSubmitting, children: isSubmitting ? "Canceling..." : "Confirm Cancellation" })
+      ] })
+    ] }) })
+  ] }) });
+}
+__name(CancelSubscriptionDialog, "CancelSubscriptionDialog");
+
+// src/features/billing/stripe-subscription/components/forms/SubscriptionEditor.tsx
+import { CheckCircle, Loader2 } from "lucide-react";
+import { useEffect as useEffect5, useState as useState9 } from "react";
+import { v4 } from "uuid";
+
+// src/features/billing/stripe-subscription/components/widgets/PricingCard.tsx
+import { Check } from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function PricingCard({ price, isCurrentPlan = false, isSelected = false, isDisabled = false, isLoading = false, onSelect }) {
+  const description = price.description || price.nickname || "Standard";
+  const features = price.features || [];
+  const formattedPrice = formatCurrency(price.unitAmount, price.currency);
+  const interval = formatInterval(price);
+  const handleKeyDown = /* @__PURE__ */ __name((e) => {
+    if ((e.key === "Enter" || e.key === " ") && !isDisabled && !isCurrentPlan) {
+      e.preventDefault();
+      onSelect(price);
+    }
+  }, "handleKeyDown");
+  const handleClick = /* @__PURE__ */ __name(() => {
+    if (!isDisabled && !isCurrentPlan && !isLoading) {
+      onSelect(price);
+    }
+  }, "handleClick");
+  return /* @__PURE__ */ jsxs13(
+    Card,
+    {
+      role: "radio",
+      "aria-checked": isSelected,
+      "aria-label": `${description} plan at ${formattedPrice} ${interval}`,
+      tabIndex: isDisabled ? -1 : 0,
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      className: cn(
+        "relative cursor-pointer transition-all duration-200 flex flex-col h-full",
+        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        isCurrentPlan && "bg-muted/30",
+        isSelected && !isCurrentPlan && "ring-2 ring-primary",
+        !isDisabled && !isCurrentPlan && "hover:shadow-md hover:border-primary/50",
+        isDisabled && "opacity-50 pointer-events-none",
+        isLoading && "pointer-events-none"
+      ),
+      children: [
+        isCurrentPlan && /* @__PURE__ */ jsx15(Badge, { variant: "secondary", className: "absolute top-2 right-2", children: "Current" }),
+        /* @__PURE__ */ jsx15(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx15("h3", { className: "font-semibold text-lg", children: description }) }),
+        /* @__PURE__ */ jsxs13(CardContent, { className: "pb-4 grow", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx15("span", { className: "text-3xl font-bold", children: formattedPrice }),
+            /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground ml-1", children: interval })
+          ] }),
+          features.length > 0 && /* @__PURE__ */ jsx15("ul", { className: "space-y-2", children: features.map((feature, index) => /* @__PURE__ */ jsxs13("li", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx15(Check, { className: "h-4 w-4 text-green-500 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ jsx15("span", { className: "text-sm text-muted-foreground", children: feature })
+          ] }, index)) })
+        ] }),
+        /* @__PURE__ */ jsx15(CardFooter, { children: /* @__PURE__ */ jsx15(
+          Button,
+          {
+            variant: isCurrentPlan ? "secondary" : isSelected ? "default" : "outline",
+            className: "w-full",
+            disabled: isDisabled || isCurrentPlan || isLoading,
+            children: isLoading ? "Processing..." : isCurrentPlan ? "Current Plan" : isSelected ? "Selected" : "Select Plan"
+          }
+        ) })
+      ]
+    }
+  );
+}
+__name(PricingCard, "PricingCard");
+
+// src/features/billing/stripe-subscription/components/widgets/PricingCardsGrid.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function PricingCardsGrid({
+  products,
+  pricesByProduct,
+  currentPriceId,
+  selectedPriceId,
+  loadingPriceId,
+  loading = false,
+  onSelectPrice
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsx16(PricingCardsGridSkeleton, {});
+  }
+  if (products.length === 0) {
+    return /* @__PURE__ */ jsx16("div", { className: "text-center py-8 text-muted-foreground", children: "No plans available" });
+  }
+  return /* @__PURE__ */ jsx16("div", { className: "space-y-8", role: "radiogroup", "aria-label": "Available pricing plans", children: products.map((product) => {
+    const prices = pricesByProduct.get(product.id) || [];
+    if (prices.length === 0) return null;
+    const sortedPrices = [...prices].sort((a, b) => (a.unitAmount ?? 0) - (b.unitAmount ?? 0));
+    return /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx16("h3", { className: "text-lg font-semibold", children: product.name }),
+      /* @__PURE__ */ jsx16("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedPrices.map((price) => /* @__PURE__ */ jsx16(
+        PricingCard,
+        {
+          price,
+          isCurrentPlan: price.stripePriceId === currentPriceId,
+          isSelected: price.stripePriceId === selectedPriceId,
+          isLoading: price.stripePriceId === loadingPriceId,
+          onSelect: onSelectPrice
+        },
+        price.stripePriceId
+      )) })
+    ] }, product.id);
+  }) });
+}
+__name(PricingCardsGrid, "PricingCardsGrid");
+function PricingCardsGridSkeleton() {
+  return /* @__PURE__ */ jsx16("div", { className: "space-y-8", children: [1, 2].map((productIndex) => /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx16(Skeleton, { className: "h-6 w-32" }),
+    /* @__PURE__ */ jsx16("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((cardIndex) => /* @__PURE__ */ jsxs14(Card, { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsx16(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx16(Skeleton, { className: "h-5 w-24" }) }),
+      /* @__PURE__ */ jsxs14(CardContent, { className: "pb-4", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "mb-4", children: [
+          /* @__PURE__ */ jsx16(Skeleton, { className: "h-9 w-20 inline-block" }),
+          /* @__PURE__ */ jsx16(Skeleton, { className: "h-4 w-12 inline-block ml-2" })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx16(Skeleton, { className: "h-4 w-4 rounded-full" }),
+            /* @__PURE__ */ jsx16(Skeleton, { className: "h-4 w-32" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx16(Skeleton, { className: "h-4 w-4 rounded-full" }),
+            /* @__PURE__ */ jsx16(Skeleton, { className: "h-4 w-28" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx16(CardFooter, { children: /* @__PURE__ */ jsx16(Skeleton, { className: "h-9 w-full" }) })
+    ] }, cardIndex)) })
+  ] }, productIndex)) });
+}
+__name(PricingCardsGridSkeleton, "PricingCardsGridSkeleton");
+
+// src/features/billing/stripe-subscription/components/widgets/ProrationPreview.tsx
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function ProrationPreview({ preview }) {
+  return /* @__PURE__ */ jsxs15("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: [
+    /* @__PURE__ */ jsx17("h4", { className: "font-semibold text-blue-900 mb-3", children: "Proration Breakdown" }),
+    /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
+      preview.lineItems.map((item, index) => /* @__PURE__ */ jsxs15("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx17("span", { className: "text-blue-800", children: item.description }),
+        /* @__PURE__ */ jsx17("span", { className: `font-medium ${item.amount < 0 ? "text-green-600" : "text-blue-900"}`, children: formatCurrency(item.amount, preview.currency) })
+      ] }, index)),
+      /* @__PURE__ */ jsx17("div", { className: "border-t border-blue-200 pt-2 mt-2", children: /* @__PURE__ */ jsxs15("div", { className: "flex justify-between font-semibold", children: [
+        /* @__PURE__ */ jsx17("span", { className: "text-blue-900", children: "Net Due Today" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-blue-900", children: formatCurrency(preview.immediateCharge, preview.currency) })
+      ] }) }),
+      preview.lineItems.length > 0 && preview.lineItems[0].period && /* @__PURE__ */ jsxs15("div", { className: "text-xs text-blue-700 mt-2", children: [
+        "Next invoice on ",
+        formatDate3(preview.lineItems[0].period.end),
+        " for",
+        " ",
+        formatCurrency(preview.amountDue, preview.currency)
+      ] })
+    ] })
+  ] });
+}
+__name(ProrationPreview, "ProrationPreview");
+
+// src/features/billing/stripe-subscription/components/forms/SubscriptionEditor.tsx
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function SubscriptionEditor({
+  subscription,
+  open,
+  onOpenChange,
+  onSuccess,
+  onAddPaymentMethod
+}) {
+  const { confirmPayment, isConfirming } = useConfirmSubscriptionPayment();
+  const [products, setProducts] = useState9([]);
+  const [pricesByProduct, setPricesByProduct] = useState9(/* @__PURE__ */ new Map());
+  const [loading, setLoading] = useState9(true);
+  const [selectedPriceId, setSelectedPriceId] = useState9(null);
+  const [loadingPriceId, setLoadingPriceId] = useState9(null);
+  const [prorationPreview, setProrationPreview] = useState9(null);
+  const [loadingProration, setLoadingProration] = useState9(false);
+  const [hasPaymentMethod, setHasPaymentMethod] = useState9(true);
+  const [loadingPaymentMethods, setLoadingPaymentMethods] = useState9(true);
+  const [paymentRequiredError, setPaymentRequiredError] = useState9(false);
+  const [paymentConfirmationState, setPaymentConfirmationState] = useState9("idle");
+  const [paymentError, setPaymentError] = useState9(null);
+  const currentPriceId = subscription?.price?.id;
+  const isEditMode = !!subscription;
+  useEffect5(() => {
+    const checkPaymentMethods = /* @__PURE__ */ __name(async () => {
+      if (subscription) {
+        setLoadingPaymentMethods(false);
+        return;
+      }
+      setLoadingPaymentMethods(true);
+      try {
+        const paymentMethods = await StripeCustomerService.listPaymentMethods();
+        const hasMethod = paymentMethods.length > 0;
+        setHasPaymentMethod(hasMethod);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to check payment methods:", error);
+        setHasPaymentMethod(false);
+      } finally {
+        setLoadingPaymentMethods(false);
+      }
+    }, "checkPaymentMethods");
+    if (open) {
+      checkPaymentMethods();
+    }
+  }, [open, subscription]);
+  useEffect5(() => {
+    const loadData = /* @__PURE__ */ __name(async () => {
+      setLoading(true);
+      try {
+        const fetchedProducts = await StripeProductService.listProducts({ active: true });
+        const grouped = /* @__PURE__ */ new Map();
+        for (const product of fetchedProducts) {
+          if (product.stripePrices && product.stripePrices.length > 0) {
+            grouped.set(product.id, product.stripePrices);
+          }
+        }
+        setProducts(fetchedProducts);
+        setPricesByProduct(grouped);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to load products/prices:", error);
+      } finally {
+        setLoading(false);
+      }
+    }, "loadData");
+    if (open) {
+      loadData();
+    }
+  }, [open]);
+  useEffect5(() => {
+    const loadProration = /* @__PURE__ */ __name(async () => {
+      if (!subscription || !selectedPriceId || selectedPriceId === currentPriceId) {
+        setProrationPreview(null);
+        return;
+      }
+      setLoadingProration(true);
+      try {
+        const preview = await StripeSubscriptionService.getProrationPreview({
+          subscriptionId: subscription.id,
+          newPriceId: selectedPriceId
+        });
+        setProrationPreview(preview);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to load proration preview:", error);
+        setProrationPreview(null);
+      } finally {
+        setLoadingProration(false);
+      }
+    }, "loadProration");
+    loadProration();
+  }, [selectedPriceId, subscription, currentPriceId]);
+  const handleSelectPrice = /* @__PURE__ */ __name(async (price) => {
+    const priceId = price.id;
+    if (isEditMode) {
+      setSelectedPriceId(priceId);
+    } else {
+      setLoadingPriceId(priceId);
+      setSelectedPriceId(priceId);
+      setPaymentError(null);
+      setPaymentConfirmationState("idle");
+      try {
+        const result = await StripeSubscriptionService.createSubscription({
+          id: v4(),
+          priceId
+        });
+        if (result.meta.requiresAction && result.meta.clientSecret) {
+          setPaymentConfirmationState("confirming");
+          const confirmation = await confirmPayment(result.meta.clientSecret);
+          if (!confirmation.success) {
+            console.error("[SubscriptionEditor] Payment confirmation failed:", confirmation.error);
+            setPaymentConfirmationState("error");
+            setPaymentError(confirmation.error || "Payment confirmation failed");
+            setLoadingPriceId(null);
+            return;
+          }
+          await StripeSubscriptionService.syncSubscription({
+            subscriptionId: result.subscription.id
+          });
+        }
+        setPaymentConfirmationState("success");
+        setTimeout(() => {
+          onSuccess();
+          onOpenChange(false);
+        }, 1e3);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to create subscription:", error);
+        if (error?.status === 402 || error?.response?.status === 402) {
+          setPaymentRequiredError(true);
+          setHasPaymentMethod(false);
+        } else {
+          setPaymentConfirmationState("error");
+          setPaymentError(error?.message || "Failed to create subscription");
+        }
+        setLoadingPriceId(null);
+      }
+    }
+  }, "handleSelectPrice");
+  const handleConfirmPlanChange = /* @__PURE__ */ __name(async () => {
+    if (!subscription || !selectedPriceId) return;
+    setLoadingPriceId(selectedPriceId);
+    try {
+      await StripeSubscriptionService.changePlan({
+        id: subscription.id,
+        newPriceId: selectedPriceId
+      });
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[SubscriptionEditor] Failed to change plan:", error);
+    } finally {
+      setLoadingPriceId(null);
+    }
+  }, "handleConfirmPlanChange");
+  const handleCancel = /* @__PURE__ */ __name(() => {
+    setSelectedPriceId(null);
+    setProrationPreview(null);
+  }, "handleCancel");
+  return /* @__PURE__ */ jsx18(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs16(DialogContent, { className: "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs16(DialogHeader, { children: [
+      /* @__PURE__ */ jsx18(DialogTitle, { children: subscription ? "Change Plan" : "Subscribe to a Plan" }),
+      /* @__PURE__ */ jsx18(DialogDescription, { children: subscription ? "Select a new plan to switch to. You'll see a proration preview before confirming." : "Choose a plan to start your subscription." })
+    ] }),
+    loadingPaymentMethods && !subscription ? /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx18("div", { className: "text-muted-foreground", children: "Checking payment methods..." }) }) : !hasPaymentMethod && !subscription ? /* @__PURE__ */ jsxs16(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx18(AlertTitle, { children: "Payment Method Required" }),
+      /* @__PURE__ */ jsxs16(AlertDescription, { className: "mt-2", children: [
+        /* @__PURE__ */ jsx18("p", { className: "mb-4", children: paymentRequiredError ? "Your subscription could not be created because no payment method is on file." : "You need to add a payment method before you can subscribe to a plan." }),
+        onAddPaymentMethod && /* @__PURE__ */ jsx18(Button, { onClick: onAddPaymentMethod, variant: "outline", children: "Add Payment Method" })
+      ] })
+    ] }) : paymentConfirmationState === "confirming" || isConfirming ? /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
+      /* @__PURE__ */ jsx18(Loader2, { className: "h-8 w-8 animate-spin text-primary" }),
+      /* @__PURE__ */ jsxs16("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx18("p", { className: "font-medium", children: "Processing payment..." }),
+        /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "Please complete any verification if prompted." })
+      ] })
+    ] }) : paymentConfirmationState === "success" ? /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
+      /* @__PURE__ */ jsx18(CheckCircle, { className: "h-12 w-12 text-green-500" }),
+      /* @__PURE__ */ jsxs16("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx18("p", { className: "font-medium text-green-600", children: "Payment successful!" }),
+        /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
+      ] })
+    ] }) : paymentConfirmationState === "error" ? /* @__PURE__ */ jsx18("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs16(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx18(AlertTitle, { children: "Payment Failed" }),
+      /* @__PURE__ */ jsxs16(AlertDescription, { className: "mt-2", children: [
+        /* @__PURE__ */ jsx18("p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
+        /* @__PURE__ */ jsx18(
+          Button,
+          {
+            onClick: () => {
+              setPaymentConfirmationState("idle");
+              setPaymentError(null);
+              setLoadingPriceId(null);
+            },
+            variant: "outline",
+            children: "Try Again"
+          }
+        )
+      ] })
+    ] }) }) : /* @__PURE__ */ jsxs16("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx18(
+        PricingCardsGrid,
+        {
+          products,
+          pricesByProduct,
+          currentPriceId,
+          selectedPriceId: selectedPriceId ?? void 0,
+          loadingPriceId: loadingPriceId ?? void 0,
+          loading,
+          onSelectPrice: handleSelectPrice
+        }
+      ),
+      isEditMode && loadingProration && /* @__PURE__ */ jsx18("div", { className: "bg-muted/50 rounded-lg p-4 text-sm text-muted-foreground text-center", children: "Loading proration preview..." }),
+      isEditMode && prorationPreview && !loadingProration && /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx18(ProrationPreview, { preview: prorationPreview }),
+        /* @__PURE__ */ jsxs16("div", { className: "flex justify-end gap-3", children: [
+          /* @__PURE__ */ jsx18(Button, { variant: "outline", onClick: handleCancel, disabled: !!loadingPriceId, children: "Cancel" }),
+          /* @__PURE__ */ jsx18(Button, { onClick: handleConfirmPlanChange, disabled: !!loadingPriceId, children: loadingPriceId ? "Processing..." : "Confirm Plan Change" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+__name(SubscriptionEditor, "SubscriptionEditor");
+
+// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
+import { useState as useState11 } from "react";
+
+// src/features/billing/stripe-subscription/components/details/SubscriptionDetails.tsx
+import { useState as useState10 } from "react";
+
+// src/features/billing/stripe-subscription/components/widgets/SubscriptionStatusBadge.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var statusConfig2 = {
+  ["active" /* ACTIVE */]: {
+    label: "Active",
+    color: "bg-green-100 text-green-800"
+  },
+  ["trialing" /* TRIALING */]: {
+    label: "Trial",
+    color: "bg-blue-100 text-blue-800"
+  },
+  ["past_due" /* PAST_DUE */]: {
+    label: "Past Due",
+    color: "bg-red-100 text-red-800"
+  },
+  ["canceled" /* CANCELED */]: {
+    label: "Canceled",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["paused" /* PAUSED */]: {
+    label: "Paused",
+    color: "bg-yellow-100 text-yellow-800"
+  },
+  ["unpaid" /* UNPAID */]: {
+    label: "Unpaid",
+    color: "bg-orange-100 text-orange-800"
+  },
+  ["incomplete" /* INCOMPLETE */]: {
+    label: "Incomplete",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["incomplete_expired" /* INCOMPLETE_EXPIRED */]: {
+    label: "Expired",
+    color: "bg-gray-100 text-gray-800"
+  }
+};
+var cancelingConfig = {
+  label: "Canceling",
+  color: "bg-amber-100 text-amber-800"
+};
+function SubscriptionStatusBadge({ status, cancelAtPeriodEnd }) {
+  const config = cancelAtPeriodEnd ? cancelingConfig : statusConfig2[status] || statusConfig2["canceled" /* CANCELED */];
+  return /* @__PURE__ */ jsx19("span", { className: `${config.color} text-xs px-2 py-1 rounded-full font-medium`, children: config.label });
+}
+__name(SubscriptionStatusBadge, "SubscriptionStatusBadge");
+
+// src/features/billing/stripe-subscription/components/details/SubscriptionDetails.tsx
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+function formatPlanName2(price) {
+  if (!price) return "N/A";
+  const productName = price.product?.name || "";
+  const nickname = price.nickname || "";
+  let interval = "";
+  if (price.recurring?.interval) {
+    const intervalMap = {
+      day: "Daily",
+      week: "Weekly",
+      month: "Monthly",
+      year: "Yearly"
+    };
+    interval = intervalMap[price.recurring.interval] || price.recurring.interval;
+  }
+  const parts = [productName, nickname].filter(Boolean);
+  const planLabel = parts.join(" - ");
+  return interval ? `${planLabel} (${interval})` : planLabel || "N/A";
+}
+__name(formatPlanName2, "formatPlanName");
+function formatBillingAmount(price) {
+  if (!price?.unitAmount) return "N/A";
+  return formatCurrency(price.unitAmount, price.currency);
+}
+__name(formatBillingAmount, "formatBillingAmount");
+function SubscriptionDetails({
+  subscription,
+  open,
+  onOpenChange,
+  onSubscriptionChange
+}) {
+  const [showEdit, setShowEdit] = useState10(false);
+  const [showCancel, setShowCancel] = useState10(false);
+  const [isProcessing, setIsProcessing] = useState10(false);
+  const handlePause = /* @__PURE__ */ __name(async () => {
+    setIsProcessing(true);
+    try {
+      await StripeSubscriptionService.pauseSubscription({ subscriptionId: subscription.id });
+      onSubscriptionChange();
+    } catch (error) {
+      console.error("[SubscriptionDetails] Failed to pause subscription:", error);
+    } finally {
+      setIsProcessing(false);
+    }
+  }, "handlePause");
+  const handleResume = /* @__PURE__ */ __name(async () => {
+    setIsProcessing(true);
+    try {
+      await StripeSubscriptionService.resumeSubscription({ subscriptionId: subscription.id });
+      onSubscriptionChange();
+    } catch (error) {
+      console.error("[SubscriptionDetails] Failed to resume subscription:", error);
+    } finally {
+      setIsProcessing(false);
+    }
+  }, "handleResume");
+  const handleManageViaPortal = /* @__PURE__ */ __name(async () => {
+    try {
+      const { url } = await StripeCustomerService.createPortalSession();
+      window.open(url, "_blank");
+    } catch (error) {
+      console.error("[SubscriptionDetails] Failed to create portal session:", error);
+    }
+  }, "handleManageViaPortal");
+  const canPause = subscription.status === "active" /* ACTIVE */;
+  const canResume = subscription.status === "paused" /* PAUSED */;
+  const canCancel = subscription.status === "active" /* ACTIVE */ || subscription.status === "trialing" /* TRIALING */ || subscription.status === "paused" /* PAUSED */;
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
+    /* @__PURE__ */ jsx20(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ jsxs17(DialogHeader, { children: [
+        /* @__PURE__ */ jsx20(DialogTitle, { children: "Subscription Details" }),
+        /* @__PURE__ */ jsx20(DialogDescription, { children: "View and manage your subscription" })
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-x-3", children: [
+          /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-muted-foreground", children: "Status:" }),
+          /* @__PURE__ */ jsx20(SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd })
+        ] }),
+        /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-muted-foreground", children: "Plan:" }),
+            /* @__PURE__ */ jsx20("span", { className: "font-medium", children: formatPlanName2(subscription.price) })
+          ] }),
+          /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-muted-foreground", children: "Billing Amount:" }),
+            /* @__PURE__ */ jsx20("span", { className: "font-medium", children: formatBillingAmount(subscription.price) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx20("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-muted-foreground", children: "Current Period:" }),
+          /* @__PURE__ */ jsxs17("span", { className: "font-medium", children: [
+            formatDate3(subscription.currentPeriodStart),
+            " - ",
+            formatDate3(subscription.currentPeriodEnd)
+          ] })
+        ] }) }),
+        subscription.trialEnd && /* @__PURE__ */ jsxs17("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-muted-foreground", children: "Trial Ends:" }),
+          /* @__PURE__ */ jsx20("span", { className: "font-medium", children: formatDate3(subscription.trialEnd) })
+        ] }),
+        subscription.cancelAtPeriodEnd && /* @__PURE__ */ jsx20("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-3", children: /* @__PURE__ */ jsxs17("p", { className: "text-sm text-yellow-800", children: [
+          "This subscription will be canceled at the end of the current period on",
+          " ",
+          formatDate3(subscription.currentPeriodEnd),
+          "."
+        ] }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
+          /* @__PURE__ */ jsx20(Button, { variant: "default", onClick: () => setShowEdit(true), children: "Change Plan" }),
+          canPause && /* @__PURE__ */ jsx20(Button, { variant: "outline", onClick: handlePause, disabled: isProcessing, children: isProcessing ? "Pausing..." : "Pause" }),
+          canResume && /* @__PURE__ */ jsx20(Button, { variant: "outline", onClick: handleResume, disabled: isProcessing, children: isProcessing ? "Resuming..." : "Resume" }),
+          canCancel && /* @__PURE__ */ jsx20(Button, { variant: "destructive", onClick: () => setShowCancel(true), children: "Cancel" }),
+          /* @__PURE__ */ jsx20(Button, { variant: "outline", onClick: handleManageViaPortal, children: "Manage via Portal" })
+        ] })
+      ] })
+    ] }) }),
+    showEdit && /* @__PURE__ */ jsx20(
+      SubscriptionEditor,
+      {
+        subscription,
+        open: showEdit,
+        onOpenChange: setShowEdit,
+        onSuccess: () => {
+          onSubscriptionChange();
+          setShowEdit(false);
+        }
+      }
+    ),
+    showCancel && /* @__PURE__ */ jsx20(
+      CancelSubscriptionDialog,
+      {
+        subscription,
+        open: showCancel,
+        onOpenChange: setShowCancel,
+        onSuccess: () => {
+          onSubscriptionChange();
+          setShowCancel(false);
+        }
+      }
+    )
+  ] });
+}
+__name(SubscriptionDetails, "SubscriptionDetails");
+
+// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+function formatPlanName3(price) {
+  if (!price) return "N/A";
+  const productName = price.product?.name || "";
+  const nickname = price.nickname || "";
+  let interval = "";
+  if (price.recurring?.interval) {
+    const intervalMap = {
+      day: "Daily",
+      week: "Weekly",
+      month: "Monthly",
+      year: "Yearly"
+    };
+    interval = intervalMap[price.recurring.interval] || price.recurring.interval;
+  }
+  const parts = [productName, nickname].filter(Boolean);
+  const planLabel = parts.join(" - ");
+  return interval ? `${planLabel} (${interval})` : planLabel || "N/A";
+}
+__name(formatPlanName3, "formatPlanName");
+function SubscriptionsList({ subscriptions, onSubscriptionsChange }) {
+  const [selectedSub, setSelectedSub] = useState11(null);
+  const handleRowClick = /* @__PURE__ */ __name((subscription) => {
+    setSelectedSub(subscription);
+  }, "handleRowClick");
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
+    /* @__PURE__ */ jsx21("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs18(Table, { children: [
+      /* @__PURE__ */ jsx21(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs18(TableRow, { children: [
+        /* @__PURE__ */ jsx21(TableHead, { children: "Status" }),
+        /* @__PURE__ */ jsx21(TableHead, { children: "Plan" }),
+        /* @__PURE__ */ jsx21(TableHead, { children: "Period" }),
+        /* @__PURE__ */ jsx21(TableHead, { className: "text-right", children: "Amount" })
+      ] }) }),
+      /* @__PURE__ */ jsx21(TableBody, { children: subscriptions.map((subscription) => {
+        const price = subscription.price;
+        const amount = price?.unitAmount ? formatCurrency(price.unitAmount, price.currency) : "N/A";
+        const period = `${formatDate3(subscription.currentPeriodStart)} - ${formatDate3(subscription.currentPeriodEnd)}`;
+        return /* @__PURE__ */ jsxs18(
+          TableRow,
+          {
+            onClick: () => handleRowClick(subscription),
+            className: "cursor-pointer hover:bg-muted/50",
+            children: [
+              /* @__PURE__ */ jsx21(TableCell, { children: /* @__PURE__ */ jsx21(SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd }) }),
+              /* @__PURE__ */ jsx21(TableCell, { className: "font-medium", children: formatPlanName3(price) }),
+              /* @__PURE__ */ jsx21(TableCell, { className: "text-muted-foreground text-sm", children: period }),
+              /* @__PURE__ */ jsx21(TableCell, { className: "text-right font-medium", children: amount })
+            ]
+          },
+          subscription.id
+        );
+      }) })
+    ] }) }),
+    selectedSub && /* @__PURE__ */ jsx21(
+      SubscriptionDetails,
+      {
+        subscription: selectedSub,
+        open: !!selectedSub,
+        onOpenChange: (open) => !open && setSelectedSub(null),
+        onSubscriptionChange: () => {
+          onSubscriptionsChange();
+          setSelectedSub(null);
+        }
+      }
+    )
+  ] });
+}
+__name(SubscriptionsList, "SubscriptionsList");
+
+// src/features/billing/stripe-subscription/components/containers/SubscriptionsContainer.tsx
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+function SubscriptionsContainer() {
+  const { confirmPayment, isConfirming } = useConfirmSubscriptionPayment();
+  const [subscriptions, setSubscriptions] = useState12([]);
+  const [loading, setLoading] = useState12(true);
+  const [showCreateSubscription, setShowCreateSubscription] = useState12(false);
+  const [showPaymentMethodEditor, setShowPaymentMethodEditor] = useState12(false);
+  const [products, setProducts] = useState12([]);
+  const [pricesByProduct, setPricesByProduct] = useState12(/* @__PURE__ */ new Map());
+  const [loadingPricing, setLoadingPricing] = useState12(false);
+  const [hasPaymentMethod, setHasPaymentMethod] = useState12(null);
+  const [pendingPriceId, setPendingPriceId] = useState12(null);
+  const [creatingSubscription, setCreatingSubscription] = useState12(false);
+  const [paymentConfirmationState, setPaymentConfirmationState] = useState12("idle");
+  const [paymentError, setPaymentError] = useState12(null);
+  const loadSubscriptions = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedSubscriptions = await StripeSubscriptionService.listSubscriptions();
+      setSubscriptions(fetchedSubscriptions);
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to load subscriptions:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadSubscriptions");
+  const loadPricingData = /* @__PURE__ */ __name(async () => {
+    setLoadingPricing(true);
+    try {
+      const fetchedProducts = await StripeProductService.listProducts({ active: true });
+      const grouped = /* @__PURE__ */ new Map();
+      for (const product of fetchedProducts) {
+        if (product.stripePrices && product.stripePrices.length > 0) {
+          grouped.set(product.id, product.stripePrices);
+        }
+      }
+      setProducts(fetchedProducts);
+      setPricesByProduct(grouped);
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to load pricing data:", error);
+    } finally {
+      setLoadingPricing(false);
+    }
+  }, "loadPricingData");
+  const checkPaymentMethod = /* @__PURE__ */ __name(async () => {
+    try {
+      const paymentMethods = await StripeCustomerService.listPaymentMethods();
+      const hasMethod = paymentMethods.length > 0;
+      setHasPaymentMethod(hasMethod);
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to check payment methods:", error);
+      setHasPaymentMethod(false);
+    }
+  }, "checkPaymentMethod");
+  const createSubscriptionWithPrice = /* @__PURE__ */ __name(async (priceId) => {
+    setCreatingSubscription(true);
+    setPaymentError(null);
+    setPaymentConfirmationState("idle");
+    try {
+      const result = await StripeSubscriptionService.createSubscription({
+        id: v42(),
+        priceId
+      });
+      if (result.meta.requiresAction && result.meta.clientSecret) {
+        setPaymentConfirmationState("confirming");
+        const confirmation = await confirmPayment(result.meta.clientSecret);
+        if (!confirmation.success) {
+          console.error("[SubscriptionsContainer] Payment confirmation failed:", confirmation.error);
+          setPaymentConfirmationState("error");
+          setPaymentError(confirmation.error || "Payment confirmation failed");
+          setCreatingSubscription(false);
+          return;
+        }
+        await StripeSubscriptionService.syncSubscription({
+          subscriptionId: result.subscription.id
+        });
+      }
+      setPaymentConfirmationState("success");
+      await loadSubscriptions();
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to create subscription:", error);
+      if (error?.status === 402 || error?.response?.status === 402) {
+        setPendingPriceId(priceId);
+        setHasPaymentMethod(false);
+        setShowPaymentMethodEditor(true);
+      } else {
+        setPaymentConfirmationState("error");
+        setPaymentError(error?.message || "Failed to create subscription");
+      }
+    } finally {
+      setCreatingSubscription(false);
+    }
+  }, "createSubscriptionWithPrice");
+  const handleSelectPrice = /* @__PURE__ */ __name(async (price) => {
+    const priceId = price.id;
+    if (!hasPaymentMethod) {
+      setPendingPriceId(priceId);
+      setShowPaymentMethodEditor(true);
+      return;
+    }
+    await createSubscriptionWithPrice(priceId);
+  }, "handleSelectPrice");
+  const handlePaymentMethodSuccess = /* @__PURE__ */ __name(async () => {
+    setShowPaymentMethodEditor(false);
+    setHasPaymentMethod(true);
+    if (pendingPriceId) {
+      await createSubscriptionWithPrice(pendingPriceId);
+      setPendingPriceId(null);
+    }
+  }, "handlePaymentMethodSuccess");
+  useEffect6(() => {
+    loadSubscriptions();
+  }, []);
+  useEffect6(() => {
+    if (!loading && subscriptions.length === 0) {
+      loadPricingData();
+      checkPaymentMethod();
+    }
+  }, [loading, subscriptions.length]);
+  const criticalSubscriptions = subscriptions.filter(
+    (sub) => sub.status === "past_due" /* PAST_DUE */ || sub.status === "trialing" /* TRIALING */ && sub.trialEnd && new Date(sub.trialEnd).getTime() - (/* @__PURE__ */ new Date()).getTime() <= 7 * 24 * 60 * 60 * 1e3
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx22("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx22("p", { className: "text-muted-foreground", children: "Loading subscriptions..." }) });
+  }
+  return /* @__PURE__ */ jsxs19("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx22(CreditCard3, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx22("h1", { className: "text-3xl font-bold", children: "Subscriptions" })
+      ] }),
+      subscriptions.length > 0 && /* @__PURE__ */ jsx22(Button, { onClick: () => setShowCreateSubscription(true), children: "Subscribe to a Plan" })
+    ] }),
+    criticalSubscriptions.map((subscription) => /* @__PURE__ */ jsx22(BillingAlertBanner, { subscription }, subscription.id)),
+    subscriptions.length === 0 && /* @__PURE__ */ jsxs19("div", { className: "space-y-6", children: [
+      (paymentConfirmationState === "confirming" || isConfirming) && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center justify-center py-12 space-y-4 bg-muted/50 rounded-lg", children: [
+        /* @__PURE__ */ jsx22(Loader22, { className: "h-8 w-8 animate-spin text-primary" }),
+        /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx22("p", { className: "font-medium", children: "Processing payment..." }),
+          /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Please complete any verification if prompted." })
+        ] })
+      ] }),
+      paymentConfirmationState === "success" && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-center justify-center py-8 space-y-4 bg-green-50 rounded-lg border border-green-200", children: [
+        /* @__PURE__ */ jsx22(CheckCircle2, { className: "h-12 w-12 text-green-500" }),
+        /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx22("p", { className: "font-medium text-green-600", children: "Payment successful!" }),
+          /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
+        ] })
+      ] }),
+      paymentConfirmationState === "error" && /* @__PURE__ */ jsxs19(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx22(AlertTitle, { children: "Payment Failed" }),
+        /* @__PURE__ */ jsxs19(AlertDescription, { className: "mt-2", children: [
+          /* @__PURE__ */ jsx22("p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
+          /* @__PURE__ */ jsx22(
+            Button,
+            {
+              onClick: () => {
+                setPaymentConfirmationState("idle");
+                setPaymentError(null);
+              },
+              variant: "outline",
+              children: "Try Again"
+            }
+          )
+        ] })
+      ] }),
+      paymentConfirmationState === "idle" && !isConfirming && /* @__PURE__ */ jsxs19(Fragment5, { children: [
+        /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx22(CreditCard3, { className: "text-muted-foreground mx-auto h-16 w-16 mb-4" }),
+          /* @__PURE__ */ jsx22("h3", { className: "mb-2 text-xl font-semibold", children: "Choose Your Plan" }),
+          /* @__PURE__ */ jsx22("p", { className: "text-muted-foreground mb-6", children: "Select a subscription plan to get started with our services." })
+        ] }),
+        /* @__PURE__ */ jsx22(
+          PricingCardsGrid,
+          {
+            products,
+            pricesByProduct,
+            loading: loadingPricing,
+            loadingPriceId: creatingSubscription ? pendingPriceId ?? void 0 : void 0,
+            onSelectPrice: handleSelectPrice
+          }
+        )
+      ] })
+    ] }),
+    subscriptions.length > 0 && /* @__PURE__ */ jsx22(SubscriptionsList, { subscriptions, onSubscriptionsChange: loadSubscriptions }),
+    showCreateSubscription && /* @__PURE__ */ jsx22(
+      SubscriptionEditor,
+      {
+        open: showCreateSubscription,
+        onOpenChange: setShowCreateSubscription,
+        onSuccess: loadSubscriptions,
+        onAddPaymentMethod: () => {
+          setShowCreateSubscription(false);
+          setShowPaymentMethodEditor(true);
+        }
+      }
+    ),
+    showPaymentMethodEditor && /* @__PURE__ */ jsx22(
+      PaymentMethodEditor,
+      {
+        open: showPaymentMethodEditor,
+        onOpenChange: (open) => {
+          setShowPaymentMethodEditor(open);
+          if (!open) {
+            setPendingPriceId(null);
+          }
+        },
+        onSuccess: handlePaymentMethodSuccess
+      }
+    )
+  ] });
+}
+__name(SubscriptionsContainer, "SubscriptionsContainer");
+
+// src/features/billing/stripe-usage/components/containers/UsageContainer.tsx
+import { Activity as Activity3 } from "lucide-react";
+import { useEffect as useEffect7, useState as useState13 } from "react";
+
+// src/features/billing/stripe-usage/components/details/UsageSummaryCard.tsx
+import { Activity as Activity2 } from "lucide-react";
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+function getProgressColor(percentage) {
+  if (percentage === null) return "bg-blue-500";
+  if (percentage >= 90) return "bg-red-500";
+  if (percentage >= 75) return "bg-orange-500";
+  return "bg-green-500";
+}
+__name(getProgressColor, "getProgressColor");
+function formatDate4(date) {
+  if (!date) return "N/A";
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric"
+    }).format(new Date(date));
+  } catch (error) {
+    return "Invalid Date";
+  }
+}
+__name(formatDate4, "formatDate");
+function UsageSummaryCard({ meter, summary }) {
+  const currentUsage = summary?.aggregatedValue ?? 0;
+  const limit = meter.limit;
+  const percentage = limit && limit > 0 ? currentUsage / limit * 100 : null;
+  const progressColor = getProgressColor(percentage);
+  const progressWidth = percentage !== null ? Math.min(percentage, 100) : 0;
+  const displayName = meter.displayName || meter.eventName;
+  const hasLimit = limit !== null && limit !== void 0;
+  return /* @__PURE__ */ jsxs20(Card, { children: [
+    /* @__PURE__ */ jsxs20(CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
+      /* @__PURE__ */ jsx23("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600", children: /* @__PURE__ */ jsx23(Activity2, { className: "h-5 w-5" }) }),
+      /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx23("h3", { className: "font-semibold", children: displayName }),
+        /* @__PURE__ */ jsx23("p", { className: "text-xs text-gray-500", children: meter.id })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs20(CardContent, { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs20("div", { children: [
+        /* @__PURE__ */ jsx23("p", { className: "text-3xl font-bold", children: currentUsage.toLocaleString() }),
+        hasLimit && /* @__PURE__ */ jsxs20("p", { className: "text-sm text-gray-500", children: [
+          "of ",
+          limit.toLocaleString(),
+          " used"
+        ] })
+      ] }),
+      hasLimit ? /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx23("div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsx23("div", { className: `h-full transition-all ${progressColor}`, style: { width: `${progressWidth}%` } }) }),
+        /* @__PURE__ */ jsxs20("p", { className: "text-sm text-gray-500", children: [
+          percentage?.toFixed(1),
+          "% used"
+        ] })
+      ] }) : /* @__PURE__ */ jsx23("p", { className: "text-sm text-gray-500", children: "No limit set" }),
+      summary && summary.start && summary.end && /* @__PURE__ */ jsx23("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsxs20("p", { className: "text-xs text-gray-500", children: [
+        "Period: ",
+        formatDate4(summary.start),
+        " - ",
+        formatDate4(summary.end)
+      ] }) })
+    ] })
+  ] });
+}
+__name(UsageSummaryCard, "UsageSummaryCard");
+
+// src/features/billing/stripe-usage/components/widgets/UsageSummaryCards.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+function UsageSummaryCards({ meters, summaries }) {
+  return /* @__PURE__ */ jsx24("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: meters.map((meter) => /* @__PURE__ */ jsx24(UsageSummaryCard, { meter, summary: summaries[meter.id] || null }, meter.id)) });
+}
+__name(UsageSummaryCards, "UsageSummaryCards");
+
+// src/features/billing/stripe-usage/components/containers/UsageContainer.tsx
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+function UsageContainer() {
+  const [meters, setMeters] = useState13([]);
+  const [summaries, setSummaries] = useState13({});
+  const [loading, setLoading] = useState13(true);
+  const [subscriptions, setSubscriptions] = useState13([]);
+  useEffect7(() => {
+    loadUsageData();
+  }, []);
+  const loadUsageData = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedSubscriptions = await StripeSubscriptionService.listSubscriptions();
+      setSubscriptions(fetchedSubscriptions);
+      const hasMeteredSubscriptions2 = fetchedSubscriptions.some((sub) => sub.price?.recurring?.usageType === "metered");
+      if (!hasMeteredSubscriptions2) {
+        setLoading(false);
+        return;
+      }
+      const fetchedMeters = await StripeUsageService.listMeters();
+      setMeters(fetchedMeters);
+      const summariesMap = {};
+      const now = /* @__PURE__ */ new Date();
+      const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+      const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
+      for (const meter of fetchedMeters) {
+        try {
+          const meterSummaries = await StripeUsageService.getMeterSummaries({
+            meterId: meter.id,
+            startTime: startOfMonth,
+            endTime: endOfMonth
+          });
+          summariesMap[meter.id] = meterSummaries.length > 0 ? meterSummaries[0] : null;
+        } catch (error) {
+          console.error(`[UsageContainer] Failed to load summaries for meter ${meter.id}:`, error);
+          summariesMap[meter.id] = null;
+        }
+      }
+      setSummaries(summariesMap);
+    } catch (error) {
+      console.error("[UsageContainer] Failed to load usage data:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadUsageData");
+  const hasMeteredSubscriptions = subscriptions.some((sub) => sub.price?.recurring?.usageType === "metered");
+  if (!loading && !hasMeteredSubscriptions) {
+    return null;
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx25("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx25("p", { className: "text-muted-foreground", children: "Loading usage data..." }) });
+  }
+  return /* @__PURE__ */ jsxs21("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx25(Activity3, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx25("h1", { className: "text-3xl font-bold", children: "Usage Tracking" })
+    ] }),
+    meters.length === 0 && /* @__PURE__ */ jsxs21("div", { className: "bg-muted/50 flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed border-gray-300 p-12", children: [
+      /* @__PURE__ */ jsx25(Activity3, { className: "text-muted-foreground h-16 w-16" }),
+      /* @__PURE__ */ jsxs21("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx25("h3", { className: "mb-2 text-xl font-semibold", children: "No usage meters configured" }),
+        /* @__PURE__ */ jsx25("p", { className: "text-muted-foreground", children: "Usage tracking will appear here when you have metered subscriptions with configured meters." })
+      ] })
+    ] }),
+    meters.length > 0 && /* @__PURE__ */ jsx25(UsageSummaryCards, { meters, summaries })
+  ] });
+}
+__name(UsageContainer, "UsageContainer");
+
+// src/features/billing/stripe-usage/components/lists/UsageHistoryTable.tsx
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+function formatDateTime(date) {
+  if (!date) return "N/A";
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    }).format(dateObj);
+  } catch (error) {
+    return "Invalid Date";
+  }
+}
+__name(formatDateTime, "formatDateTime");
+function UsageHistoryTable({ usageRecords }) {
+  if (usageRecords.length === 0) {
+    return /* @__PURE__ */ jsx26("div", { className: "rounded-lg border p-8 text-center", children: /* @__PURE__ */ jsx26("p", { className: "text-muted-foreground", children: "No usage history available." }) });
+  }
+  return /* @__PURE__ */ jsxs22("div", { className: "flex w-full flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx26("h2", { className: "text-xl font-semibold", children: "Usage History" }),
+    /* @__PURE__ */ jsx26("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs22(Table, { children: [
+      /* @__PURE__ */ jsx26(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs22(TableRow, { children: [
+        /* @__PURE__ */ jsx26(TableHead, { children: "Date & Time" }),
+        /* @__PURE__ */ jsx26(TableHead, { children: "Meter Event" }),
+        /* @__PURE__ */ jsx26(TableHead, { className: "text-right", children: "Quantity" }),
+        /* @__PURE__ */ jsx26(TableHead, { children: "Event ID" })
+      ] }) }),
+      /* @__PURE__ */ jsx26(TableBody, { children: usageRecords.map((record) => {
+        const dateTime = formatDateTime(record.timestamp);
+        const quantity = record.quantity.toLocaleString();
+        return /* @__PURE__ */ jsxs22(TableRow, { children: [
+          /* @__PURE__ */ jsx26(TableCell, { className: "font-medium", children: dateTime }),
+          /* @__PURE__ */ jsx26(TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
+          /* @__PURE__ */ jsx26(TableCell, { className: "text-right font-medium", children: quantity }),
+          /* @__PURE__ */ jsx26(TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
+        ] }, record.id);
+      }) })
+    ] }) })
+  ] });
+}
+__name(UsageHistoryTable, "UsageHistoryTable");
+
+// src/features/billing/components/modals/BillingDetailModal.tsx
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+function BillingDetailModal({
+  open,
+  onOpenChange,
+  title,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx27(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs23(DialogContent, { className: className ?? "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx27(DialogHeader, { children: /* @__PURE__ */ jsx27(DialogTitle, { children: title }) }),
+    children
+  ] }) });
+}
+__name(BillingDetailModal, "BillingDetailModal");
+
+// src/features/billing/components/widgets/BillingAlertBanner.tsx
+import { AlertCircle } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
+  if (subscription.status === "past_due" /* PAST_DUE */) {
+    return /* @__PURE__ */ jsxs24("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 flex items-start gap-x-3", children: [
+      /* @__PURE__ */ jsx28(AlertCircle, { className: "h-5 w-5 text-red-600 mt-0.5" }),
+      /* @__PURE__ */ jsxs24("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx28("h3", { className: "font-semibold text-red-900", children: "Payment Failed" }),
+        /* @__PURE__ */ jsx28("p", { className: "text-sm text-red-700 mt-1", children: "Your last payment failed. Please update your payment method to avoid service interruption." })
+      ] }),
+      onUpdatePayment && /* @__PURE__ */ jsx28(Button, { variant: "outline", size: "sm", onClick: onUpdatePayment, className: "border-red-300 text-red-700", children: "Update Payment Method" })
+    ] });
+  }
+  if (subscription.status === "trialing" /* TRIALING */ && subscription.trialEnd) {
+    const trialEnd = new Date(subscription.trialEnd);
+    const now = /* @__PURE__ */ new Date();
+    const daysRemaining = Math.ceil((trialEnd.getTime() - now.getTime()) / (1e3 * 60 * 60 * 24));
+    if (daysRemaining <= 7) {
+      return /* @__PURE__ */ jsxs24("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-4 flex items-start gap-x-3", children: [
+        /* @__PURE__ */ jsx28(AlertCircle, { className: "h-5 w-5 text-yellow-600 mt-0.5" }),
+        /* @__PURE__ */ jsxs24("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx28("h3", { className: "font-semibold text-yellow-900", children: "Trial Ending Soon" }),
+          /* @__PURE__ */ jsxs24("p", { className: "text-sm text-yellow-700 mt-1", children: [
+            "Your trial ends in ",
+            daysRemaining,
+            " ",
+            daysRemaining === 1 ? "day" : "days",
+            ". Add a payment method to continue your subscription."
+          ] })
+        ] }),
+        onAddPayment && /* @__PURE__ */ jsx28(Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
+      ] });
+    }
+  }
+  return null;
+}
+__name(BillingAlertBanner, "BillingAlertBanner");
+
+// src/features/billing/components/containers/BillingDashboardContainer.tsx
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+function BillingDashboardContainer() {
+  const [data, setData] = useState14({
+    customer: null,
+    subscriptions: [],
+    paymentMethods: [],
+    invoices: [],
+    meters: [],
+    meterSummaries: {}
+  });
+  const [loading, setLoading] = useState14({
+    customer: true,
+    subscriptions: true,
+    paymentMethods: true,
+    invoices: true,
+    usage: true
+  });
+  const [errors, setErrors] = useState14({
+    customer: null,
+    subscriptions: null,
+    paymentMethods: null,
+    invoices: null,
+    usage: null
+  });
+  const [activeModal, setActiveModal] = useState14(null);
+  const [noCustomerExists, setNoCustomerExists] = useState14(false);
+  const [creatingCustomer, setCreatingCustomer] = useState14(false);
+  const hasMeteredSubscriptions = useCallback2(() => {
+    return data.subscriptions.some((sub) => sub.price?.recurring?.usageType === "metered");
+  }, [data.subscriptions]);
+  const fetchAllData = useCallback2(async () => {
+    setNoCustomerExists(false);
+    let customer = null;
+    try {
+      customer = await StripeCustomerService.getCustomer();
+      setData((prev) => ({ ...prev, customer }));
+      setErrors((prev) => ({ ...prev, customer: null }));
+      setNoCustomerExists(false);
+    } catch (error) {
+      console.error("[BillingDashboard] Failed to load customer:", error);
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      if (errorMessage.includes("Not Found") || errorMessage.includes("not found")) {
+        setNoCustomerExists(true);
+        setLoading({
+          customer: false,
+          subscriptions: false,
+          paymentMethods: false,
+          invoices: false,
+          usage: false
+        });
+        return;
+      }
+      setErrors((prev) => ({ ...prev, customer: "Failed to load billing account" }));
+    } finally {
+      setLoading((prev) => ({ ...prev, customer: false }));
+    }
+    if (customer) {
+      const fetchSubscriptions = /* @__PURE__ */ __name(async () => {
+        try {
+          const subscriptions2 = await StripeSubscriptionService.listSubscriptions();
+          setData((prev) => ({ ...prev, subscriptions: subscriptions2 }));
+          setErrors((prev) => ({ ...prev, subscriptions: null }));
+          return subscriptions2;
+        } catch (error) {
+          console.error("[BillingDashboard] Failed to load subscriptions:", error);
+          setErrors((prev) => ({ ...prev, subscriptions: "Failed to load subscriptions" }));
+          return [];
+        } finally {
+          setLoading((prev) => ({ ...prev, subscriptions: false }));
+        }
+      }, "fetchSubscriptions");
+      const fetchPaymentMethods = /* @__PURE__ */ __name(async () => {
+        try {
+          const paymentMethods = await StripeCustomerService.listPaymentMethods();
+          setData((prev) => ({ ...prev, paymentMethods }));
+          setErrors((prev) => ({ ...prev, paymentMethods: null }));
+        } catch (error) {
+          console.error("[BillingDashboard] Failed to load payment methods:", error);
+          setErrors((prev) => ({ ...prev, paymentMethods: "Failed to load payment methods" }));
+        } finally {
+          setLoading((prev) => ({ ...prev, paymentMethods: false }));
+        }
+      }, "fetchPaymentMethods");
+      const fetchInvoices = /* @__PURE__ */ __name(async () => {
+        try {
+          const invoices = await StripeInvoiceService.listInvoices();
+          setData((prev) => ({ ...prev, invoices }));
+          setErrors((prev) => ({ ...prev, invoices: null }));
+        } catch (error) {
+          console.error("[BillingDashboard] Failed to load invoices:", error);
+          setErrors((prev) => ({ ...prev, invoices: "Failed to load invoices" }));
+        } finally {
+          setLoading((prev) => ({ ...prev, invoices: false }));
+        }
+      }, "fetchInvoices");
+      const [subscriptions] = await Promise.all([fetchSubscriptions(), fetchPaymentMethods(), fetchInvoices()]);
+      const hasMetered = subscriptions.some(
+        (sub) => sub.price?.recurring?.usageType === "metered"
+      );
+      if (hasMetered) {
+        await fetchUsageData();
+      } else {
+        setLoading((prev) => ({ ...prev, usage: false }));
+      }
+    }
+  }, []);
+  const handleCreateCustomer = /* @__PURE__ */ __name(async () => {
+    setCreatingCustomer(true);
+    try {
+      await StripeCustomerService.createCustomer();
+      setNoCustomerExists(false);
+      await fetchAllData();
+    } catch (error) {
+      console.error("[BillingDashboard] Failed to create customer:", error);
+      setErrors((prev) => ({ ...prev, customer: "Failed to set up billing" }));
+    } finally {
+      setCreatingCustomer(false);
+    }
+  }, "handleCreateCustomer");
+  const fetchUsageData = /* @__PURE__ */ __name(async () => {
+    try {
+      const meters = await StripeUsageService.listMeters();
+      setData((prev) => ({ ...prev, meters }));
+      const summariesMap = {};
+      const now = /* @__PURE__ */ new Date();
+      const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+      const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
+      for (const meter of meters) {
+        try {
+          const meterSummaries = await StripeUsageService.getMeterSummaries({
+            meterId: meter.id,
+            startTime: startOfMonth,
+            endTime: endOfMonth
+          });
+          summariesMap[meter.id] = meterSummaries.length > 0 ? meterSummaries[0] : null;
+        } catch (error) {
+          console.error(`[BillingDashboard] Failed to load summaries for meter ${meter.id}:`, error);
+          summariesMap[meter.id] = null;
+        }
+      }
+      setData((prev) => ({ ...prev, meterSummaries: summariesMap }));
+      setErrors((prev) => ({ ...prev, usage: null }));
+    } catch (error) {
+      console.error("[BillingDashboard] Failed to load usage data:", error);
+      setErrors((prev) => ({ ...prev, usage: "Failed to load usage data" }));
+    } finally {
+      setLoading((prev) => ({ ...prev, usage: false }));
+    }
+  }, "fetchUsageData");
+  const refreshData = useCallback2(async () => {
+    setLoading({
+      customer: true,
+      subscriptions: true,
+      paymentMethods: true,
+      invoices: true,
+      usage: true
+    });
+    await fetchAllData();
+  }, [fetchAllData]);
+  useEffect8(() => {
+    fetchAllData();
+  }, [fetchAllData]);
+  const criticalSubscriptions = data.subscriptions.filter(
+    (sub) => sub.status === "past_due" /* PAST_DUE */ || sub.status === "trialing" /* TRIALING */ && sub.trialEnd && new Date(sub.trialEnd).getTime() - (/* @__PURE__ */ new Date()).getTime() <= 7 * 24 * 60 * 60 * 1e3
+  );
+  const handleModalClose = /* @__PURE__ */ __name((open) => {
+    if (!open) {
+      setActiveModal(null);
+      refreshData();
+    }
+  }, "handleModalClose");
+  const getModalTitle = /* @__PURE__ */ __name((type) => {
+    switch (type) {
+      case "subscriptions":
+        return "Manage Subscriptions";
+      case "payment-methods":
+        return "Payment Methods";
+      case "invoices":
+        return "Invoice History";
+      case "usage":
+        return "Usage Tracking";
+      default:
+        return "";
+    }
+  }, "getModalTitle");
+  const isInitialLoading = loading.customer && !noCustomerExists && !data.customer;
+  return /* @__PURE__ */ jsxs25("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx29(Wallet2, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx29("h1", { className: "text-3xl font-bold", children: "Billing" })
+    ] }),
+    isInitialLoading && /* @__PURE__ */ jsx29(Card, { children: /* @__PURE__ */ jsx29(CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx29(Loader23, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
+    noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs25(Card, { children: [
+      /* @__PURE__ */ jsxs25(CardHeader, { className: "text-center", children: [
+        /* @__PURE__ */ jsx29("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx29(CreditCard4, { className: "h-8 w-8 text-primary" }) }),
+        /* @__PURE__ */ jsx29(CardTitle, { children: "Set Up Billing" }),
+        /* @__PURE__ */ jsx29(CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
+      ] }),
+      /* @__PURE__ */ jsx29(CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ jsx29(Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ jsxs25(Fragment6, { children: [
+        /* @__PURE__ */ jsx29(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
+        "Setting up..."
+      ] }) : "Set Up Billing Account" }) }),
+      errors.customer && /* @__PURE__ */ jsx29(CardContent, { className: "pt-0", children: /* @__PURE__ */ jsx29("p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
+    ] }),
+    !noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs25(Fragment6, { children: [
+      criticalSubscriptions.map((subscription) => /* @__PURE__ */ jsx29(
+        BillingAlertBanner,
+        {
+          subscription,
+          onUpdatePayment: () => setActiveModal("payment-methods"),
+          onAddPayment: () => setActiveModal("payment-methods")
+        },
+        subscription.id
+      )),
+      /* @__PURE__ */ jsxs25("div", { className: "grid gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx29(
+          SubscriptionSummaryCard,
+          {
+            subscriptions: data.subscriptions,
+            loading: loading.subscriptions,
+            error: errors.subscriptions || void 0,
+            onManageClick: () => setActiveModal("subscriptions")
+          }
+        ),
+        /* @__PURE__ */ jsx29(
+          PaymentMethodSummaryCard,
+          {
+            paymentMethods: data.paymentMethods,
+            defaultPaymentMethodId: data.customer?.defaultPaymentMethodId,
+            loading: loading.paymentMethods,
+            error: errors.paymentMethods || void 0,
+            onManageClick: () => setActiveModal("payment-methods")
+          }
+        ),
+        /* @__PURE__ */ jsx29(
+          CustomerInfoCard,
+          {
+            customer: data.customer,
+            loading: loading.customer,
+            error: errors.customer || void 0
+          }
+        ),
+        /* @__PURE__ */ jsx29(
+          InvoicesSummaryCard,
+          {
+            invoices: data.invoices,
+            loading: loading.invoices,
+            error: errors.invoices || void 0,
+            onViewAllClick: () => setActiveModal("invoices")
+          }
+        ),
+        hasMeteredSubscriptions() && /* @__PURE__ */ jsx29(
+          BillingUsageSummaryCard,
+          {
+            meters: data.meters,
+            summaries: data.meterSummaries,
+            loading: loading.usage,
+            error: errors.usage || void 0,
+            onViewDetailsClick: () => setActiveModal("usage")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx29(
+        BillingDetailModal,
+        {
+          open: activeModal === "subscriptions",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("subscriptions"),
+          children: /* @__PURE__ */ jsx29(SubscriptionsContainer, {})
+        }
+      ),
+      /* @__PURE__ */ jsx29(
+        BillingDetailModal,
+        {
+          open: activeModal === "payment-methods",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("payment-methods"),
+          children: /* @__PURE__ */ jsx29(PaymentMethodsContainer, {})
+        }
+      ),
+      /* @__PURE__ */ jsx29(
+        BillingDetailModal,
+        {
+          open: activeModal === "invoices",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("invoices"),
+          children: /* @__PURE__ */ jsx29(InvoicesContainer, {})
+        }
+      ),
+      /* @__PURE__ */ jsx29(
+        BillingDetailModal,
+        {
+          open: activeModal === "usage",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("usage"),
+          children: /* @__PURE__ */ jsx29(UsageContainer, {})
+        }
+      )
+    ] })
+  ] });
+}
+__name(BillingDashboardContainer, "BillingDashboardContainer");
+
+// src/features/billing/components/providers/StripeProvider.tsx
+import { Elements } from "@stripe/react-stripe-js";
+import { loadStripe } from "@stripe/stripe-js";
+import { useMemo } from "react";
+import { Fragment as Fragment7, jsx as jsx30 } from "react/jsx-runtime";
+var stripePromiseCache = null;
+function getStripePromise(publishableKey) {
+  if (!publishableKey) {
+    return Promise.resolve(null);
+  }
+  if (stripePromiseCache?.key === publishableKey) {
+    return stripePromiseCache.promise;
+  }
+  const promise = loadStripe(publishableKey);
+  stripePromiseCache = { key: publishableKey, promise };
+  return promise;
+}
+__name(getStripePromise, "getStripePromise");
+function StripeProvider({ children }) {
+  const publishableKey = getStripePublishableKey();
+  const stripePromise = useMemo(() => getStripePromise(publishableKey), [publishableKey]);
+  const options = useMemo(() => ({}), []);
+  if (!publishableKey) {
+    return /* @__PURE__ */ jsx30(Fragment7, { children });
+  }
+  return /* @__PURE__ */ jsx30(Elements, { stripe: stripePromise, options, children });
+}
+__name(StripeProvider, "StripeProvider");
+function isStripeConfigured() {
+  return !!getStripePublishableKey();
+}
+__name(isStripeConfigured, "isStripeConfigured");
+
+// src/features/billing/stripe-price/components/forms/PriceEditor.tsx
+import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
+import { AlertCircle as AlertCircle2, PlusIcon, XIcon } from "lucide-react";
+import { useState as useState15 } from "react";
+import { useForm as useForm2 } from "react-hook-form";
+import { v4 as v43 } from "uuid";
+import { z as z2 } from "zod";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
+  const [isSubmitting, setIsSubmitting] = useState15(false);
+  const formSchema2 = z2.object({
+    unitAmount: z2.preprocess(
+      (val) => typeof val === "string" ? parseFloat(val) : val,
+      z2.number().min(0, { message: "Amount must be 0 or greater" })
+    ),
+    currency: z2.string().min(1, { message: "Currency is required" }),
+    interval: z2.enum(["one_time", "day", "week", "month", "year"]),
+    intervalCount: z2.preprocess(
+      (val) => val === "" || val === void 0 ? void 0 : typeof val === "string" ? parseInt(val, 10) : val,
+      z2.number().min(1).optional()
+    ),
+    usageType: z2.enum(["licensed", "metered"]).optional(),
+    nickname: z2.string().optional(),
+    active: z2.boolean(),
+    description: z2.string().optional(),
+    features: z2.array(z2.string())
+  });
+  const isEditMode = !!price;
+  const defaultUnitAmount = price?.unitAmount ? price.unitAmount / 100 : 0;
+  const form = useForm2({
+    resolver: zodResolver2(formSchema2),
+    defaultValues: {
+      unitAmount: defaultUnitAmount,
+      currency: price?.currency || "usd",
+      interval: price?.priceType === "one_time" ? "one_time" : price?.recurring?.interval || "month",
+      intervalCount: price?.recurring?.intervalCount || 1,
+      usageType: price?.recurring?.usageType || "licensed",
+      nickname: price?.nickname || "",
+      active: price?.active ?? true,
+      description: price?.description || "",
+      features: price?.features || []
+    }
+  });
+  const watchInterval = form.watch("interval");
+  const isRecurring = watchInterval !== "one_time";
+  const onSubmit = /* @__PURE__ */ __name(async (values) => {
+    setIsSubmitting(true);
+    try {
+      const unitAmountInCents = Math.round(values.unitAmount * 100);
+      if (isEditMode) {
+        await StripePriceService.updatePrice({
+          id: price.id,
+          nickname: values.nickname || void 0,
+          description: values.description || void 0,
+          features: values.features.filter((f) => f.trim()) || void 0
+        });
+      } else {
+        const createInput = {
+          id: v43(),
+          productId,
+          currency: values.currency,
+          unitAmount: unitAmountInCents
+        };
+        if (isRecurring) {
+          createInput.recurring = {
+            interval: values.interval,
+            intervalCount: values.intervalCount || 1,
+            usageType: values.usageType || "licensed"
+          };
+        }
+        if (values.nickname) {
+          createInput.nickname = values.nickname;
+        }
+        if (values.description) {
+          createInput.description = values.description;
+        }
+        const filteredFeatures = values.features.filter((f) => f.trim());
+        if (filteredFeatures.length > 0) {
+          createInput.features = filteredFeatures;
+        }
+        await StripePriceService.createPrice(createInput);
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[PriceEditor] Failed to save price:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "onSubmit");
+  const currencyOptions = [
+    { id: "usd", text: "USD ($)" },
+    { id: "eur", text: "EUR (\u20AC)" },
+    { id: "gbp", text: "GBP (\xA3)" }
+  ];
+  const intervalOptions = [
+    { id: "one_time", text: "One-time" },
+    { id: "day", text: "Daily" },
+    { id: "week", text: "Weekly" },
+    { id: "month", text: "Monthly" },
+    { id: "year", text: "Yearly" }
+  ];
+  const usageTypeOptions = [
+    { id: "licensed", text: "Licensed (per unit)" },
+    { id: "metered", text: "Metered (usage-based)" }
+  ];
+  return /* @__PURE__ */ jsx31(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs26(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs26(DialogHeader, { children: [
+      /* @__PURE__ */ jsx31(DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
+      /* @__PURE__ */ jsx31(DialogDescription, { children: isEditMode ? "Update the price details. Note: Only nickname and active status can be changed." : "Create a new price for this product" })
+    ] }),
+    isEditMode && /* @__PURE__ */ jsxs26("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 flex gap-x-3", children: [
+      /* @__PURE__ */ jsx31(AlertCircle2, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsxs26("div", { className: "text-sm text-blue-800", children: [
+        /* @__PURE__ */ jsx31("p", { className: "font-semibold mb-1", children: "Stripe Price Immutability" }),
+        /* @__PURE__ */ jsx31("p", { children: "Due to Stripe's architecture, only the nickname and active status can be modified after creation. To change amount, currency, or billing interval, create a new price." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx31(Form, { ...form, children: /* @__PURE__ */ jsxs26("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx31(
+          FormInput,
+          {
+            form,
+            id: "unitAmount",
+            name: "Amount (in dollars)",
+            placeholder: "9.99",
+            disabled: isEditMode,
+            isRequired: true
+          }
+        ),
+        /* @__PURE__ */ jsx31(FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
+      ] }),
+      /* @__PURE__ */ jsx31(
+        FormSelect,
+        {
+          form,
+          id: "interval",
+          name: "Billing Interval",
+          values: intervalOptions,
+          disabled: isEditMode
+        }
+      ),
+      isRecurring && /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx31(
+          FormInput,
+          {
+            form,
+            id: "intervalCount",
+            name: "Interval Count",
+            placeholder: "1",
+            type: "number",
+            disabled: isEditMode
+          }
+        ),
+        /* @__PURE__ */ jsx31(
+          FormSelect,
+          {
+            form,
+            id: "usageType",
+            name: "Usage Type",
+            values: usageTypeOptions,
+            disabled: isEditMode
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx31(
+        FormInput,
+        {
+          form,
+          id: "nickname",
+          name: "Nickname (optional)",
+          placeholder: "e.g., Standard Plan, Pro Tier"
+        }
+      ),
+      /* @__PURE__ */ jsx31(
+        FormTextarea,
+        {
+          form,
+          id: "description",
+          name: "Description (optional)",
+          placeholder: "Describe what this price tier includes...",
+          className: "min-h-24"
+        }
+      ),
+      /* @__PURE__ */ jsxs26(FormItem, { children: [
+        /* @__PURE__ */ jsx31(FormLabel, { children: "Features (optional)" }),
+        /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
+          form.watch("features").map((_, index) => /* @__PURE__ */ jsxs26("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx31(FormControl, { children: /* @__PURE__ */ jsx31(
+              Input,
+              {
+                ...form.register(`features.${index}`),
+                placeholder: `Feature ${index + 1}`,
+                className: "flex-1"
+              }
+            ) }),
+            /* @__PURE__ */ jsx31(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "icon",
+                onClick: () => {
+                  const currentFeatures = form.getValues("features");
+                  form.setValue(
+                    "features",
+                    currentFeatures.filter((_2, i) => i !== index)
+                  );
+                },
+                children: /* @__PURE__ */ jsx31(XIcon, { className: "h-4 w-4" })
+              }
+            )
+          ] }, index)),
+          /* @__PURE__ */ jsxs26(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => {
+                const currentFeatures = form.getValues("features");
+                form.setValue("features", [...currentFeatures, ""]);
+              },
+              className: "mt-2",
+              children: [
+                /* @__PURE__ */ jsx31(PlusIcon, { className: "h-4 w-4 mr-2" }),
+                "Add Feature"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx31(FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ jsx31(CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
+    ] }) })
+  ] }) });
+}
+__name(PriceEditor, "PriceEditor");
+
+// src/features/billing/stripe-price/components/lists/PricesList.tsx
+import { Archive, DollarSign, Edit, RotateCcw } from "lucide-react";
+import { useEffect as useEffect9, useState as useState16 } from "react";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+function PricesList({ productId, onPricesChange }) {
+  const [prices, setPrices] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [showCreatePrice, setShowCreatePrice] = useState16(false);
+  const [editingPrice, setEditingPrice] = useState16(null);
+  const [priceToArchive, setPriceToArchive] = useState16(null);
+  const [priceToReactivate, setPriceToReactivate] = useState16(null);
+  const [archivingPriceId, setArchivingPriceId] = useState16(null);
+  const [reactivatingPriceId, setReactivatingPriceId] = useState16(null);
+  const loadPrices = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedPrices = await StripePriceService.listPrices({ productId });
+      setPrices(fetchedPrices);
+    } catch (error) {
+      console.error("[PricesList] Failed to load prices:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadPrices");
+  useEffect9(() => {
+    loadPrices();
+  }, [productId]);
+  const handleArchive = /* @__PURE__ */ __name(async () => {
+    if (!priceToArchive) {
+      return;
+    }
+    setArchivingPriceId(priceToArchive.id);
+    try {
+      await StripePriceService.archivePrice({ id: priceToArchive.id });
+      setPriceToArchive(null);
+      await loadPrices();
+      onPricesChange();
+    } catch (error) {
+      console.error("[PricesList] Failed to archive price:", error);
+    } finally {
+      setArchivingPriceId(null);
+    }
+  }, "handleArchive");
+  const handleReactivate = /* @__PURE__ */ __name(async () => {
+    if (!priceToReactivate) {
+      return;
+    }
+    setReactivatingPriceId(priceToReactivate.id);
+    try {
+      await StripePriceService.reactivatePrice({ id: priceToReactivate.id });
+      setPriceToReactivate(null);
+      await loadPrices();
+      onPricesChange();
+    } catch (error) {
+      console.error("[PricesList] Failed to reactivate price:", error);
+    } finally {
+      setReactivatingPriceId(null);
+    }
+  }, "handleReactivate");
+  const formatInterval2 = /* @__PURE__ */ __name((price) => {
+    if (price.priceType === "one_time") {
+      return "one-time";
+    }
+    if (price.recurring) {
+      const count = price.recurring.intervalCount;
+      const interval = price.recurring.interval;
+      if (count === 1) {
+        return `/ ${interval}`;
+      } else {
+        return `/ ${count} ${interval}s`;
+      }
+    }
+    return "";
+  }, "formatInterval");
+  if (loading) {
+    return /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground", children: "Loading prices..." }) });
+  }
+  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx32("h4", { className: "text-lg font-semibold", children: "Prices" }),
+      /* @__PURE__ */ jsx32(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+    ] }),
+    prices.length === 0 && /* @__PURE__ */ jsxs27("div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
+      /* @__PURE__ */ jsx32(DollarSign, { className: "text-muted-foreground h-12 w-12" }),
+      /* @__PURE__ */ jsx32("p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
+      /* @__PURE__ */ jsx32(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+    ] }),
+    prices.length > 0 && /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: prices.map((price) => {
+      const isArchiving = archivingPriceId === price.id;
+      const isReactivating = reactivatingPriceId === price.id;
+      return /* @__PURE__ */ jsxs27("div", { className: "border rounded-lg bg-white p-4 hover:shadow-sm transition-shadow", children: [
+        /* @__PURE__ */ jsxs27("div", { className: "flex items-start justify-between mb-3", children: [
+          /* @__PURE__ */ jsx32(DollarSign, { className: "h-5 w-5 text-primary" }),
+          /* @__PURE__ */ jsxs27("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx32(Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx32(Edit, { className: "h-4 w-4" }) }),
+            price.active ? /* @__PURE__ */ jsx32(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => setPriceToArchive(price),
+                className: "h-8 w-8 p-0",
+                disabled: isArchiving,
+                children: /* @__PURE__ */ jsx32(Archive, { className: "h-4 w-4" })
+              }
+            ) : /* @__PURE__ */ jsx32(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => setPriceToReactivate(price),
+                className: "h-8 w-8 p-0",
+                disabled: isReactivating,
+                children: /* @__PURE__ */ jsx32(RotateCcw, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx32("div", { className: "mb-2", children: /* @__PURE__ */ jsxs27("div", { className: "text-2xl font-bold", children: [
+          formatCurrency(price.unitAmount, price.currency),
+          " ",
+          /* @__PURE__ */ jsx32("span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
+        ] }) }),
+        price.metadata?.nickname && /* @__PURE__ */ jsx32("p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
+        /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap gap-2", children: [
+          price.active ? /* @__PURE__ */ jsx32("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx32("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" }),
+          price.recurring?.usageType === "metered" && /* @__PURE__ */ jsx32("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium", children: "Metered" }),
+          /* @__PURE__ */ jsx32("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium uppercase", children: price.currency })
+        ] })
+      ] }, price.id);
+    }) }),
+    showCreatePrice && /* @__PURE__ */ jsx32(
+      PriceEditor,
+      {
+        productId,
+        open: showCreatePrice,
+        onOpenChange: setShowCreatePrice,
+        onSuccess: () => {
+          loadPrices();
+          onPricesChange();
+        }
+      }
+    ),
+    editingPrice && /* @__PURE__ */ jsx32(
+      PriceEditor,
+      {
+        productId,
+        price: editingPrice,
+        open: !!editingPrice,
+        onOpenChange: (open) => !open && setEditingPrice(null),
+        onSuccess: () => {
+          loadPrices();
+          onPricesChange();
+          setEditingPrice(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx32(AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ jsxs27(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs27(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx32(AlertDialogTitle, { children: "Archive Price" }),
+        /* @__PURE__ */ jsxs27(AlertDialogDescription, { children: [
+          "Are you sure you want to archive the price for",
+          " ",
+          priceToArchive && `${formatCurrency(priceToArchive.unitAmount, priceToArchive.currency)} ${formatInterval2(priceToArchive)}`,
+          "? This will prevent new subscriptions but existing ones will continue."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs27(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx32(AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx32(
+          AlertDialogAction,
+          {
+            onClick: handleArchive,
+            disabled: !!archivingPriceId,
+            className: "bg-red-600 hover:bg-red-700",
+            children: archivingPriceId ? "Archiving..." : "Archive"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx32(AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ jsxs27(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs27(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx32(AlertDialogTitle, { children: "Reactivate Price" }),
+        /* @__PURE__ */ jsxs27(AlertDialogDescription, { children: [
+          "Are you sure you want to reactivate the price for",
+          " ",
+          priceToReactivate && `${formatCurrency(priceToReactivate.unitAmount, priceToReactivate.currency)} ${formatInterval2(priceToReactivate)}`,
+          "? This will allow new subscriptions again."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs27(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx32(AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx32(
+          AlertDialogAction,
+          {
+            onClick: handleReactivate,
+            disabled: !!reactivatingPriceId,
+            className: "bg-green-600 hover:bg-green-700",
+            children: reactivatingPriceId ? "Reactivating..." : "Reactivate"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+__name(PricesList, "PricesList");
+
+// src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
+import { Package as Package2 } from "lucide-react";
+import { useEffect as useEffect10, useState as useState19 } from "react";
+
+// src/features/billing/stripe-product/components/forms/ProductEditor.tsx
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
+import { useState as useState17 } from "react";
+import { useForm as useForm3 } from "react-hook-form";
+import { v4 as v44 } from "uuid";
+import { z as z3 } from "zod";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+function ProductEditor({ product, open, onOpenChange, onSuccess }) {
+  const [isSubmitting, setIsSubmitting] = useState17(false);
+  const formSchema2 = z3.object({
+    name: z3.string().min(1, { message: "Product name is required" }),
+    description: z3.string().optional(),
+    active: z3.boolean()
+  });
+  const form = useForm3({
+    resolver: zodResolver3(formSchema2),
+    defaultValues: {
+      name: product?.name || "",
+      description: product?.description || "",
+      active: product?.active ?? true
+    }
+  });
+  const onSubmit = /* @__PURE__ */ __name(async (values) => {
+    setIsSubmitting(true);
+    try {
+      if (product) {
+        await StripeProductService.updateProduct({
+          id: product.id,
+          name: values.name,
+          description: values.description,
+          active: values.active
+        });
+      } else {
+        await StripeProductService.createProduct({
+          id: v44(),
+          name: values.name,
+          description: values.description,
+          active: values.active
+        });
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[ProductEditor] Failed to save product:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "onSubmit");
+  return /* @__PURE__ */ jsx33(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs28(DialogHeader, { children: [
+      /* @__PURE__ */ jsx33(DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
+      /* @__PURE__ */ jsx33(DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
+    ] }),
+    /* @__PURE__ */ jsx33(Form, { ...form, children: /* @__PURE__ */ jsxs28("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx33(FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
+      /* @__PURE__ */ jsx33(
+        FormTextarea,
+        {
+          form,
+          id: "description",
+          name: "Description",
+          placeholder: "Enter product description (optional)",
+          className: "min-h-32"
+        }
+      ),
+      /* @__PURE__ */ jsx33(FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ jsx33(CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
+    ] }) })
+  ] }) });
+}
+__name(ProductEditor, "ProductEditor");
+
+// src/features/billing/stripe-product/components/lists/ProductsList.tsx
+import { Archive as Archive2, ChevronDown, ChevronUp, Edit as Edit2, Package, RefreshCw as RefreshCw2 } from "lucide-react";
+import { useState as useState18 } from "react";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+function ProductsList({ products, onProductsChange }) {
+  const [expandedProductId, setExpandedProductId] = useState18(null);
+  const [editingProduct, setEditingProduct] = useState18(null);
+  const [archivingProductId, setArchivingProductId] = useState18(null);
+  const [reactivatingProductId, setReactivatingProductId] = useState18(null);
+  const [productToArchive, setProductToArchive] = useState18(null);
+  const [productToReactivate, setProductToReactivate] = useState18(null);
+  const handleArchive = /* @__PURE__ */ __name(async () => {
+    if (!productToArchive) {
+      return;
+    }
+    setArchivingProductId(productToArchive.id);
+    try {
+      const archivedProduct = await StripeProductService.archiveProduct({ id: productToArchive.id });
+      setProductToArchive(null);
+      onProductsChange();
+    } catch (error) {
+      console.error("[ProductsList] Failed to archive product:", error);
+    } finally {
+      setArchivingProductId(null);
+    }
+  }, "handleArchive");
+  const handleReactivate = /* @__PURE__ */ __name(async () => {
+    if (!productToReactivate) {
+      return;
+    }
+    setReactivatingProductId(productToReactivate.id);
+    try {
+      const reactivatedProduct = await StripeProductService.reactivateProduct({ id: productToReactivate.id });
+      setProductToReactivate(null);
+      onProductsChange();
+    } catch (error) {
+    } finally {
+      setReactivatingProductId(null);
+    }
+  }, "handleReactivate");
+  const toggleExpand = /* @__PURE__ */ __name((productId) => {
+    setExpandedProductId(expandedProductId === productId ? null : productId);
+  }, "toggleExpand");
+  return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-y-4", children: [
+    products.map((product) => {
+      const isExpanded = expandedProductId === product.id;
+      const isArchiving = archivingProductId === product.id;
+      const isReactivating = reactivatingProductId === product.id;
+      return /* @__PURE__ */ jsxs29("div", { className: "border rounded-lg bg-white shadow-sm hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ jsxs29("div", { className: "flex items-center justify-between p-6", children: [
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-x-4 flex-1", children: [
+            /* @__PURE__ */ jsx34(Package, { className: "h-6 w-6 text-primary" }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx34("h3", { className: "text-lg font-semibold", children: product.name }),
+                product.active ? /* @__PURE__ */ jsx34("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx34("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" })
+              ] }),
+              product.description && /* @__PURE__ */ jsx34("p", { className: "text-muted-foreground text-sm mt-1", children: product.description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsxs29(Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
+              /* @__PURE__ */ jsx34(Edit2, { className: "h-4 w-4 mr-1" }),
+              "Edit"
+            ] }),
+            product.active ? /* @__PURE__ */ jsxs29(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => setProductToArchive(product),
+                disabled: isArchiving,
+                children: [
+                  /* @__PURE__ */ jsx34(Archive2, { className: "h-4 w-4 mr-1" }),
+                  isArchiving ? "Archiving..." : "Archive"
+                ]
+              }
+            ) : /* @__PURE__ */ jsxs29(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => setProductToReactivate(product),
+                disabled: isReactivating,
+                children: [
+                  /* @__PURE__ */ jsx34(RefreshCw2, { className: "h-4 w-4 mr-1" }),
+                  isReactivating ? "Reactivating..." : "Reactivate"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx34(Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ jsx34(ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx34(ChevronDown, { className: "h-5 w-5" }) })
+          ] })
+        ] }),
+        isExpanded && /* @__PURE__ */ jsx34("div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ jsx34(PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
+      ] }, product.id);
+    }),
+    editingProduct && /* @__PURE__ */ jsx34(
+      ProductEditor,
+      {
+        product: editingProduct,
+        open: !!editingProduct,
+        onOpenChange: (open) => !open && setEditingProduct(null),
+        onSuccess: () => {
+          onProductsChange();
+          setEditingProduct(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx34(AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ jsxs29(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs29(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx34(AlertDialogTitle, { children: "Archive Product" }),
+        /* @__PURE__ */ jsxs29(AlertDialogDescription, { children: [
+          'Are you sure you want to archive "',
+          productToArchive?.name,
+          '"? This will deactivate it and it will no longer be available for new subscriptions.'
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs29(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx34(AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx34(
+          AlertDialogAction,
+          {
+            onClick: handleArchive,
+            disabled: !!archivingProductId,
+            className: "bg-red-600 hover:bg-red-700",
+            children: archivingProductId ? "Archiving..." : "Archive"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx34(AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ jsxs29(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs29(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx34(AlertDialogTitle, { children: "Reactivate Product" }),
+        /* @__PURE__ */ jsxs29(AlertDialogDescription, { children: [
+          'Are you sure you want to reactivate "',
+          productToReactivate?.name,
+          '"? This will make it available for new subscriptions again.'
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs29(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx34(AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx34(
+          AlertDialogAction,
+          {
+            onClick: handleReactivate,
+            disabled: !!reactivatingProductId,
+            className: "bg-green-600 hover:bg-green-700",
+            children: reactivatingProductId ? "Reactivating..." : "Reactivate"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+__name(ProductsList, "ProductsList");
+
+// src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+function ProductsAdminContainer() {
+  const { hasRole } = useCurrentUserContext();
+  const [products, setProducts] = useState19([]);
+  const [loading, setLoading] = useState19(true);
+  const [showCreateProduct, setShowCreateProduct] = useState19(false);
+  if (!hasRole(getRoleId().Administrator)) {
+    return /* @__PURE__ */ jsx35("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx35("p", { className: "text-red-600 font-semibold", children: "Permission denied. Administrator access required." }) });
+  }
+  const loadProducts = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedProducts = await StripeProductService.listProducts();
+      setProducts(fetchedProducts);
+    } catch (error) {
+      console.error("[ProductsAdminContainer] Failed to load products:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadProducts");
+  useEffect10(() => {
+    loadProducts();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx35("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx35("p", { className: "text-muted-foreground", children: "Loading products..." }) });
+  }
+  return /* @__PURE__ */ jsxs30("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx35(Package2, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx35("h1", { className: "text-3xl font-bold", children: "Product & Price Management" })
+      ] }),
+      /* @__PURE__ */ jsx35(Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
+    ] }),
+    products.length === 0 && /* @__PURE__ */ jsxs30("div", { className: "bg-muted/50 flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed p-12", children: [
+      /* @__PURE__ */ jsx35(Package2, { className: "text-muted-foreground h-16 w-16" }),
+      /* @__PURE__ */ jsxs30("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx35("h3", { className: "mb-2 text-xl font-semibold", children: "No products yet" }),
+        /* @__PURE__ */ jsx35("p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
+        /* @__PURE__ */ jsx35(Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
+      ] })
+    ] }),
+    products.length > 0 && /* @__PURE__ */ jsx35(ProductsList, { products, onProductsChange: loadProducts }),
+    showCreateProduct && /* @__PURE__ */ jsx35(ProductEditor, { open: showCreateProduct, onOpenChange: setShowCreateProduct, onSuccess: loadProducts })
+  ] });
+}
+__name(ProductsAdminContainer, "ProductsAdminContainer");
+export {
+  BillingAlertBanner,
+  BillingDashboardContainer,
+  BillingDetailModal,
+  BillingUsageSummaryCard,
+  CancelSubscriptionDialog,
+  CustomerInfoCard,
+  InvoiceDetails,
+  InvoiceStatusBadge,
+  InvoicesContainer,
+  InvoicesList,
+  InvoicesSummaryCard,
+  PaymentMethodCard,
+  PaymentMethodEditor,
+  PaymentMethodSummaryCard,
+  PaymentMethodsContainer,
+  PaymentMethodsList,
+  PriceEditor,
+  PricesList,
+  PricingCard,
+  PricingCardsGrid,
+  ProductEditor,
+  ProductsAdminContainer,
+  ProductsList,
+  ProrationPreview,
+  StripeProvider,
+  SubscriptionDetails,
+  SubscriptionEditor,
+  SubscriptionStatusBadge,
+  SubscriptionSummaryCard,
+  SubscriptionsContainer,
+  SubscriptionsList,
+  UsageContainer,
+  UsageHistoryTable,
+  UsageSummaryCard,
+  UsageSummaryCards,
+  formatCurrency,
+  formatDate3 as formatDate,
+  formatInterval,
+  isStripeConfigured
+};
+//# sourceMappingURL=index.mjs.map