npm - @carlonicora/nextjs-jsonapi - Versions diffs - 1.28.0 → 1.29.0 - Mend

@carlonicora/nextjs-jsonapi 1.28.0 → 1.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/dist/billing/index.js CHANGED Viewed

@@ -47,8 +47,7 @@
-var _chunkIXI4GAKBjs = require('../chunk-IXI4GAKB.js');
+var _chunk3X7EEFMNjs = require('../chunk-3X7EEFMN.js');
@@ -61,7 +60,7 @@ var _chunkEW6QPMN3js = require('../chunk-EW6QPMN3.js');
-var _chunkTSEU4KZ2js = require('../chunk-TSEU4KZ2.js');
+var _chunkJ22NEVSKjs = require('../chunk-J22NEVSK.js');
 require('../chunk-LXKSUWAV.js');
 require('../chunk-IBS6NI7D.js');
 require('../chunk-FM6WRAN5.js');
@@ -121,41 +120,41 @@ function SubscriptionSummaryCard({
   onManageClick
 }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-6 w-32 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-24 mb-1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-40" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-24 mb-1" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-40" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: subscriptions.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: subscriptions.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No active plan" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Subscribe to get started" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-        _chunkIXI4GAKBjs.Button,
+        _chunk3X7EEFMNjs.Button,
         {
           variant: "outline",
           size: "sm",
@@ -173,7 +172,7 @@ function SubscriptionSummaryCard({
     ] }) : primarySubscription ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold", children: formatPlanName(primarySubscription) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Badge, { variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status), children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Badge, { variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status), children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-muted-foreground", children: [
         formatPrice(_optionalChain([primarySubscription, 'access', _10 => _10.price, 'optionalAccess', _11 => _11.unitAmount]), _optionalChain([primarySubscription, 'access', _12 => _12.price, 'optionalAccess', _13 => _13.currency])),
@@ -217,36 +216,36 @@ function PaymentMethodSummaryCard({
   onManageClick
 }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-6 w-32 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-24" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-24" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   const defaultMethod = paymentMethods.find((pm) => pm.id === defaultPaymentMethodId) || paymentMethods[0];
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: paymentMethods.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: paymentMethods.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No payment method" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Add a card to enable subscriptions" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: (e) => {
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: (e) => {
         e.stopPropagation();
         onManageClick();
       }, children: [
@@ -302,7 +301,7 @@ function CustomerInfoCard({ customer, loading, error }) {
     e.stopPropagation();
     setPortalLoading(true);
     try {
-      const { url } = await _chunkTSEU4KZ2js.StripeCustomerService.createPortalSession();
+      const { url } = await _chunkJ22NEVSKjs.StripeCustomerService.createPortalSession();
       window.open(url, "_blank");
     } catch (err) {
       console.error("[CustomerInfoCard] Failed to create portal session:", err);
@@ -311,52 +310,52 @@ function CustomerInfoCard({ customer, loading, error }) {
     }
   }, "handlePortalClick");
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-6 w-32 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-48 mb-1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-24" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-48 mb-1" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-24" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   if (!customer) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "Not set up" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Billing account will be created when you subscribe" })
       ] })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       customer.name && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold", children: customer.name }),
       customer.email && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: customer.email }),
       customer.balance !== void 0 && customer.balance !== 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground", children: "Credit Balance: " }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: customer.balance < 0 ? "text-green-600" : "text-destructive", children: formatBalance(customer.balance, customer.currency) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: handlePortalClick, disabled: portalLoading, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", size: "sm", className: "mt-2", onClick: handlePortalClick, disabled: portalLoading, children: [
         portalLoading ? "Loading..." : "Manage in Stripe Portal",
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4 ml-1" })
       ] })
@@ -400,42 +399,42 @@ function formatAmount(amount, currency) {
 _chunk7QVYU63Ejs.__name.call(void 0, formatAmount, "formatAmount");
 function InvoicesSummaryCard({ invoices, loading, error, onViewAllClick }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-6 w-24 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-32 mb-1" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-20" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-32 mb-1" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-20" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewAllClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewAllClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: invoices.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: invoices.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No invoices yet" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "Invoices will appear after your first billing cycle" })
     ] }) : latestInvoice ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold", children: formatAmount(latestInvoice.total, latestInvoice.currency) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Badge, { variant: getStatusBadgeVariant2(latestInvoice.status), children: latestInvoice.status })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Badge, { variant: getStatusBadgeVariant2(latestInvoice.status), children: latestInvoice.status })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: latestInvoice.stripeInvoiceNumber || `Invoice from ${formatDate2(latestInvoice.periodStart)}` }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
@@ -475,24 +474,24 @@ function BillingUsageSummaryCard({
   onViewDetailsClick
 }) {
   if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-6 w-24 mb-2" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-32" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-32" })
       ] })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-destructive", children: error }) })
     ] });
   }
   const totalUsage = Object.values(summaries).reduce((acc, summary) => {
@@ -500,12 +499,12 @@ function BillingUsageSummaryCard({
   }, 0);
   const primaryMeter = meters.find((m) => _optionalChain([summaries, 'access', _23 => _23[m.id], 'optionalAccess', _24 => _24.aggregatedValue]));
   const primarySummary = primaryMeter ? summaries[primaryMeter.id] : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewDetailsClick, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewDetailsClick, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: meters.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: meters.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xl font-bold text-muted-foreground", children: "No meters" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-muted-foreground", children: "No usage meters are configured" })
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
@@ -534,17 +533,18 @@ _chunk7QVYU63Ejs.__name.call(void 0, BillingUsageSummaryCard, "BillingUsageSumma
 // src/features/billing/components/containers/BillingDashboardContainer.tsx
+var _navigation = require('next/navigation');
 // src/features/billing/stripe-customer/components/containers/PaymentMethodsContainer.tsx
-// src/features/billing/stripe-customer/components/forms/PaymentMethodEditor.tsx
+// src/features/billing/stripe-customer/components/forms/PaymentMethodForm.tsx
 var _reactstripejs = require('@stripe/react-stripe-js');
-function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
+function PaymentMethodForm({ onSuccess, onCancel, isLoading = false }) {
   const stripe = _reactstripejs.useStripe.call(void 0, );
   const elements = _reactstripejs.useElements.call(void 0, );
   const [setupIntent, setSetupIntent] = _react.useState.call(void 0, null);
@@ -556,19 +556,17 @@ function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
     const fetchSetupIntent = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
       setLoading(true);
       try {
-        const intent = await _chunkTSEU4KZ2js.StripeCustomerService.createSetupIntent();
+        const intent = await _chunkJ22NEVSKjs.StripeCustomerService.createSetupIntent();
         setSetupIntent(intent);
       } catch (err) {
-        console.error("[PaymentMethodEditor] Failed to create setup intent:", err);
+        console.error("[PaymentMethodForm] Failed to create setup intent:", err);
         setError("Failed to initialize payment form. Please try again.");
       } finally {
         setLoading(false);
       }
     }, "fetchSetupIntent");
-    if (open) {
-      fetchSetupIntent();
-    }
-  }, [open]);
+    fetchSetupIntent();
+  }, []);
   const handleSubmit = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async (e) => {
     e.preventDefault();
     if (!stripe || !elements || !setupIntent) {
@@ -590,69 +588,92 @@ function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
         }
       );
       if (stripeError) {
-        console.error("[PaymentMethodEditor] Stripe error:", stripeError);
+        console.error("[PaymentMethodForm] Stripe error:", stripeError);
         setError(stripeError.message || "Failed to add payment method. Please check your card details.");
         setIsSubmitting(false);
         return;
       }
       if (setAsDefault && _optionalChain([confirmedSetupIntent, 'optionalAccess', _25 => _25.payment_method])) {
-        await _chunkTSEU4KZ2js.StripeCustomerService.setDefaultPaymentMethod({
+        await _chunkJ22NEVSKjs.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);
+      console.error("[PaymentMethodForm] Error:", err);
       setError(err.message || "An unexpected error occurred. Please try again.");
     } finally {
       setIsSubmitting(false);
     }
   }, "handleSubmit");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: "Add Payment Method" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogDescription, { children: "Add a new payment method to your account. Your card information is securely processed by Stripe." })
-    ] }),
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground", children: "Loading payment form..." }) }),
-    !loading && setupIntent && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md border border-gray-300 p-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _reactstripejs.CardElement,
-        {
-          options: {
-            style: {
-              base: {
-                fontSize: "16px",
-                color: "#424770",
-                "::placeholder": {
-                  color: "#aab7c4"
-                }
-              },
-              invalid: {
-                color: "#9e2146"
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground", children: "Loading payment form..." }) });
+  }
+  if (!setupIntent && error) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDescription, { children: error }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-md border border-gray-300 p-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      _reactstripejs.CardElement,
+      {
+        options: {
+          style: {
+            base: {
+              fontSize: "16px",
+              color: "#424770",
+              "::placeholder": {
+                color: "#aab7c4"
               }
+            },
+            invalid: {
+              color: "#9e2146"
             }
           }
         }
-      ) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.Checkbox,
-          {
-            id: "setAsDefault",
-            checked: setAsDefault,
-            onCheckedChange: (checked) => setSetAsDefault(!!checked)
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Label, { htmlFor: "setAsDefault", className: "text-sm font-normal", children: "Set as default payment method" })
-      ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDescription, { children: error }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end gap-x-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { type: "submit", disabled: !stripe || isSubmitting, children: isSubmitting ? "Processing..." : "Add Card" })
-      ] })
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+        _chunk3X7EEFMNjs.Checkbox,
+        {
+          id: "setAsDefault",
+          checked: setAsDefault,
+          onCheckedChange: (checked) => setSetAsDefault(!!checked)
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Label, { htmlFor: "setAsDefault", className: "text-sm font-normal", children: "Set as default payment method" })
     ] }),
-    !loading && !setupIntent && error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDescription, { children: error }) })
+    error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDescription, { children: error }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end gap-x-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { type: "button", variant: "outline", onClick: onCancel, disabled: isSubmitting || isLoading, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { type: "submit", disabled: !stripe || isSubmitting || isLoading, children: isSubmitting ? "Processing..." : "Add Card" })
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, PaymentMethodForm, "PaymentMethodForm");
+// src/features/billing/stripe-customer/components/forms/PaymentMethodEditor.tsx
+function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
+  const handleSuccess = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    onSuccess();
+    onOpenChange(false);
+  }, "handleSuccess");
+  const handleCancel = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    onOpenChange(false);
+  }, "handleCancel");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: "Add Payment Method" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogDescription, { children: "Add a new payment method to your account. Your card information is securely processed by Stripe." })
+    ] }),
+    open && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      PaymentMethodForm,
+      {
+        onSuccess: handleSuccess,
+        onCancel: handleCancel
+      }
+    )
   ] }) });
 }
 _chunk7QVYU63Ejs.__name.call(void 0, PaymentMethodEditor, "PaymentMethodEditor");
@@ -674,7 +695,7 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
   _react.useEffect.call(void 0, () => {
     const loadCustomer = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
       try {
-        const fetchedCustomer = await _chunkTSEU4KZ2js.StripeCustomerService.getCustomer();
+        const fetchedCustomer = await _chunkJ22NEVSKjs.StripeCustomerService.getCustomer();
         setCustomer(fetchedCustomer);
       } catch (error) {
         console.error("[PaymentMethodCard] Failed to load customer:", error);
@@ -691,7 +712,7 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
   const handleSetDefault = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setLoading(true);
     try {
-      await _chunkTSEU4KZ2js.StripeCustomerService.setDefaultPaymentMethod({ paymentMethodId: paymentMethod.id });
+      await _chunkJ22NEVSKjs.StripeCustomerService.setDefaultPaymentMethod({ paymentMethodId: paymentMethod.id });
       onUpdate();
     } catch (error) {
       console.error("[PaymentMethodCard] Failed to set as default:", error);
@@ -702,7 +723,7 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
   const handleRemove = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setLoading(true);
     try {
-      await _chunkTSEU4KZ2js.StripeCustomerService.removePaymentMethod({ paymentMethodId: paymentMethod.id });
+      await _chunkJ22NEVSKjs.StripeCustomerService.removePaymentMethod({ paymentMethodId: paymentMethod.id });
       setShowRemoveDialog(false);
       onUpdate();
     } catch (error) {
@@ -711,22 +732,22 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
     }
   }, "handleRemove");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { className: "relative", children: [
-      isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Badge, { className: "absolute right-2 top-2 bg-green-100 text-green-800 hover:bg-green-100", children: "Default" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { className: "relative", children: [
+      isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Badge, { className: "absolute right-2 top-2 bg-green-100 text-green-800 hover:bg-green-100", children: "Default" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xl", children: brandIcon }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium capitalize", children: brand })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DropdownMenu, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DropdownMenuTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}), nativeButton: false, variant: "ghost", size: "sm", disabled: loading, className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DropdownMenuContent, { align: "end", children: [
-            !isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DropdownMenuItem, { onClick: handleSetDefault, disabled: loading, children: "Set as Default" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DropdownMenuItem, { onClick: () => setShowRemoveDialog(true), disabled: loading, className: "text-red-600", children: "Remove" })
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DropdownMenu, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DropdownMenuTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}), nativeButton: false, variant: "ghost", size: "sm", disabled: loading, className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreVertical, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DropdownMenuContent, { align: "end", children: [
+            !isDefault && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DropdownMenuItem, { onClick: handleSetDefault, disabled: loading, children: "Set as Default" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DropdownMenuItem, { onClick: () => setShowRemoveDialog(true), disabled: loading, className: "text-red-600", children: "Remove" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-y-1", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-lg font-semibold", children: [
           "\u2022\u2022\u2022\u2022 ",
           last4
@@ -739,17 +760,17 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialog, { open: showRemoveDialog, onOpenChange: setShowRemoveDialog, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogTitle, { children: "Remove Payment Method" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialog, { open: showRemoveDialog, onOpenChange: setShowRemoveDialog, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogTitle, { children: "Remove Payment Method" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.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__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogCancel, { disabled: loading, children: "Cancel" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogAction, { onClick: handleRemove, disabled: loading, className: "bg-red-600 hover:bg-red-700", children: loading ? "Removing..." : "Remove" })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogCancel, { disabled: loading, children: "Cancel" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogAction, { onClick: handleRemove, disabled: loading, className: "bg-red-600 hover:bg-red-700", children: loading ? "Removing..." : "Remove" })
       ] })
     ] }) })
   ] });
@@ -772,7 +793,7 @@ function PaymentMethodsContainer() {
   const loadPaymentMethods = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setLoading(true);
     try {
-      const fetchedPaymentMethods = await _chunkTSEU4KZ2js.StripeCustomerService.listPaymentMethods();
+      const fetchedPaymentMethods = await _chunkJ22NEVSKjs.StripeCustomerService.listPaymentMethods();
       setPaymentMethods(fetchedPaymentMethods);
     } catch (error) {
       console.error("[PaymentMethodsContainer] Failed to load payment methods:", error);
@@ -792,14 +813,14 @@ function PaymentMethodsContainer() {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-8 w-8" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Payment Methods" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Payment Method" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Payment Method" })
     ] }),
     paymentMethods.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-16 w-16 text-muted-foreground" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-2 text-xl font-semibold", children: "No payment methods" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4 text-muted-foreground", children: "Add a payment method to enable subscriptions and secure checkout." }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Your First Card" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Your First Card" })
       ] })
     ] }),
     paymentMethods.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaymentMethodsList, { paymentMethods, onUpdate: loadPaymentMethods }),
@@ -923,13 +944,13 @@ function InvoiceDetails({ invoice, open, onOpenChange, onInvoiceChange }) {
     return invoice.stripeInvoiceId.slice(-8);
   }, "getInvoiceNumber");
   const productName = _optionalChain([invoice, 'access', _35 => _35.subscription, 'optionalAccess', _36 => _36.price, 'optionalAccess', _37 => _37.product, 'optionalAccess', _38 => _38.name]) || "Subscription";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: [
         "Invoice ",
         getInvoiceNumber()
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogDescription, { children: formatDate3(invoice.periodStart) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogDescription, { children: formatDate3(invoice.periodStart) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-3", children: [
@@ -994,15 +1015,15 @@ function InvoiceDetails({ invoice, open, onOpenChange, onInvoiceChange }) {
         ] })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
-        invoice.stripePdfUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", onClick: handleDownloadPDF, children: [
+        invoice.stripePdfUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: handleDownloadPDF, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "mr-2 h-4 w-4" }),
           "Download PDF"
         ] }),
-        invoice.status === "open" /* OPEN */ && invoice.attempted && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "default", onClick: handleRetryPayment, children: [
+        invoice.status === "open" /* OPEN */ && invoice.attempted && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "default", onClick: handleRetryPayment, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.RefreshCw, { className: "mr-2 h-4 w-4" }),
           "Retry Payment"
         ] }),
-        invoice.stripeHostedInvoiceUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", onClick: handleViewInStripe, children: [
+        invoice.stripeHostedInvoiceUrl && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: handleViewInStripe, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "mr-2 h-4 w-4" }),
           "View in Stripe"
         ] })
@@ -1026,30 +1047,30 @@ function InvoicesList({ invoices, onInvoicesChange }) {
     return invoice.stripeInvoiceId.slice(-8);
   }, "getInvoiceNumber");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.TableRow, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Invoice #" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Date" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Status" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { className: "text-right", children: "Amount" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Period" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.TableRow, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Invoice #" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Date" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Status" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { className: "text-right", children: "Amount" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Period" })
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableBody, { children: invoices.map((invoice) => {
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.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__ */ _jsxruntime.jsxs.call(void 0,
-          _chunkIXI4GAKBjs.TableRow,
+          _chunk3X7EEFMNjs.TableRow,
           {
             onClick: () => handleRowClick(invoice),
             className: "cursor-pointer hover:bg-muted/50",
             children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "font-medium", children: invoiceNumber }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-muted-foreground text-sm", children: date }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InvoiceStatusBadge, { status: invoice.status }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-right font-medium", children: amount }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-muted-foreground text-sm", children: period })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "font-medium", children: invoiceNumber }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-muted-foreground text-sm", children: date }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InvoiceStatusBadge, { status: invoice.status }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-right font-medium", children: amount }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-muted-foreground text-sm", children: period })
             ]
           },
           invoice.id
@@ -1082,7 +1103,7 @@ function InvoicesContainer() {
     setLoading(true);
     try {
       const params = statusFilter !== "all" ? { status: statusFilter } : void 0;
-      const data = await _chunkTSEU4KZ2js.StripeInvoiceService.listInvoices(params);
+      const data = await _chunkJ22NEVSKjs.StripeInvoiceService.listInvoices(params);
       setInvoices(data);
     } catch (error) {
       console.error("[InvoicesContainer] Failed to load invoices:", error);
@@ -1098,12 +1119,12 @@ function InvoicesContainer() {
     setStatusFilter(value);
   }, "handleFilterChange");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Tabs, { value: statusFilter, onValueChange: handleFilterChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.TabsList, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TabsTrigger, { value: "all", children: "All" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TabsTrigger, { value: "paid" /* PAID */, children: "Paid" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TabsTrigger, { value: "open" /* OPEN */, children: "Open" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TabsTrigger, { value: "void" /* VOID */, children: "Void" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TabsTrigger, { value: "uncollectible" /* UNCOLLECTIBLE */, children: "Uncollectible" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Tabs, { value: statusFilter, onValueChange: handleFilterChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.TabsList, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TabsTrigger, { value: "all", children: "All" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TabsTrigger, { value: "paid" /* PAID */, children: "Paid" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TabsTrigger, { value: "open" /* OPEN */, children: "Open" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TabsTrigger, { value: "void" /* VOID */, children: "Void" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TabsTrigger, { value: "uncollectible" /* UNCOLLECTIBLE */, children: "Uncollectible" })
     ] }) }),
     loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-center py-8 text-muted-foreground", children: "Loading invoices..." }),
     !loading && invoices.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border border-dashed border-gray-300 rounded-lg p-8 text-center", children: [
@@ -1118,71 +1139,12 @@ _chunk7QVYU63Ejs.__name.call(void 0, InvoicesContainer, "InvoicesContainer");
 // src/features/billing/stripe-subscription/components/containers/SubscriptionsContainer.tsx
-var _uuid = require('uuid');
-// src/features/billing/stripe-subscription/hooks/useConfirmSubscriptionPayment.ts
+// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
-function useConfirmSubscriptionPayment() {
-  const stripe = _reactstripejs.useStripe.call(void 0, );
-  const [isConfirming, setIsConfirming] = _react.useState.call(void 0, false);
-  const confirmPayment = _react.useCallback.call(void 0,
-    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 (_optionalChain([paymentIntent, 'optionalAccess', _39 => _39.status]) === "succeeded") {
-          return { success: true };
-        }
-        if (_optionalChain([paymentIntent, 'optionalAccess', _40 => _40.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
-  };
-}
-_chunk7QVYU63Ejs.__name.call(void 0, useConfirmSubscriptionPayment, "useConfirmSubscriptionPayment");
+// src/features/billing/stripe-subscription/components/details/SubscriptionDetails.tsx
 // src/features/billing/stripe-subscription/components/forms/CancelSubscriptionDialog.tsx
 var _zod = require('@hookform/resolvers/zod');
@@ -1212,7 +1174,7 @@ function CancelSubscriptionDialog({
   const onSubmit = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async (values) => {
     setIsSubmitting(true);
     try {
-      await _chunkTSEU4KZ2js.StripeSubscriptionService.cancelSubscription({
+      await _chunkJ22NEVSKjs.StripeSubscriptionService.cancelSubscription({
         id: subscription.id,
         cancelImmediately: values.cancelImmediately
       });
@@ -1225,20 +1187,20 @@ function CancelSubscriptionDialog({
     }
   }, "onSubmit");
   const periodEndDate = formatDate3(subscription.currentPeriodEnd);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: "max-w-md", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: "Cancel Subscription" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogDescription, { children: "Are you sure you want to cancel this subscription? This action cannot be undone." })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: "Cancel Subscription" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogDescription, { children: "Are you sure you want to cancel this subscription? This action cannot be undone." })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.FormCheckbox, { form, id: "cancelImmediately", name: "Cancel Immediately" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.FormCheckbox, { form, id: "cancelImmediately", name: "Cancel Immediately" }),
       cancelImmediately ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0,
-        _chunkIXI4GAKBjs.FormTextarea,
+        _chunk3X7EEFMNjs.FormTextarea,
         {
           form,
           id: "reason",
@@ -1248,404 +1210,14 @@ function CancelSubscriptionDialog({
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-x-2 justify-end pt-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Keep Subscription" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { type: "submit", variant: "destructive", disabled: isSubmitting, children: isSubmitting ? "Canceling..." : "Confirm Cancellation" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Keep Subscription" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { type: "submit", variant: "destructive", disabled: isSubmitting, children: isSubmitting ? "Canceling..." : "Confirm Cancellation" })
       ] })
     ] }) })
   ] }) });
 }
 _chunk7QVYU63Ejs.__name.call(void 0, CancelSubscriptionDialog, "CancelSubscriptionDialog");
-// src/features/billing/stripe-subscription/components/forms/SubscriptionEditor.tsx
-// src/features/billing/stripe-subscription/components/widgets/PricingCard.tsx
-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__ */ _chunk7QVYU63Ejs.__name.call(void 0, (e) => {
-    if ((e.key === "Enter" || e.key === " ") && !isDisabled && !isCurrentPlan) {
-      e.preventDefault();
-      onSelect(price);
-    }
-  }, "handleKeyDown");
-  const handleClick = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
-    if (!isDisabled && !isCurrentPlan && !isLoading) {
-      onSelect(price);
-    }
-  }, "handleClick");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-    _chunkIXI4GAKBjs.Card,
-    {
-      role: "radio",
-      "aria-checked": isSelected,
-      "aria-label": `${description} plan at ${formattedPrice} ${interval}`,
-      tabIndex: isDisabled ? -1 : 0,
-      onKeyDown: handleKeyDown,
-      onClick: handleClick,
-      className: _chunkTSEU4KZ2js.cn.call(void 0,
-        "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__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Badge, { variant: "secondary", className: "absolute top-2 right-2", children: "Current" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-lg", children: description }) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { className: "pb-4 grow", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-4", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-3xl font-bold", children: formattedPrice }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground ml-1", children: interval })
-          ] }),
-          features.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "space-y-2", children: features.map((feature, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "flex items-start gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4 text-green-500 mt-0.5 shrink-0" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-muted-foreground", children: feature })
-          ] }, index)) })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.Button,
-          {
-            variant: isCurrentPlan ? "secondary" : isSelected ? "default" : "outline",
-            className: "w-full",
-            disabled: isDisabled || isCurrentPlan || isLoading,
-            children: isLoading ? "Processing..." : isCurrentPlan ? "Current Plan" : isSelected ? "Selected" : "Select Plan"
-          }
-        ) })
-      ]
-    }
-  );
-}
-_chunk7QVYU63Ejs.__name.call(void 0, PricingCard, "PricingCard");
-// src/features/billing/stripe-subscription/components/widgets/PricingCardsGrid.tsx
-function PricingCardsGrid({
-  products,
-  pricesByProduct,
-  currentPriceId,
-  selectedPriceId,
-  loadingPriceId,
-  loading = false,
-  onSelectPrice
-}) {
-  if (loading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PricingCardsGridSkeleton, {});
-  }
-  if (products.length === 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-center py-8 text-muted-foreground", children: "No plans available" });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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) => (_nullishCoalesce(a.unitAmount, () => ( 0))) - (_nullishCoalesce(b.unitAmount, () => ( 0))));
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-lg font-semibold", children: product.name }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedPrices.map((price) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        PricingCard,
-        {
-          price,
-          isCurrentPlan: price.stripePriceId === currentPriceId,
-          isSelected: price.stripePriceId === selectedPriceId,
-          isLoading: price.stripePriceId === loadingPriceId,
-          onSelect: onSelectPrice
-        },
-        price.stripePriceId
-      )) })
-    ] }, product.id);
-  }) });
-}
-_chunk7QVYU63Ejs.__name.call(void 0, PricingCardsGrid, "PricingCardsGrid");
-function PricingCardsGridSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-8", children: [1, 2].map((productIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-6 w-32" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((cardIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { className: "animate-pulse", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-5 w-24" }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { className: "pb-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-9 w-20 inline-block" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-12 inline-block ml-2" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-32" })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-4 w-28" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Skeleton, { className: "h-9 w-full" }) })
-    ] }, cardIndex)) })
-  ] }, productIndex)) });
-}
-_chunk7QVYU63Ejs.__name.call(void 0, PricingCardsGridSkeleton, "PricingCardsGridSkeleton");
-// src/features/billing/stripe-subscription/components/widgets/ProrationPreview.tsx
-function ProrationPreview({ preview }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-semibold text-blue-900 mb-3", children: "Proration Breakdown" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-      preview.lineItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-blue-800", children: item.description }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `font-medium ${item.amount < 0 ? "text-green-600" : "text-blue-900"}`, children: formatCurrency(item.amount, preview.currency) })
-      ] }, index)),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-blue-200 pt-2 mt-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between font-semibold", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-blue-900", children: "Net Due Today" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-blue-900", children: formatCurrency(preview.immediateCharge, preview.currency) })
-      ] }) }),
-      preview.lineItems.length > 0 && preview.lineItems[0].period && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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)
-      ] })
-    ] })
-  ] });
-}
-_chunk7QVYU63Ejs.__name.call(void 0, ProrationPreview, "ProrationPreview");
-// src/features/billing/stripe-subscription/components/forms/SubscriptionEditor.tsx
-function SubscriptionEditor({
-  subscription,
-  open,
-  onOpenChange,
-  onSuccess,
-  onAddPaymentMethod
-}) {
-  const { confirmPayment, isConfirming } = useConfirmSubscriptionPayment();
-  const [products, setProducts] = _react.useState.call(void 0, []);
-  const [pricesByProduct, setPricesByProduct] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
-  const [loading, setLoading] = _react.useState.call(void 0, true);
-  const [selectedPriceId, setSelectedPriceId] = _react.useState.call(void 0, null);
-  const [loadingPriceId, setLoadingPriceId] = _react.useState.call(void 0, null);
-  const [prorationPreview, setProrationPreview] = _react.useState.call(void 0, null);
-  const [loadingProration, setLoadingProration] = _react.useState.call(void 0, false);
-  const [hasPaymentMethod, setHasPaymentMethod] = _react.useState.call(void 0, true);
-  const [loadingPaymentMethods, setLoadingPaymentMethods] = _react.useState.call(void 0, true);
-  const [paymentRequiredError, setPaymentRequiredError] = _react.useState.call(void 0, false);
-  const [paymentConfirmationState, setPaymentConfirmationState] = _react.useState.call(void 0, "idle");
-  const [paymentError, setPaymentError] = _react.useState.call(void 0, null);
-  const currentPriceId = _optionalChain([subscription, 'optionalAccess', _41 => _41.price, 'optionalAccess', _42 => _42.id]);
-  const isEditMode = !!subscription;
-  _react.useEffect.call(void 0, () => {
-    const checkPaymentMethods = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
-      if (subscription) {
-        setLoadingPaymentMethods(false);
-        return;
-      }
-      setLoadingPaymentMethods(true);
-      try {
-        const paymentMethods = await _chunkTSEU4KZ2js.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]);
-  _react.useEffect.call(void 0, () => {
-    const loadData = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
-      setLoading(true);
-      try {
-        const fetchedProducts = await _chunkTSEU4KZ2js.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]);
-  _react.useEffect.call(void 0, () => {
-    const loadProration = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
-      if (!subscription || !selectedPriceId || selectedPriceId === currentPriceId) {
-        setProrationPreview(null);
-        return;
-      }
-      setLoadingProration(true);
-      try {
-        const preview = await _chunkTSEU4KZ2js.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__ */ _chunk7QVYU63Ejs.__name.call(void 0, async (price) => {
-    const priceId = price.id;
-    if (isEditMode) {
-      setSelectedPriceId(priceId);
-    } else {
-      setLoadingPriceId(priceId);
-      setSelectedPriceId(priceId);
-      setPaymentError(null);
-      setPaymentConfirmationState("idle");
-      try {
-        const result = await _chunkTSEU4KZ2js.StripeSubscriptionService.createSubscription({
-          id: _uuid.v4.call(void 0, ),
-          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 _chunkTSEU4KZ2js.StripeSubscriptionService.syncSubscription({
-            subscriptionId: result.subscription.id
-          });
-        }
-        setPaymentConfirmationState("success");
-        setTimeout(() => {
-          onSuccess();
-          onOpenChange(false);
-        }, 1e3);
-      } catch (error) {
-        console.error("[SubscriptionEditor] Failed to create subscription:", error);
-        if (_optionalChain([error, 'optionalAccess', _43 => _43.status]) === 402 || _optionalChain([error, 'optionalAccess', _44 => _44.response, 'optionalAccess', _45 => _45.status]) === 402) {
-          setPaymentRequiredError(true);
-          setHasPaymentMethod(false);
-        } else {
-          setPaymentConfirmationState("error");
-          setPaymentError(_optionalChain([error, 'optionalAccess', _46 => _46.message]) || "Failed to create subscription");
-        }
-        setLoadingPriceId(null);
-      }
-    }
-  }, "handleSelectPrice");
-  const handleConfirmPlanChange = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
-    if (!subscription || !selectedPriceId) return;
-    setLoadingPriceId(selectedPriceId);
-    try {
-      await _chunkTSEU4KZ2js.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__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
-    setSelectedPriceId(null);
-    setProrationPreview(null);
-  }, "handleCancel");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: subscription ? "Change Plan" : "Subscribe to a Plan" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground", children: "Checking payment methods..." }) }) : !hasPaymentMethod && !subscription ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertTitle, { children: "Payment Method Required" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDescription, { className: "mt-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: onAddPaymentMethod, variant: "outline", children: "Add Payment Method" })
-      ] })
-    ] }) : paymentConfirmationState === "confirming" || isConfirming ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-primary" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-medium", children: "Processing payment..." }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: "Please complete any verification if prompted." })
-      ] })
-    ] }) : paymentConfirmationState === "success" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CheckCircle, { className: "h-12 w-12 text-green-500" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-medium text-green-600", children: "Payment successful!" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
-      ] })
-    ] }) : paymentConfirmationState === "error" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertTitle, { children: "Payment Failed" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDescription, { className: "mt-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.Button,
-          {
-            onClick: () => {
-              setPaymentConfirmationState("idle");
-              setPaymentError(null);
-              setLoadingPriceId(null);
-            },
-            variant: "outline",
-            children: "Try Again"
-          }
-        )
-      ] })
-    ] }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        PricingCardsGrid,
-        {
-          products,
-          pricesByProduct,
-          currentPriceId,
-          selectedPriceId: _nullishCoalesce(selectedPriceId, () => ( void 0)),
-          loadingPriceId: _nullishCoalesce(loadingPriceId, () => ( void 0)),
-          loading,
-          onSelectPrice: handleSelectPrice
-        }
-      ),
-      isEditMode && loadingProration && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-muted/50 rounded-lg p-4 text-sm text-muted-foreground text-center", children: "Loading proration preview..." }),
-      isEditMode && prorationPreview && !loadingProration && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProrationPreview, { preview: prorationPreview }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", onClick: handleCancel, disabled: !!loadingPriceId, children: "Cancel" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: handleConfirmPlanChange, disabled: !!loadingPriceId, children: loadingPriceId ? "Processing..." : "Confirm Plan Change" })
-        ] })
-      ] })
-    ] })
-  ] }) });
-}
-_chunk7QVYU63Ejs.__name.call(void 0, SubscriptionEditor, "SubscriptionEditor");
-// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
-// src/features/billing/stripe-subscription/components/details/SubscriptionDetails.tsx
 // src/features/billing/stripe-subscription/components/widgets/SubscriptionStatusBadge.tsx
 var statusConfig2 = {
@@ -1696,10 +1268,10 @@ _chunk7QVYU63Ejs.__name.call(void 0, SubscriptionStatusBadge, "SubscriptionStatu
 function formatPlanName2(price) {
   if (!price) return "N/A";
-  const productName = _optionalChain([price, 'access', _47 => _47.product, 'optionalAccess', _48 => _48.name]) || "";
+  const productName = _optionalChain([price, 'access', _39 => _39.product, 'optionalAccess', _40 => _40.name]) || "";
   const nickname = price.nickname || "";
   let interval = "";
-  if (_optionalChain([price, 'access', _49 => _49.recurring, 'optionalAccess', _50 => _50.interval])) {
+  if (_optionalChain([price, 'access', _41 => _41.recurring, 'optionalAccess', _42 => _42.interval])) {
     const intervalMap = {
       day: "Daily",
       week: "Weekly",
@@ -1714,7 +1286,7 @@ function formatPlanName2(price) {
 }
 _chunk7QVYU63Ejs.__name.call(void 0, formatPlanName2, "formatPlanName");
 function formatBillingAmount(price) {
-  if (!_optionalChain([price, 'optionalAccess', _51 => _51.unitAmount])) return "N/A";
+  if (!_optionalChain([price, 'optionalAccess', _43 => _43.unitAmount])) return "N/A";
   return formatCurrency(price.unitAmount, price.currency);
 }
 _chunk7QVYU63Ejs.__name.call(void 0, formatBillingAmount, "formatBillingAmount");
@@ -1722,15 +1294,15 @@ function SubscriptionDetails({
   subscription,
   open,
   onOpenChange,
-  onSubscriptionChange
+  onSubscriptionChange,
+  onChangePlan
 }) {
-  const [showEdit, setShowEdit] = _react.useState.call(void 0, false);
   const [showCancel, setShowCancel] = _react.useState.call(void 0, false);
   const [isProcessing, setIsProcessing] = _react.useState.call(void 0, false);
   const handlePause = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setIsProcessing(true);
     try {
-      await _chunkTSEU4KZ2js.StripeSubscriptionService.pauseSubscription({ subscriptionId: subscription.id });
+      await _chunkJ22NEVSKjs.StripeSubscriptionService.pauseSubscription({ subscriptionId: subscription.id });
       onSubscriptionChange();
     } catch (error) {
       console.error("[SubscriptionDetails] Failed to pause subscription:", error);
@@ -1741,7 +1313,7 @@ function SubscriptionDetails({
   const handleResume = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setIsProcessing(true);
     try {
-      await _chunkTSEU4KZ2js.StripeSubscriptionService.resumeSubscription({ subscriptionId: subscription.id });
+      await _chunkJ22NEVSKjs.StripeSubscriptionService.resumeSubscription({ subscriptionId: subscription.id });
       onSubscriptionChange();
     } catch (error) {
       console.error("[SubscriptionDetails] Failed to resume subscription:", error);
@@ -1751,7 +1323,7 @@ function SubscriptionDetails({
   }, "handleResume");
   const handleManageViaPortal = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     try {
-      const { url } = await _chunkTSEU4KZ2js.StripeCustomerService.createPortalSession();
+      const { url } = await _chunkJ22NEVSKjs.StripeCustomerService.createPortalSession();
       window.open(url, "_blank");
     } catch (error) {
       console.error("[SubscriptionDetails] Failed to create portal session:", error);
@@ -1761,10 +1333,10 @@ function SubscriptionDetails({
   const canResume = subscription.status === "paused" /* PAUSED */;
   const canCancel = subscription.status === "active" /* ACTIVE */ || subscription.status === "trialing" /* TRIALING */ || subscription.status === "paused" /* PAUSED */;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: "max-w-2xl", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: "Subscription Details" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogDescription, { children: "View and manage your subscription" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: "Subscription Details" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogDescription, { children: "View and manage your subscription" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-3", children: [
@@ -1800,26 +1372,14 @@ function SubscriptionDetails({
           "."
         ] }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "default", onClick: () => setShowEdit(true), children: "Change Plan" }),
-          canPause && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", onClick: handlePause, disabled: isProcessing, children: isProcessing ? "Pausing..." : "Pause" }),
-          canResume && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", onClick: handleResume, disabled: isProcessing, children: isProcessing ? "Resuming..." : "Resume" }),
-          canCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "destructive", onClick: () => setShowCancel(true), children: "Cancel" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", onClick: handleManageViaPortal, children: "Manage via Portal" })
+          onChangePlan && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "default", onClick: () => onChangePlan(subscription), children: "Change Plan" }),
+          canPause && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: handlePause, disabled: isProcessing, children: isProcessing ? "Pausing..." : "Pause" }),
+          canResume && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: handleResume, disabled: isProcessing, children: isProcessing ? "Resuming..." : "Resume" }),
+          canCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "destructive", onClick: () => setShowCancel(true), children: "Cancel" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: handleManageViaPortal, children: "Manage via Portal" })
         ] })
       ] })
     ] }) }),
-    showEdit && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-      SubscriptionEditor,
-      {
-        subscription,
-        open: showEdit,
-        onOpenChange: setShowEdit,
-        onSuccess: () => {
-          onSubscriptionChange();
-          setShowEdit(false);
-        }
-      }
-    ),
     showCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
       CancelSubscriptionDialog,
       {
@@ -1836,290 +1396,839 @@ function SubscriptionDetails({
 }
 _chunk7QVYU63Ejs.__name.call(void 0, SubscriptionDetails, "SubscriptionDetails");
-// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
+// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
+function formatPlanName3(price) {
+  if (!price) return "N/A";
+  const productName = _optionalChain([price, 'access', _44 => _44.product, 'optionalAccess', _45 => _45.name]) || "";
+  const nickname = price.nickname || "";
+  let interval = "";
+  if (_optionalChain([price, 'access', _46 => _46.recurring, 'optionalAccess', _47 => _47.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";
+}
+_chunk7QVYU63Ejs.__name.call(void 0, formatPlanName3, "formatPlanName");
+function SubscriptionsList({ subscriptions, onSubscriptionsChange, onChangePlan }) {
+  const [selectedSub, setSelectedSub] = _react.useState.call(void 0, null);
+  const handleRowClick = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (subscription) => {
+    setSelectedSub(subscription);
+  }, "handleRowClick");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.TableRow, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Status" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Plan" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Period" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { className: "text-right", children: "Amount" })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableBody, { children: subscriptions.map((subscription) => {
+        const price = subscription.price;
+        const amount = _optionalChain([price, 'optionalAccess', _48 => _48.unitAmount]) ? formatCurrency(price.unitAmount, price.currency) : "N/A";
+        const period = `${formatDate3(subscription.currentPeriodStart)} - ${formatDate3(subscription.currentPeriodEnd)}`;
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
+          _chunk3X7EEFMNjs.TableRow,
+          {
+            onClick: () => handleRowClick(subscription),
+            className: "cursor-pointer hover:bg-muted/50",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd }) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "font-medium", children: formatPlanName3(price) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-muted-foreground text-sm", children: period }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-right font-medium", children: amount })
+            ]
+          },
+          subscription.id
+        );
+      }) })
+    ] }) }),
+    selectedSub && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      SubscriptionDetails,
+      {
+        subscription: selectedSub,
+        open: !!selectedSub,
+        onOpenChange: (open) => !open && setSelectedSub(null),
+        onSubscriptionChange: () => {
+          onSubscriptionsChange();
+          setSelectedSub(null);
+        },
+        onChangePlan: onChangePlan ? (sub) => {
+          setSelectedSub(null);
+          onChangePlan(sub);
+        } : void 0
+      }
+    )
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, SubscriptionsList, "SubscriptionsList");
+// src/features/billing/stripe-subscription/components/containers/SubscriptionsContainer.tsx
+function SubscriptionsContainer({ onOpenWizard }) {
+  const [subscriptions, setSubscriptions] = _react.useState.call(void 0, []);
+  const [loading, setLoading] = _react.useState.call(void 0, true);
+  const loadSubscriptions = _react.useCallback.call(void 0, async () => {
+    setLoading(true);
+    try {
+      const fetchedSubscriptions = await _chunkJ22NEVSKjs.StripeSubscriptionService.listSubscriptions();
+      setSubscriptions(fetchedSubscriptions);
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to load subscriptions:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    loadSubscriptions();
+  }, []);
+  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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground", children: "Loading subscriptions..." }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-8 w-8" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Subscriptions" })
+      ] }),
+      subscriptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: () => _optionalChain([onOpenWizard, 'optionalCall', _49 => _49()]), children: "Subscribe to a Plan" })
+    ] }),
+    criticalSubscriptions.map((subscription) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BillingAlertBanner, { subscription }, subscription.id)),
+    subscriptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-16 w-16 text-muted-foreground" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-xl font-semibold mb-2", children: "No Active Subscriptions" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground mb-6", children: "Choose a subscription plan to get started with our services." }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: () => _optionalChain([onOpenWizard, 'optionalCall', _50 => _50()]), children: "Subscribe to a Plan" })
+      ] })
+    ] }),
+    subscriptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      SubscriptionsList,
+      {
+        subscriptions,
+        onSubscriptionsChange: loadSubscriptions,
+        onChangePlan: (sub) => _optionalChain([onOpenWizard, 'optionalCall', _51 => _51(sub)])
+      }
+    )
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, SubscriptionsContainer, "SubscriptionsContainer");
+// src/features/billing/stripe-subscription/components/widgets/IntervalToggle.tsx
+function IntervalToggle({ value, onChange, hasMonthly, hasYearly }) {
+  if (!hasMonthly || !hasYearly) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Tabs, { value, onValueChange: (v) => onChange(v), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.TabsList, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TabsTrigger, { value: "month", children: "Monthly" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TabsTrigger, { value: "year", children: "Yearly" })
+  ] }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, IntervalToggle, "IntervalToggle");
+// src/features/billing/stripe-subscription/components/widgets/PricingCard.tsx
+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__ */ _chunk7QVYU63Ejs.__name.call(void 0, (e) => {
+    if ((e.key === "Enter" || e.key === " ") && !isDisabled && !isCurrentPlan) {
+      e.preventDefault();
+      onSelect(price);
+    }
+  }, "handleKeyDown");
+  const handleClick = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
+    if (!isDisabled && !isCurrentPlan && !isLoading) {
+      onSelect(price);
+    }
+  }, "handleClick");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
+    _chunk3X7EEFMNjs.Card,
+    {
+      role: "radio",
+      "aria-checked": isSelected,
+      "aria-label": `${description} plan at ${formattedPrice} ${interval}`,
+      tabIndex: isDisabled ? -1 : 0,
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      className: _chunkJ22NEVSKjs.cn.call(void 0,
+        "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__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Badge, { variant: "secondary", className: "absolute top-2 right-2", children: "Current" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-lg", children: description }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { className: "pb-4 grow", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-3xl font-bold", children: formattedPrice }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground ml-1", children: interval })
+          ] }),
+          features.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "space-y-2", children: features.map((feature, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4 text-green-500 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-muted-foreground", children: feature })
+          ] }, index)) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardFooter, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+          _chunk3X7EEFMNjs.Button,
+          {
+            variant: isCurrentPlan ? "secondary" : isSelected ? "default" : "outline",
+            className: "w-full",
+            disabled: isDisabled || isCurrentPlan || isLoading,
+            children: isLoading ? "Processing..." : isCurrentPlan ? "Current Plan" : isSelected ? "Selected" : "Select Plan"
+          }
+        ) })
+      ]
+    }
+  );
+}
+_chunk7QVYU63Ejs.__name.call(void 0, PricingCard, "PricingCard");
+// src/features/billing/stripe-subscription/components/widgets/ProductPricingRow.tsx
+function ProductPricingRow({
+  product,
+  prices,
+  currentPriceId,
+  selectedPriceId,
+  loadingPriceId,
+  onSelectPrice
+}) {
+  if (prices.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-lg", children: product.name }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      "div",
+      {
+        className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+        role: "radiogroup",
+        "aria-label": `Pricing options for ${product.name}`,
+        children: prices.sort((a, b) => (_nullishCoalesce(a.unitAmount, () => ( 0))) - (_nullishCoalesce(b.unitAmount, () => ( 0)))).map((price) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+          PricingCard,
+          {
+            price,
+            isCurrentPlan: price.id === currentPriceId,
+            isSelected: price.id === selectedPriceId,
+            isLoading: price.id === loadingPriceId,
+            onSelect: onSelectPrice
+          },
+          price.id
+        ))
+      }
+    )
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ProductPricingRow, "ProductPricingRow");
+// src/features/billing/stripe-subscription/components/widgets/ProductPricingList.tsx
+function isRecurringProduct(prices) {
+  return prices.some((p) => p.priceType === "recurring");
+}
+_chunk7QVYU63Ejs.__name.call(void 0, isRecurringProduct, "isRecurringProduct");
+function getFilteredPrices(prices, selectedInterval) {
+  const isRecurring = isRecurringProduct(prices);
+  if (!isRecurring) {
+    return prices.filter((p) => p.priceType === "one_time");
+  }
+  const intervalPrices = prices.filter(
+    (p) => p.priceType === "recurring" && _optionalChain([p, 'access', _52 => _52.recurring, 'optionalAccess', _53 => _53.interval]) === selectedInterval
+  );
+  if (intervalPrices.length === 0) {
+    const fallbackInterval = selectedInterval === "month" ? "year" : "month";
+    return prices.filter((p) => p.priceType === "recurring" && _optionalChain([p, 'access', _54 => _54.recurring, 'optionalAccess', _55 => _55.interval]) === fallbackInterval);
+  }
+  return intervalPrices;
+}
+_chunk7QVYU63Ejs.__name.call(void 0, getFilteredPrices, "getFilteredPrices");
+function ProductPricingList({
+  products,
+  selectedInterval,
+  currentPriceId,
+  selectedPriceId,
+  loadingPriceId,
+  loading = false,
+  onSelectPrice,
+  hideRecurringPrices = false
+}) {
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProductPricingListSkeleton, {});
+  }
+  if (products.length === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-center py-8 text-muted-foreground", children: "No plans available" });
+  }
+  const sortedProducts = [...products].sort((a, b) => {
+    const aRecurring = isRecurringProduct(a.stripePrices || []);
+    const bRecurring = isRecurringProduct(b.stripePrices || []);
+    if (aRecurring && !bRecurring) return -1;
+    if (!aRecurring && bRecurring) return 1;
+    return 0;
+  });
+  const filteredProducts = hideRecurringPrices ? sortedProducts.map((product) => ({
+    ...product,
+    stripePrices: (product.stripePrices || []).filter((price) => price.priceType !== "recurring")
+  })).filter((product) => product.stripePrices.length > 0) : sortedProducts;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-6", children: filteredProducts.map((product) => {
+    const allPrices = product.stripePrices || [];
+    const filteredPrices = getFilteredPrices(allPrices, selectedInterval);
+    if (filteredPrices.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      ProductPricingRow,
+      {
+        product,
+        prices: filteredPrices,
+        currentPriceId,
+        selectedPriceId,
+        loadingPriceId,
+        onSelectPrice
+      },
+      product.id
+    );
+  }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ProductPricingList, "ProductPricingList");
+function ProductPricingListSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-6", children: [1, 2].map((rowIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-6 w-32" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((cardIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-4 rounded-lg border animate-pulse space-y-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-6 w-24" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-8 w-32" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-4 w-3/4" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Skeleton, { className: "h-10 w-full" })
+    ] }, cardIndex)) })
+  ] }, rowIndex)) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ProductPricingListSkeleton, "ProductPricingListSkeleton");
+// src/features/billing/stripe-subscription/components/widgets/ProrationPreview.tsx
+function ProrationPreview({ preview }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-semibold text-blue-900 mb-3", children: "Proration Breakdown" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      preview.lineItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-blue-800", children: item.description }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `font-medium ${item.amount < 0 ? "text-green-600" : "text-blue-900"}`, children: formatCurrency(item.amount, preview.currency) })
+      ] }, index)),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-blue-200 pt-2 mt-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between font-semibold", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-blue-900", children: "Net Due Today" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-blue-900", children: formatCurrency(preview.immediateCharge, preview.currency) })
+      ] }) }),
+      preview.lineItems.length > 0 && preview.lineItems[0].period && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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)
+      ] })
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, ProrationPreview, "ProrationPreview");
+// src/features/billing/stripe-subscription/components/widgets/SubscriptionConfirmation.tsx
-function formatPlanName3(price) {
-  if (!price) return "N/A";
-  const productName = _optionalChain([price, 'access', _52 => _52.product, 'optionalAccess', _53 => _53.name]) || "";
-  const nickname = price.nickname || "";
-  let interval = "";
-  if (_optionalChain([price, 'access', _54 => _54.recurring, 'optionalAccess', _55 => _55.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";
-}
-_chunk7QVYU63Ejs.__name.call(void 0, formatPlanName3, "formatPlanName");
-function SubscriptionsList({ subscriptions, onSubscriptionsChange }) {
-  const [selectedSub, setSelectedSub] = _react.useState.call(void 0, null);
-  const handleRowClick = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (subscription) => {
-    setSelectedSub(subscription);
-  }, "handleRowClick");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.TableRow, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Status" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Plan" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Period" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { className: "text-right", children: "Amount" })
-      ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableBody, { children: subscriptions.map((subscription) => {
-        const price = subscription.price;
-        const amount = _optionalChain([price, 'optionalAccess', _56 => _56.unitAmount]) ? formatCurrency(price.unitAmount, price.currency) : "N/A";
-        const period = `${formatDate3(subscription.currentPeriodStart)} - ${formatDate3(subscription.currentPeriodEnd)}`;
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-          _chunkIXI4GAKBjs.TableRow,
-          {
-            onClick: () => handleRowClick(subscription),
-            className: "cursor-pointer hover:bg-muted/50",
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "font-medium", children: formatPlanName3(price) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-muted-foreground text-sm", children: period }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-right font-medium", children: amount })
-            ]
-          },
-          subscription.id
-        );
-      }) })
-    ] }) }),
-    selectedSub && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-      SubscriptionDetails,
-      {
-        subscription: selectedSub,
-        open: !!selectedSub,
-        onOpenChange: (open) => !open && setSelectedSub(null),
-        onSubscriptionChange: () => {
-          onSubscriptionsChange();
-          setSelectedSub(null);
-        }
-      }
-    )
+function SubscriptionConfirmation({ price, isLoading, onConfirm, onCancel }) {
+  const productName = _optionalChain([price, 'access', _56 => _56.product, 'optionalAccess', _57 => _57.name]) || price.nickname || "Selected Plan";
+  const productDescription = _optionalChain([price, 'access', _58 => _58.product, 'optionalAccess', _59 => _59.description]) || price.description;
+  const features = price.features || [];
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-accent/10 border border-accent/30 rounded-lg p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-semibold mb-3", children: "Confirm Your Subscription" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium", children: productName }),
+        productDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-muted-foreground", children: productDescription })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-lg font-semibold", children: [
+        formatCurrency(price.unitAmount, price.currency),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-normal text-muted-foreground", children: formatInterval(price) })
+      ] }),
+      features.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1", children: features.map((feature, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 text-sm ", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4 text-primary" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: feature })
+      ] }, index)) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-end gap-3 pt-2 border-t border-accent/30", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: onCancel, disabled: isLoading, children: "Cancel" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: onConfirm, disabled: isLoading, children: isLoading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-4 w-4 animate-spin mr-2" }),
+          "Processing..."
+        ] }) : "Subscribe" })
+      ] })
+    ] })
   ] });
 }
-_chunk7QVYU63Ejs.__name.call(void 0, SubscriptionsList, "SubscriptionsList");
+_chunk7QVYU63Ejs.__name.call(void 0, SubscriptionConfirmation, "SubscriptionConfirmation");
-// src/features/billing/stripe-subscription/components/containers/SubscriptionsContainer.tsx
+// src/features/billing/stripe-subscription/components/wizards/SubscriptionWizard.tsx
-function SubscriptionsContainer() {
-  const { confirmPayment, isConfirming } = useConfirmSubscriptionPayment();
-  const [subscriptions, setSubscriptions] = _react.useState.call(void 0, []);
-  const [loading, setLoading] = _react.useState.call(void 0, true);
-  const [showCreateSubscription, setShowCreateSubscription] = _react.useState.call(void 0, false);
-  const [showPaymentMethodEditor, setShowPaymentMethodEditor] = _react.useState.call(void 0, false);
-  const [products, setProducts] = _react.useState.call(void 0, []);
-  const [pricesByProduct, setPricesByProduct] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
-  const [loadingPricing, setLoadingPricing] = _react.useState.call(void 0, false);
-  const [hasPaymentMethod, setHasPaymentMethod] = _react.useState.call(void 0, null);
-  const [pendingPriceId, setPendingPriceId] = _react.useState.call(void 0, null);
-  const [creatingSubscription, setCreatingSubscription] = _react.useState.call(void 0, false);
-  const [paymentConfirmationState, setPaymentConfirmationState] = _react.useState.call(void 0, "idle");
-  const [paymentError, setPaymentError] = _react.useState.call(void 0, null);
-  const loadSubscriptions = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
-    setLoading(true);
+// src/features/billing/stripe-subscription/hooks/useSubscriptionWizard.ts
+var initialState = {
+  step: "plan-selection",
+  selectedPrice: null,
+  selectedInterval: "month",
+  hasPaymentMethod: false,
+  isProcessing: false,
+  error: null,
+  prorationPreview: null
+};
+function wizardReducer(state, action) {
+  switch (action.type) {
+    case "SET_STEP":
+      return { ...state, step: action.step, error: null };
+    case "SELECT_PRICE":
+      return { ...state, selectedPrice: action.price };
+    case "SET_INTERVAL":
+      return { ...state, selectedInterval: action.interval };
+    case "SET_HAS_PAYMENT_METHOD":
+      return { ...state, hasPaymentMethod: action.hasMethod };
+    case "SET_PROCESSING":
+      return { ...state, isProcessing: action.isProcessing };
+    case "SET_ERROR":
+      return { ...state, error: action.error };
+    case "SET_PRORATION_PREVIEW":
+      return { ...state, prorationPreview: action.preview };
+    case "RESET":
+      return initialState;
+    default:
+      return state;
+  }
+}
+_chunk7QVYU63Ejs.__name.call(void 0, wizardReducer, "wizardReducer");
+function useSubscriptionWizard({ subscription, onSuccess, onClose }) {
+  const [state, dispatch] = _react.useReducer.call(void 0, wizardReducer, {
+    ...initialState,
+    selectedPrice: _optionalChain([subscription, 'optionalAccess', _60 => _60.price]) || null
+  });
+  const onSuccessRef = _react.useRef.call(void 0, onSuccess);
+  const onCloseRef = _react.useRef.call(void 0, onClose);
+  onSuccessRef.current = onSuccess;
+  onCloseRef.current = onClose;
+  const checkPaymentMethod = _react.useCallback.call(void 0, async () => {
     try {
-      const fetchedSubscriptions = await _chunkTSEU4KZ2js.StripeSubscriptionService.listSubscriptions();
-      setSubscriptions(fetchedSubscriptions);
+      const methods = await _chunkJ22NEVSKjs.StripeCustomerService.listPaymentMethods();
+      dispatch({ type: "SET_HAS_PAYMENT_METHOD", hasMethod: methods.length > 0 });
     } catch (error) {
-      console.error("[SubscriptionsContainer] Failed to load subscriptions:", error);
-    } finally {
-      setLoading(false);
+      console.error("[useSubscriptionWizard] Failed to check payment methods:", error);
+      dispatch({ type: "SET_HAS_PAYMENT_METHOD", hasMethod: false });
     }
-  }, "loadSubscriptions");
-  const loadPricingData = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
-    setLoadingPricing(true);
+  }, []);
+  const selectPrice = _react.useCallback.call(void 0, (price) => {
+    dispatch({ type: "SELECT_PRICE", price });
+  }, []);
+  const setInterval = _react.useCallback.call(void 0, (interval) => {
+    dispatch({ type: "SET_INTERVAL", interval });
+  }, []);
+  const goToStep = _react.useCallback.call(void 0, (step) => {
+    dispatch({ type: "SET_STEP", step });
+  }, []);
+  const goToReview = _react.useCallback.call(void 0, async () => {
+    if (!state.selectedPrice) return;
+    dispatch({ type: "SET_PROCESSING", isProcessing: true });
     try {
-      const fetchedProducts = await _chunkTSEU4KZ2js.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);
-        }
+      await checkPaymentMethod();
+      if (subscription && state.selectedPrice.id !== _optionalChain([subscription, 'access', _61 => _61.price, 'optionalAccess', _62 => _62.id])) {
+        const preview = await _chunkJ22NEVSKjs.StripeSubscriptionService.getProrationPreview({
+          subscriptionId: subscription.id,
+          newPriceId: state.selectedPrice.id
+        });
+        dispatch({ type: "SET_PRORATION_PREVIEW", preview });
       }
-      setProducts(fetchedProducts);
-      setPricesByProduct(grouped);
+      dispatch({ type: "SET_STEP", step: "review" });
     } catch (error) {
-      console.error("[SubscriptionsContainer] Failed to load pricing data:", error);
+      console.error("[useSubscriptionWizard] Error preparing review:", error);
+      dispatch({ type: "SET_ERROR", error: _optionalChain([error, 'optionalAccess', _63 => _63.message]) || "Failed to prepare review" });
     } finally {
-      setLoadingPricing(false);
+      dispatch({ type: "SET_PROCESSING", isProcessing: false });
     }
-  }, "loadPricingData");
-  const checkPaymentMethod = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
+  }, [state.selectedPrice, subscription, checkPaymentMethod]);
+  const confirmSubscription = _react.useCallback.call(void 0, async () => {
+    if (!state.selectedPrice) return;
+    dispatch({ type: "SET_PROCESSING", isProcessing: true });
+    dispatch({ type: "SET_ERROR", error: null });
     try {
-      const paymentMethods = await _chunkTSEU4KZ2js.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__ */ _chunk7QVYU63Ejs.__name.call(void 0, async (priceId) => {
-    setCreatingSubscription(true);
-    setPaymentError(null);
-    setPaymentConfirmationState("idle");
-    try {
-      const result = await _chunkTSEU4KZ2js.StripeSubscriptionService.createSubscription({
-        id: _uuid.v4.call(void 0, ),
-        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 _chunkTSEU4KZ2js.StripeSubscriptionService.syncSubscription({
-          subscriptionId: result.subscription.id
+      if (subscription) {
+        await _chunkJ22NEVSKjs.StripeSubscriptionService.changePlan({
+          id: subscription.id,
+          newPriceId: state.selectedPrice.id
+        });
+      } else {
+        await _chunkJ22NEVSKjs.StripeSubscriptionService.createSubscription({
+          id: crypto.randomUUID(),
+          priceId: state.selectedPrice.id
         });
       }
-      setPaymentConfirmationState("success");
-      await loadSubscriptions();
+      onSuccessRef.current();
+      onCloseRef.current();
     } catch (error) {
-      console.error("[SubscriptionsContainer] Failed to create subscription:", error);
-      if (_optionalChain([error, 'optionalAccess', _57 => _57.status]) === 402 || _optionalChain([error, 'optionalAccess', _58 => _58.response, 'optionalAccess', _59 => _59.status]) === 402) {
-        setPendingPriceId(priceId);
-        setHasPaymentMethod(false);
-        setShowPaymentMethodEditor(true);
-      } else {
-        setPaymentConfirmationState("error");
-        setPaymentError(_optionalChain([error, 'optionalAccess', _60 => _60.message]) || "Failed to create subscription");
+      console.error("[useSubscriptionWizard] Subscription error:", error);
+      if (_optionalChain([error, 'optionalAccess', _64 => _64.status]) === 409 || _optionalChain([error, 'optionalAccess', _65 => _65.response, 'optionalAccess', _66 => _66.status]) === 409) {
+        dispatch({
+          type: "SET_ERROR",
+          error: "You already have an active subscription. Please change your existing plan instead."
+        });
+        return;
+      }
+      if (_optionalChain([error, 'optionalAccess', _67 => _67.status]) === 402 || _optionalChain([error, 'optionalAccess', _68 => _68.response, 'optionalAccess', _69 => _69.status]) === 402) {
+        dispatch({ type: "SET_HAS_PAYMENT_METHOD", hasMethod: false });
+        dispatch({ type: "SET_STEP", step: "payment-method" });
+        return;
       }
+      dispatch({ type: "SET_ERROR", error: _optionalChain([error, 'optionalAccess', _70 => _70.message]) || "Failed to process subscription" });
     } finally {
-      setCreatingSubscription(false);
-    }
-  }, "createSubscriptionWithPrice");
-  const handleSelectPrice = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async (price) => {
-    const priceId = price.id;
-    if (!hasPaymentMethod) {
-      setPendingPriceId(priceId);
-      setShowPaymentMethodEditor(true);
-      return;
-    }
-    await createSubscriptionWithPrice(priceId);
-  }, "handleSelectPrice");
-  const handlePaymentMethodSuccess = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
-    setShowPaymentMethodEditor(false);
-    setHasPaymentMethod(true);
-    if (pendingPriceId) {
-      await createSubscriptionWithPrice(pendingPriceId);
-      setPendingPriceId(null);
+      dispatch({ type: "SET_PROCESSING", isProcessing: false });
     }
-  }, "handlePaymentMethodSuccess");
-  _react.useEffect.call(void 0, () => {
-    loadSubscriptions();
+  }, [state.selectedPrice, subscription]);
+  const handlePaymentMethodSuccess = _react.useCallback.call(void 0, async () => {
+    dispatch({ type: "SET_HAS_PAYMENT_METHOD", hasMethod: true });
+    dispatch({ type: "SET_STEP", step: "review" });
+  }, []);
+  const reset = _react.useCallback.call(void 0, () => {
+    dispatch({ type: "RESET" });
   }, []);
+  const actions = _react.useMemo.call(void 0,
+    () => ({
+      selectPrice,
+      setInterval,
+      goToStep,
+      goToReview,
+      confirmSubscription,
+      handlePaymentMethodSuccess,
+      checkPaymentMethod,
+      reset
+    }),
+    [
+      selectPrice,
+      setInterval,
+      goToStep,
+      goToReview,
+      confirmSubscription,
+      handlePaymentMethodSuccess,
+      checkPaymentMethod,
+      reset
+    ]
+  );
+  return {
+    state,
+    actions
+  };
+}
+_chunk7QVYU63Ejs.__name.call(void 0, useSubscriptionWizard, "useSubscriptionWizard");
+// src/features/billing/stripe-subscription/components/wizards/WizardProgressIndicator.tsx
+var STEPS = [
+  { key: "plan-selection", label: "Select Plan" },
+  { key: "review", label: "Review" },
+  { key: "payment-method", label: "Payment" }
+];
+function getStepIndex(step) {
+  return STEPS.findIndex((s) => s.key === step);
+}
+_chunk7QVYU63Ejs.__name.call(void 0, getStepIndex, "getStepIndex");
+function WizardProgressIndicator({ currentStep }) {
+  const currentIndex = getStepIndex(currentStep);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center gap-x-2 py-4", children: STEPS.map((step, index) => {
+    const isCompleted = index < currentIndex;
+    const isCurrent = index === currentIndex;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+        "div",
+        {
+          className: `flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium ${isCompleted ? "bg-primary text-primary-foreground" : isCurrent ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+          children: isCompleted ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4" }) : index + 1
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+        "span",
+        {
+          className: `text-sm ${isCurrent ? "font-medium text-foreground" : "text-muted-foreground"}`,
+          children: step.label
+        }
+      ),
+      index < STEPS.length - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+        "div",
+        {
+          className: `h-0.5 w-8 ${index < currentIndex ? "bg-primary" : "bg-muted"}`
+        }
+      )
+    ] }, step.key);
+  }) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, WizardProgressIndicator, "WizardProgressIndicator");
+// src/features/billing/stripe-subscription/components/wizards/WizardStepPlanSelection.tsx
+function WizardStepPlanSelection({
+  selectedPrice,
+  selectedInterval,
+  currentPriceId,
+  hideRecurringPrices,
+  onSelectPrice,
+  onIntervalChange,
+  onNext,
+  isProcessing
+}) {
+  const [products, setProducts] = _react.useState.call(void 0, []);
+  const [loading, setLoading] = _react.useState.call(void 0, true);
   _react.useEffect.call(void 0, () => {
-    if (!loading && subscriptions.length === 0) {
-      loadPricingData();
-      checkPaymentMethod();
+    const loadProducts = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
+      try {
+        const fetchedProducts = await _chunkJ22NEVSKjs.StripeProductService.listProducts({ active: true });
+        setProducts(fetchedProducts);
+      } catch (error) {
+        console.error("[WizardStepPlanSelection] Failed to load products:", error);
+      } finally {
+        setLoading(false);
+      }
+    }, "loadProducts");
+    loadProducts();
+  }, []);
+  const { hasMonthly, hasYearly } = _react.useMemo.call(void 0, () => {
+    let hasMonthly2 = false;
+    let hasYearly2 = false;
+    for (const product of products) {
+      for (const price of product.stripePrices || []) {
+        if (price.priceType === "recurring" && _optionalChain([price, 'access', _71 => _71.recurring, 'optionalAccess', _72 => _72.interval]) === "month") {
+          hasMonthly2 = true;
+        }
+        if (price.priceType === "recurring" && _optionalChain([price, 'access', _73 => _73.recurring, 'optionalAccess', _74 => _74.interval]) === "year") {
+          hasYearly2 = true;
+        }
+      }
     }
-  }, [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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground", children: "Loading subscriptions..." }) });
+    return { hasMonthly: hasMonthly2, hasYearly: hasYearly2 };
+  }, [products]);
+  const handleSelectPrice = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (price) => {
+    onSelectPrice(price);
+  }, "handleSelectPrice");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      IntervalToggle,
+      {
+        value: selectedInterval,
+        onChange: onIntervalChange,
+        hasMonthly,
+        hasYearly
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      ProductPricingList,
+      {
+        products,
+        selectedInterval,
+        currentPriceId,
+        selectedPriceId: _optionalChain([selectedPrice, 'optionalAccess', _75 => _75.id]),
+        loading,
+        hideRecurringPrices,
+        onSelectPrice: handleSelectPrice
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-end pt-4 border-t", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: onNext, disabled: !selectedPrice || isProcessing, children: isProcessing ? "Loading..." : "Next: Review" }) })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, WizardStepPlanSelection, "WizardStepPlanSelection");
+// src/features/billing/stripe-subscription/components/wizards/WizardStepReview.tsx
+function WizardStepReview({
+  selectedPrice,
+  subscription,
+  prorationPreview,
+  hasPaymentMethod,
+  error,
+  isProcessing,
+  onBack,
+  onAddPaymentMethod,
+  onConfirm
+}) {
+  if (!selectedPrice) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-center py-8 text-muted-foreground", children: "No plan selected. Please go back and select a plan." });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-y-6", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-8 w-8" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Subscriptions" })
-      ] }),
-      subscriptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: () => setShowCreateSubscription(true), children: "Subscribe to a Plan" })
-    ] }),
-    criticalSubscriptions.map((subscription) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BillingAlertBanner, { subscription }, subscription.id)),
-    subscriptions.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
-      (paymentConfirmationState === "confirming" || isConfirming) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center py-12 space-y-4 bg-muted/50 rounded-lg", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-primary" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-medium", children: "Processing payment..." }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: "Please complete any verification if prompted." })
-        ] })
-      ] }),
-      paymentConfirmationState === "success" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CheckCircle, { className: "h-12 w-12 text-green-500" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-medium text-green-600", children: "Payment successful!" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
-        ] })
-      ] }),
-      paymentConfirmationState === "error" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertTitle, { children: "Payment Failed" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDescription, { className: "mt-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-            _chunkIXI4GAKBjs.Button,
-            {
-              onClick: () => {
-                setPaymentConfirmationState("idle");
-                setPaymentError(null);
-              },
-              variant: "outline",
-              children: "Try Again"
-            }
-          )
-        ] })
-      ] }),
-      paymentConfirmationState === "idle" && !isConfirming && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "text-muted-foreground mx-auto h-16 w-16 mb-4" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-2 text-xl font-semibold", children: "Choose Your Plan" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground mb-6", children: "Select a subscription plan to get started with our services." })
+  const isChangingPlan = subscription && _optionalChain([subscription, 'access', _76 => _76.price, 'optionalAccess', _77 => _77.id]) !== selectedPrice.id;
+  const formatInterval2 = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (price) => {
+    if (price.priceType === "one_time") return "one-time";
+    const interval = _optionalChain([price, 'access', _78 => _78.recurring, 'optionalAccess', _79 => _79.interval]) || "month";
+    return interval === "year" ? "yearly" : "monthly";
+  }, "formatInterval");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-muted/50 rounded-lg p-4 space-y-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-lg", children: "Selected Plan" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-medium", children: _optionalChain([selectedPrice, 'access', _80 => _80.product, 'optionalAccess', _81 => _81.name]) }),
+          selectedPrice.nickname && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: selectedPrice.nickname })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          PricingCardsGrid,
-          {
-            products,
-            pricesByProduct,
-            loading: loadingPricing,
-            loadingPriceId: creatingSubscription ? _nullishCoalesce(pendingPriceId, () => ( void 0)) : void 0,
-            onSelectPrice: handleSelectPrice
-          }
-        )
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-right", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-semibold text-lg", children: formatCurrency(selectedPrice.unitAmount || 0, selectedPrice.currency) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: formatInterval2(selectedPrice) })
+        ] })
       ] })
     ] }),
-    subscriptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubscriptionsList, { subscriptions, onSubscriptionsChange: loadSubscriptions }),
-    showCreateSubscription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-      SubscriptionEditor,
-      {
-        open: showCreateSubscription,
-        onOpenChange: setShowCreateSubscription,
-        onSuccess: loadSubscriptions,
-        onAddPaymentMethod: () => {
-          setShowCreateSubscription(false);
-          setShowPaymentMethodEditor(true);
+    isChangingPlan && prorationPreview && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-medium text-blue-800", children: "Proration Summary" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-blue-700", children: "Your next charge will be adjusted to account for the plan change." }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-blue-600", children: "Amount due now:" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium text-blue-800", children: formatCurrency(prorationPreview.amountDue, prorationPreview.currency) })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border rounded-lg p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "font-medium", children: "Payment Method" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: hasPaymentMethod ? "A payment method is on file" : "No payment method on file" })
+      ] }),
+      !hasPaymentMethod && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: onAddPaymentMethod, children: "Add Payment Method" })
+    ] }) }),
+    error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDescription, { children: error })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between pt-4 border-t", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", onClick: onBack, disabled: isProcessing, children: "Back" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+        _chunk3X7EEFMNjs.Button,
+        {
+          onClick: hasPaymentMethod ? onConfirm : onAddPaymentMethod,
+          disabled: isProcessing,
+          children: isProcessing ? "Processing..." : hasPaymentMethod ? isChangingPlan ? "Confirm Plan Change" : "Subscribe Now" : "Add Payment Method"
         }
+      )
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, WizardStepReview, "WizardStepReview");
+// src/features/billing/stripe-subscription/components/wizards/WizardStepPaymentMethod.tsx
+function WizardStepPaymentMethod({
+  onBack,
+  onSuccess,
+  isProcessing
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-lg", children: "Add Payment Method" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-muted-foreground", children: "Enter your card details to complete your subscription" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      PaymentMethodForm,
+      {
+        onSuccess,
+        onCancel: onBack,
+        isLoading: isProcessing
+      }
+    )
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, WizardStepPaymentMethod, "WizardStepPaymentMethod");
+// src/features/billing/stripe-subscription/components/wizards/SubscriptionWizard.tsx
+function SubscriptionWizard({
+  open,
+  onOpenChange,
+  onSuccess,
+  hasActiveRecurringSubscription,
+  subscription
+}) {
+  const handleClose = _react.useCallback.call(void 0, () => onOpenChange(false), [onOpenChange]);
+  const { state, actions } = useSubscriptionWizard({
+    subscription,
+    onSuccess,
+    onClose: handleClose
+  });
+  const hasCheckedRef = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (open && !hasCheckedRef.current) {
+      hasCheckedRef.current = true;
+      actions.checkPaymentMethod();
+    }
+    if (!open) {
+      hasCheckedRef.current = false;
+    }
+  }, [open, actions.checkPaymentMethod]);
+  _react.useEffect.call(void 0, () => {
+    if (!open) {
+      actions.reset();
+    }
+  }, [open, actions.reset]);
+  const dialogTitle = subscription ? "Change Subscription Plan" : "Subscribe to a Plan";
+  const dialogDescription = subscription ? "Select a new plan for your subscription" : "Choose a subscription plan to get started";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: dialogTitle }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogDescription, { children: dialogDescription })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WizardProgressIndicator, { currentStep: state.step }),
+    state.step === "plan-selection" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      WizardStepPlanSelection,
+      {
+        selectedPrice: state.selectedPrice,
+        selectedInterval: state.selectedInterval,
+        currentPriceId: _optionalChain([subscription, 'optionalAccess', _82 => _82.price, 'optionalAccess', _83 => _83.id]),
+        hideRecurringPrices: hasActiveRecurringSubscription && !subscription,
+        onSelectPrice: actions.selectPrice,
+        onIntervalChange: actions.setInterval,
+        onNext: actions.goToReview,
+        isProcessing: state.isProcessing
       }
     ),
-    showPaymentMethodEditor && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-      PaymentMethodEditor,
+    state.step === "review" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      WizardStepReview,
       {
-        open: showPaymentMethodEditor,
-        onOpenChange: (open) => {
-          setShowPaymentMethodEditor(open);
-          if (!open) {
-            setPendingPriceId(null);
-          }
-        },
-        onSuccess: handlePaymentMethodSuccess
+        selectedPrice: state.selectedPrice,
+        subscription,
+        prorationPreview: state.prorationPreview,
+        hasPaymentMethod: state.hasPaymentMethod,
+        error: state.error,
+        isProcessing: state.isProcessing,
+        onBack: () => actions.goToStep("plan-selection"),
+        onAddPaymentMethod: () => actions.goToStep("payment-method"),
+        onConfirm: actions.confirmSubscription
+      }
+    ),
+    state.step === "payment-method" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+      WizardStepPaymentMethod,
+      {
+        onBack: () => actions.goToStep("review"),
+        onSuccess: actions.handlePaymentMethodSuccess,
+        isProcessing: state.isProcessing
       }
     )
-  ] });
+  ] }) });
 }
-_chunk7QVYU63Ejs.__name.call(void 0, SubscriptionsContainer, "SubscriptionsContainer");
+_chunk7QVYU63Ejs.__name.call(void 0, SubscriptionWizard, "SubscriptionWizard");
 // src/features/billing/stripe-usage/components/containers/UsageContainer.tsx
@@ -2148,22 +2257,22 @@ function formatDate4(date) {
 }
 _chunk7QVYU63Ejs.__name.call(void 0, formatDate4, "formatDate");
 function UsageSummaryCard({ meter, summary }) {
-  const currentUsage = _nullishCoalesce(_optionalChain([summary, 'optionalAccess', _61 => _61.aggregatedValue]), () => ( 0));
+  const currentUsage = _nullishCoalesce(_optionalChain([summary, 'optionalAccess', _84 => _84.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__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Activity, { className: "h-5 w-5" }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold", children: displayName }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-xs text-gray-500", children: meter.id })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardContent, { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardContent, { className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-3xl font-bold", children: currentUsage.toLocaleString() }),
         hasLimit && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-gray-500", children: [
@@ -2175,7 +2284,7 @@ function UsageSummaryCard({ meter, summary }) {
       hasLimit ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-y-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `h-full transition-all ${progressColor}`, style: { width: `${progressWidth}%` } }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-sm text-gray-500", children: [
-          _optionalChain([percentage, 'optionalAccess', _62 => _62.toFixed, 'call', _63 => _63(1)]),
+          _optionalChain([percentage, 'optionalAccess', _85 => _85.toFixed, 'call', _86 => _86(1)]),
           "% used"
         ] })
       ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm text-gray-500", children: "No limit set" }),
@@ -2210,14 +2319,14 @@ function UsageContainer() {
   const loadUsageData = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setLoading(true);
     try {
-      const fetchedSubscriptions = await _chunkTSEU4KZ2js.StripeSubscriptionService.listSubscriptions();
+      const fetchedSubscriptions = await _chunkJ22NEVSKjs.StripeSubscriptionService.listSubscriptions();
       setSubscriptions(fetchedSubscriptions);
-      const hasMeteredSubscriptions2 = fetchedSubscriptions.some((sub) => _optionalChain([sub, 'access', _64 => _64.price, 'optionalAccess', _65 => _65.recurring, 'optionalAccess', _66 => _66.usageType]) === "metered");
+      const hasMeteredSubscriptions2 = fetchedSubscriptions.some((sub) => _optionalChain([sub, 'access', _87 => _87.price, 'optionalAccess', _88 => _88.recurring, 'optionalAccess', _89 => _89.usageType]) === "metered");
       if (!hasMeteredSubscriptions2) {
         setLoading(false);
         return;
       }
-      const fetchedMeters = await _chunkTSEU4KZ2js.StripeUsageService.listMeters();
+      const fetchedMeters = await _chunkJ22NEVSKjs.StripeUsageService.listMeters();
       setMeters(fetchedMeters);
       const summariesMap = {};
       const now = /* @__PURE__ */ new Date();
@@ -2225,7 +2334,7 @@ function UsageContainer() {
       const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
       for (const meter of fetchedMeters) {
         try {
-          const meterSummaries = await _chunkTSEU4KZ2js.StripeUsageService.getMeterSummaries({
+          const meterSummaries = await _chunkJ22NEVSKjs.StripeUsageService.getMeterSummaries({
             meterId: meter.id,
             startTime: startOfMonth,
             endTime: endOfMonth
@@ -2243,7 +2352,7 @@ function UsageContainer() {
       setLoading(false);
     }
   }, "loadUsageData");
-  const hasMeteredSubscriptions = subscriptions.some((sub) => _optionalChain([sub, 'access', _67 => _67.price, 'optionalAccess', _68 => _68.recurring, 'optionalAccess', _69 => _69.usageType]) === "metered");
+  const hasMeteredSubscriptions = subscriptions.some((sub) => _optionalChain([sub, 'access', _90 => _90.price, 'optionalAccess', _91 => _91.recurring, 'optionalAccess', _92 => _92.usageType]) === "metered");
   if (!loading && !hasMeteredSubscriptions) {
     return null;
   }
@@ -2291,21 +2400,21 @@ function UsageHistoryTable({ usageRecords }) {
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "text-xl font-semibold", children: "Usage History" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.TableRow, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Date & Time" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Meter Event" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { className: "text-right", children: "Quantity" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableHead, { children: "Event ID" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHeader, { className: "bg-muted", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.TableRow, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Date & Time" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Meter Event" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { className: "text-right", children: "Quantity" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableHead, { children: "Event ID" })
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableBody, { children: usageRecords.map((record) => {
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableBody, { children: usageRecords.map((record) => {
         const dateTime = formatDateTime(record.timestamp);
         const quantity = record.quantity.toLocaleString();
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.TableRow, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "font-medium", children: dateTime }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-right font-medium", children: quantity }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.TableRow, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "font-medium", children: dateTime }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-right font-medium", children: quantity }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
         ] }, record.id);
       }) })
     ] }) })
@@ -2322,8 +2431,8 @@ function BillingDetailModal({
   children,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: _nullishCoalesce(className, () => ( "max-w-4xl max-h-[90vh] overflow-y-auto")), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: title }) }),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: _nullishCoalesce(className, () => ( "max-w-4xl max-h-[90vh] overflow-y-auto")), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: title }) }),
     children
   ] }) });
 }
@@ -2340,7 +2449,7 @@ function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-red-900", children: "Payment Failed" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", size: "sm", onClick: onUpdatePayment, className: "border-red-300 text-red-700", children: "Update Payment Method" })
+      onUpdatePayment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.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) {
@@ -2360,7 +2469,7 @@ function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
             ". Add a payment method to continue your subscription."
           ] })
         ] }),
-        onAddPayment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
+        onAddPayment && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
       ] });
     }
   }
@@ -2396,14 +2505,22 @@ function BillingDashboardContainer() {
   const [activeModal, setActiveModal] = _react.useState.call(void 0, null);
   const [noCustomerExists, setNoCustomerExists] = _react.useState.call(void 0, false);
   const [creatingCustomer, setCreatingCustomer] = _react.useState.call(void 0, false);
+  const searchParams = _navigation.useSearchParams.call(void 0, );
+  const [showWizard, setShowWizard] = _react.useState.call(void 0, false);
+  const [editingSubscription, setEditingSubscription] = _react.useState.call(void 0, null);
   const hasMeteredSubscriptions = _react.useCallback.call(void 0, () => {
-    return data.subscriptions.some((sub) => _optionalChain([sub, 'access', _70 => _70.price, 'optionalAccess', _71 => _71.recurring, 'optionalAccess', _72 => _72.usageType]) === "metered");
+    return data.subscriptions.some((sub) => _optionalChain([sub, 'access', _93 => _93.price, 'optionalAccess', _94 => _94.recurring, 'optionalAccess', _95 => _95.usageType]) === "metered");
+  }, [data.subscriptions]);
+  const hasActiveRecurringSubscription = _react.useMemo.call(void 0, () => {
+    return data.subscriptions.some(
+      (sub) => (sub.status === "active" /* ACTIVE */ || sub.status === "trialing" /* TRIALING */) && _optionalChain([sub, 'access', _96 => _96.price, 'optionalAccess', _97 => _97.priceType]) === "recurring"
+    );
   }, [data.subscriptions]);
   const fetchAllData = _react.useCallback.call(void 0, async () => {
     setNoCustomerExists(false);
     let customer = null;
     try {
-      customer = await _chunkTSEU4KZ2js.StripeCustomerService.getCustomer();
+      customer = await _chunkJ22NEVSKjs.StripeCustomerService.getCustomer();
       setData((prev) => ({ ...prev, customer }));
       setErrors((prev) => ({ ...prev, customer: null }));
       setNoCustomerExists(false);
@@ -2428,7 +2545,7 @@ function BillingDashboardContainer() {
     if (customer) {
       const fetchSubscriptions = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
         try {
-          const subscriptions2 = await _chunkTSEU4KZ2js.StripeSubscriptionService.listSubscriptions();
+          const subscriptions2 = await _chunkJ22NEVSKjs.StripeSubscriptionService.listSubscriptions();
           setData((prev) => ({ ...prev, subscriptions: subscriptions2 }));
           setErrors((prev) => ({ ...prev, subscriptions: null }));
           return subscriptions2;
@@ -2442,7 +2559,7 @@ function BillingDashboardContainer() {
       }, "fetchSubscriptions");
       const fetchPaymentMethods = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
         try {
-          const paymentMethods = await _chunkTSEU4KZ2js.StripeCustomerService.listPaymentMethods();
+          const paymentMethods = await _chunkJ22NEVSKjs.StripeCustomerService.listPaymentMethods();
           setData((prev) => ({ ...prev, paymentMethods }));
           setErrors((prev) => ({ ...prev, paymentMethods: null }));
         } catch (error) {
@@ -2454,7 +2571,7 @@ function BillingDashboardContainer() {
       }, "fetchPaymentMethods");
       const fetchInvoices = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
         try {
-          const invoices = await _chunkTSEU4KZ2js.StripeInvoiceService.listInvoices();
+          const invoices = await _chunkJ22NEVSKjs.StripeInvoiceService.listInvoices();
           setData((prev) => ({ ...prev, invoices }));
           setErrors((prev) => ({ ...prev, invoices: null }));
         } catch (error) {
@@ -2466,7 +2583,7 @@ function BillingDashboardContainer() {
       }, "fetchInvoices");
       const [subscriptions] = await Promise.all([fetchSubscriptions(), fetchPaymentMethods(), fetchInvoices()]);
       const hasMetered = subscriptions.some(
-        (sub) => _optionalChain([sub, 'access', _73 => _73.price, 'optionalAccess', _74 => _74.recurring, 'optionalAccess', _75 => _75.usageType]) === "metered"
+        (sub) => _optionalChain([sub, 'access', _98 => _98.price, 'optionalAccess', _99 => _99.recurring, 'optionalAccess', _100 => _100.usageType]) === "metered"
       );
       if (hasMetered) {
         await fetchUsageData();
@@ -2478,7 +2595,7 @@ function BillingDashboardContainer() {
   const handleCreateCustomer = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setCreatingCustomer(true);
     try {
-      await _chunkTSEU4KZ2js.StripeCustomerService.createCustomer();
+      await _chunkJ22NEVSKjs.StripeCustomerService.createCustomer();
       setNoCustomerExists(false);
       await fetchAllData();
     } catch (error) {
@@ -2490,7 +2607,7 @@ function BillingDashboardContainer() {
   }, "handleCreateCustomer");
   const fetchUsageData = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     try {
-      const meters = await _chunkTSEU4KZ2js.StripeUsageService.listMeters();
+      const meters = await _chunkJ22NEVSKjs.StripeUsageService.listMeters();
       setData((prev) => ({ ...prev, meters }));
       const summariesMap = {};
       const now = /* @__PURE__ */ new Date();
@@ -2498,7 +2615,7 @@ function BillingDashboardContainer() {
       const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
       for (const meter of meters) {
         try {
-          const meterSummaries = await _chunkTSEU4KZ2js.StripeUsageService.getMeterSummaries({
+          const meterSummaries = await _chunkJ22NEVSKjs.StripeUsageService.getMeterSummaries({
             meterId: meter.id,
             startTime: startOfMonth,
             endTime: endOfMonth
@@ -2528,9 +2645,25 @@ function BillingDashboardContainer() {
     });
     await fetchAllData();
   }, [fetchAllData]);
+  const handleOpenWizard = _react.useCallback.call(void 0, (subscription) => {
+    setEditingSubscription(subscription || null);
+    setShowWizard(true);
+  }, []);
+  const handleWizardClose = _react.useCallback.call(void 0, () => {
+    setShowWizard(false);
+    setEditingSubscription(null);
+    refreshData();
+  }, [refreshData]);
   _react.useEffect.call(void 0, () => {
     fetchAllData();
   }, [fetchAllData]);
+  _react.useEffect.call(void 0, () => {
+    const action = searchParams.get("action");
+    if (action === "subscribe") {
+      setShowWizard(true);
+      window.history.replaceState({}, "", window.location.pathname);
+    }
+  }, [searchParams]);
   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
   );
@@ -2560,18 +2693,18 @@ function BillingDashboardContainer() {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Wallet, { className: "h-8 w-8" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Billing" })
     ] }),
-    isInitialLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
-    noCustomerExists && !isInitialLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.CardHeader, { className: "text-center", children: [
+    isInitialLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
+    noCustomerExists && !isInitialLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.CardHeader, { className: "text-center", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CreditCard, { className: "h-8 w-8 text-primary" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardTitle, { children: "Set Up Billing" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardTitle, { children: "Set Up Billing" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
         "Setting up..."
       ] }) : "Set Up Billing Account" }) }),
-      errors.customer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CardContent, { className: "pt-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
+      errors.customer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CardContent, { className: "pt-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
     ] }),
     !noCustomerExists && !isInitialLoading && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       criticalSubscriptions.map((subscription) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -2590,14 +2723,20 @@ function BillingDashboardContainer() {
             subscriptions: data.subscriptions,
             loading: loading.subscriptions,
             error: errors.subscriptions || void 0,
-            onManageClick: () => setActiveModal("subscriptions")
+            onManageClick: () => {
+              if (data.subscriptions.length === 0) {
+                setShowWizard(true);
+              } else {
+                setActiveModal("subscriptions");
+              }
+            }
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
           PaymentMethodSummaryCard,
           {
             paymentMethods: data.paymentMethods,
-            defaultPaymentMethodId: _optionalChain([data, 'access', _76 => _76.customer, 'optionalAccess', _77 => _77.defaultPaymentMethodId]),
+            defaultPaymentMethodId: _optionalChain([data, 'access', _101 => _101.customer, 'optionalAccess', _102 => _102.defaultPaymentMethodId]),
             loading: loading.paymentMethods,
             error: errors.paymentMethods || void 0,
             onManageClick: () => setActiveModal("payment-methods")
@@ -2637,7 +2776,7 @@ function BillingDashboardContainer() {
           open: activeModal === "subscriptions",
           onOpenChange: handleModalClose,
           title: getModalTitle("subscriptions"),
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubscriptionsContainer, {})
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SubscriptionsContainer, { onOpenWizard: handleOpenWizard })
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
@@ -2666,6 +2805,16 @@ function BillingDashboardContainer() {
           title: getModalTitle("usage"),
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UsageContainer, {})
         }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
+        SubscriptionWizard,
+        {
+          open: showWizard,
+          onOpenChange: (open) => !open && handleWizardClose(),
+          onSuccess: refreshData,
+          hasActiveRecurringSubscription,
+          subscription: _nullishCoalesce(editingSubscription, () => ( void 0))
+        }
       )
     ] })
   ] });
@@ -2682,7 +2831,7 @@ function getStripePromise(publishableKey) {
   if (!publishableKey) {
     return Promise.resolve(null);
   }
-  if (_optionalChain([stripePromiseCache, 'optionalAccess', _78 => _78.key]) === publishableKey) {
+  if (_optionalChain([stripePromiseCache, 'optionalAccess', _103 => _103.key]) === publishableKey) {
     return stripePromiseCache.promise;
   }
   const promise = _stripejs.loadStripe.call(void 0, publishableKey);
@@ -2710,7 +2859,7 @@ _chunk7QVYU63Ejs.__name.call(void 0, isStripeConfigured, "isStripeConfigured");
+var _uuid = require('uuid');
 function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
@@ -2734,22 +2883,38 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
     token: _zod3.z.string()
   });
   const isEditMode = !!price;
-  const defaultUnitAmount = _optionalChain([price, 'optionalAccess', _79 => _79.unitAmount]) ? price.unitAmount / 100 : 0;
+  const defaultUnitAmount = _optionalChain([price, 'optionalAccess', _104 => _104.unitAmount]) ? price.unitAmount / 100 : 0;
   const form = _reacthookform.useForm.call(void 0, {
     resolver: _zod.zodResolver.call(void 0, formSchema2),
     defaultValues: {
       unitAmount: defaultUnitAmount,
-      currency: _optionalChain([price, 'optionalAccess', _80 => _80.currency]) || "usd",
-      interval: _optionalChain([price, 'optionalAccess', _81 => _81.priceType]) === "one_time" ? "one_time" : _optionalChain([price, 'optionalAccess', _82 => _82.recurring, 'optionalAccess', _83 => _83.interval]) || "month",
-      intervalCount: _optionalChain([price, 'optionalAccess', _84 => _84.recurring, 'optionalAccess', _85 => _85.intervalCount]) || 1,
-      usageType: _optionalChain([price, 'optionalAccess', _86 => _86.recurring, 'optionalAccess', _87 => _87.usageType]) || "licensed",
-      nickname: _optionalChain([price, 'optionalAccess', _88 => _88.nickname]) || "",
-      active: _nullishCoalesce(_optionalChain([price, 'optionalAccess', _89 => _89.active]), () => ( true)),
-      description: _optionalChain([price, 'optionalAccess', _90 => _90.description]) || "",
-      features: _optionalChain([price, 'optionalAccess', _91 => _91.features]) || [],
-      token: _nullishCoalesce(_optionalChain([price, 'optionalAccess', _92 => _92.token, 'optionalAccess', _93 => _93.toString, 'call', _94 => _94()]), () => ( ""))
+      currency: _optionalChain([price, 'optionalAccess', _105 => _105.currency]) || "usd",
+      interval: _optionalChain([price, 'optionalAccess', _106 => _106.priceType]) === "one_time" ? "one_time" : _optionalChain([price, 'optionalAccess', _107 => _107.recurring, 'optionalAccess', _108 => _108.interval]) || "month",
+      intervalCount: _optionalChain([price, 'optionalAccess', _109 => _109.recurring, 'optionalAccess', _110 => _110.intervalCount]) || 1,
+      usageType: _optionalChain([price, 'optionalAccess', _111 => _111.recurring, 'optionalAccess', _112 => _112.usageType]) || "licensed",
+      nickname: _optionalChain([price, 'optionalAccess', _113 => _113.nickname]) || "",
+      active: _nullishCoalesce(_optionalChain([price, 'optionalAccess', _114 => _114.active]), () => ( true)),
+      description: _optionalChain([price, 'optionalAccess', _115 => _115.description]) || "",
+      features: _optionalChain([price, 'optionalAccess', _116 => _116.features]) || [],
+      token: _nullishCoalesce(_optionalChain([price, 'optionalAccess', _117 => _117.token, 'optionalAccess', _118 => _118.toString, 'call', _119 => _119()]), () => ( ""))
     }
   });
+  _react.useEffect.call(void 0, () => {
+    if (open) {
+      form.reset({
+        unitAmount: _optionalChain([price, 'optionalAccess', _120 => _120.unitAmount]) ? price.unitAmount / 100 : 0,
+        currency: _optionalChain([price, 'optionalAccess', _121 => _121.currency]) || "usd",
+        interval: _optionalChain([price, 'optionalAccess', _122 => _122.priceType]) === "one_time" ? "one_time" : _optionalChain([price, 'optionalAccess', _123 => _123.recurring, 'optionalAccess', _124 => _124.interval]) || "month",
+        intervalCount: _optionalChain([price, 'optionalAccess', _125 => _125.recurring, 'optionalAccess', _126 => _126.intervalCount]) || 1,
+        usageType: _optionalChain([price, 'optionalAccess', _127 => _127.recurring, 'optionalAccess', _128 => _128.usageType]) || "licensed",
+        nickname: _optionalChain([price, 'optionalAccess', _129 => _129.nickname]) || "",
+        active: _nullishCoalesce(_optionalChain([price, 'optionalAccess', _130 => _130.active]), () => ( true)),
+        description: _optionalChain([price, 'optionalAccess', _131 => _131.description]) || "",
+        features: _optionalChain([price, 'optionalAccess', _132 => _132.features]) || [],
+        token: _nullishCoalesce(_optionalChain([price, 'optionalAccess', _133 => _133.token, 'optionalAccess', _134 => _134.toString, 'call', _135 => _135()]), () => ( ""))
+      });
+    }
+  }, [open, _optionalChain([price, 'optionalAccess', _136 => _136.id])]);
   const watchInterval = form.watch("interval");
   const isRecurring = watchInterval !== "one_time";
   const onSubmit = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async (values) => {
@@ -2757,7 +2922,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
     try {
       const unitAmountInCents = Math.round(values.unitAmount * 100);
       if (isEditMode) {
-        await _chunkTSEU4KZ2js.StripePriceService.updatePrice({
+        await _chunkJ22NEVSKjs.StripePriceService.updatePrice({
           id: price.id,
           nickname: values.nickname || void 0,
           description: values.description || void 0,
@@ -2791,7 +2956,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         if (values.token) {
           createInput.token = parseInt(values.token, 10);
         }
-        await _chunkTSEU4KZ2js.StripePriceService.createPrice(createInput);
+        await _chunkJ22NEVSKjs.StripePriceService.createPrice(createInput);
       }
       onSuccess();
       onOpenChange(false);
@@ -2817,10 +2982,10 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
     { id: "licensed", text: "Licensed (per unit)" },
     { id: "metered", text: "Metered (usage-based)" }
   ];
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogDescription, { children: isEditMode ? "Update the price details. Note: Only nickname and active status can be changed." : "Create a new price for this product" })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 flex gap-x-3", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.AlertCircle, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
@@ -2829,10 +2994,10 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.FormInput,
+          _chunk3X7EEFMNjs.FormInput,
           {
             form,
             id: "unitAmount",
@@ -2842,10 +3007,10 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             isRequired: true
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkIXI4GAKBjs.FormSelect,
+        _chunk3X7EEFMNjs.FormSelect,
         {
           form,
           id: "interval",
@@ -2856,7 +3021,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
       ),
       isRecurring && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-x-4", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.FormInput,
+          _chunk3X7EEFMNjs.FormInput,
           {
             form,
             id: "intervalCount",
@@ -2867,7 +3032,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.FormSelect,
+          _chunk3X7EEFMNjs.FormSelect,
           {
             form,
             id: "usageType",
@@ -2878,7 +3043,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkIXI4GAKBjs.FormInput,
+        _chunk3X7EEFMNjs.FormInput,
         {
           form,
           id: "nickname",
@@ -2887,7 +3052,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkIXI4GAKBjs.FormTextarea,
+        _chunk3X7EEFMNjs.FormTextarea,
         {
           form,
           id: "description",
@@ -2896,13 +3061,13 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           className: "min-h-24"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.FormInput, { form, id: "token", name: "Token (optional)", placeholder: "Enter token value" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.FormInput, { form, id: "token", name: "Token (optional)", placeholder: "Enter token value" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Label, { children: "Features (optional)" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Label, { children: "Features (optional)" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
           form.watch("features").map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkIXI4GAKBjs.Input,
+              _chunk3X7EEFMNjs.Input,
               {
                 ...form.register(`features.${index}`),
                 placeholder: `Feature ${index + 1}`,
@@ -2910,7 +3075,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
               }
             ),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkIXI4GAKBjs.Button,
+              _chunk3X7EEFMNjs.Button,
               {
                 type: "button",
                 variant: "outline",
@@ -2927,7 +3092,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             )
           ] }, index)),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-            _chunkIXI4GAKBjs.Button,
+            _chunk3X7EEFMNjs.Button,
             {
               type: "button",
               variant: "outline",
@@ -2945,8 +3110,8 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           )
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.FormCheckbox, { form, id: "active", name: "Active" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
     ] }) })
   ] }) });
 }
@@ -2968,7 +3133,7 @@ function PricesList({ productId, onPricesChange }) {
   const loadPrices = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setLoading(true);
     try {
-      const fetchedPrices = await _chunkTSEU4KZ2js.StripePriceService.listPrices({ productId });
+      const fetchedPrices = await _chunkJ22NEVSKjs.StripePriceService.listPrices({ productId });
       setPrices(fetchedPrices);
     } catch (error) {
       console.error("[PricesList] Failed to load prices:", error);
@@ -2985,7 +3150,7 @@ function PricesList({ productId, onPricesChange }) {
     }
     setArchivingPriceId(priceToArchive.id);
     try {
-      await _chunkTSEU4KZ2js.StripePriceService.archivePrice({ id: priceToArchive.id });
+      await _chunkJ22NEVSKjs.StripePriceService.archivePrice({ id: priceToArchive.id });
       setPriceToArchive(null);
       await loadPrices();
       onPricesChange();
@@ -3001,7 +3166,7 @@ function PricesList({ productId, onPricesChange }) {
     }
     setReactivatingPriceId(priceToReactivate.id);
     try {
-      await _chunkTSEU4KZ2js.StripePriceService.reactivatePrice({ id: priceToReactivate.id });
+      await _chunkJ22NEVSKjs.StripePriceService.reactivatePrice({ id: priceToReactivate.id });
       setPriceToReactivate(null);
       await loadPrices();
       onPricesChange();
@@ -3032,12 +3197,12 @@ function PricesList({ productId, onPricesChange }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-y-4", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between mb-4", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h4", { className: "text-lg font-semibold", children: "Prices" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
     ] }),
     prices.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.DollarSign, { className: "text-muted-foreground h-12 w-12" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
     ] }),
     prices.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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;
@@ -3046,9 +3211,9 @@ function PricesList({ productId, onPricesChange }) {
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between mb-3", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.DollarSign, { className: "h-5 w-5 text-primary" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Edit, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Edit, { className: "h-4 w-4" }) }),
             price.active ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkIXI4GAKBjs.Button,
+              _chunk3X7EEFMNjs.Button,
               {
                 variant: "ghost",
                 size: "sm",
@@ -3058,7 +3223,7 @@ function PricesList({ productId, onPricesChange }) {
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Archive, { className: "h-4 w-4" })
               }
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-              _chunkIXI4GAKBjs.Button,
+              _chunk3X7EEFMNjs.Button,
               {
                 variant: "ghost",
                 size: "sm",
@@ -3075,10 +3240,10 @@ function PricesList({ productId, onPricesChange }) {
           " ",
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
         ] }) }),
-        _optionalChain([price, 'access', _95 => _95.metadata, 'optionalAccess', _96 => _96.nickname]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
+        _optionalChain([price, 'access', _137 => _137.metadata, 'optionalAccess', _138 => _138.nickname]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2", children: [
           price.active ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" }),
-          _optionalChain([price, 'access', _97 => _97.recurring, 'optionalAccess', _98 => _98.usageType]) === "metered" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium", children: "Metered" }),
+          _optionalChain([price, 'access', _139 => _139.recurring, 'optionalAccess', _140 => _140.usageType]) === "metered" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium", children: "Metered" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium uppercase", children: price.currency })
         ] })
       ] }, price.id);
@@ -3109,20 +3274,20 @@ function PricesList({ productId, onPricesChange }) {
         }
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogTitle, { children: "Archive Price" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogTitle, { children: "Archive Price" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.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__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.AlertDialogAction,
+          _chunk3X7EEFMNjs.AlertDialogAction,
           {
             onClick: handleArchive,
             disabled: !!archivingPriceId,
@@ -3132,20 +3297,20 @@ function PricesList({ productId, onPricesChange }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogTitle, { children: "Reactivate Price" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogTitle, { children: "Reactivate Price" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.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__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.AlertDialogAction,
+          _chunk3X7EEFMNjs.AlertDialogAction,
           {
             onClick: handleReactivate,
             disabled: !!reactivatingPriceId,
@@ -3174,29 +3339,29 @@ function ProductEditor({ product, open, onOpenChange, onSuccess }) {
   const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
   const formSchema2 = _zod3.z.object({
     name: _zod3.z.string().min(1, { message: "Product name is required" }),
-    description: _zod3.z.string().optional(),
+    description: _zod3.z.string().min(1, { message: "Description is required" }),
     active: _zod3.z.boolean()
   });
   const form = _reacthookform.useForm.call(void 0, {
     resolver: _zod.zodResolver.call(void 0, formSchema2),
     defaultValues: {
-      name: _optionalChain([product, 'optionalAccess', _99 => _99.name]) || "",
-      description: _optionalChain([product, 'optionalAccess', _100 => _100.description]) || "",
-      active: _nullishCoalesce(_optionalChain([product, 'optionalAccess', _101 => _101.active]), () => ( true))
+      name: _optionalChain([product, 'optionalAccess', _141 => _141.name]) || "",
+      description: _optionalChain([product, 'optionalAccess', _142 => _142.description]) || "",
+      active: _nullishCoalesce(_optionalChain([product, 'optionalAccess', _143 => _143.active]), () => ( true))
     }
   });
   const onSubmit = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async (values) => {
     setIsSubmitting(true);
     try {
       if (product) {
-        await _chunkTSEU4KZ2js.StripeProductService.updateProduct({
+        await _chunkJ22NEVSKjs.StripeProductService.updateProduct({
           id: product.id,
           name: values.name,
           description: values.description,
           active: values.active
         });
       } else {
-        await _chunkTSEU4KZ2js.StripeProductService.createProduct({
+        await _chunkJ22NEVSKjs.StripeProductService.createProduct({
           id: _uuid.v4.call(void 0, ),
           name: values.name,
           description: values.description,
@@ -3211,25 +3376,25 @@ function ProductEditor({ product, open, onOpenChange, onSuccess }) {
       setIsSubmitting(false);
     }
   }, "onSubmit");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.DialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Dialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.DialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Form, { ...form, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-        _chunkIXI4GAKBjs.FormTextarea,
+        _chunk3X7EEFMNjs.FormTextarea,
         {
           form,
           id: "description",
           name: "Description",
-          placeholder: "Enter product description (optional)",
+          placeholder: "Enter product description",
           className: "min-h-32"
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.FormCheckbox, { form, id: "active", name: "Active" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
     ] }) })
   ] }) });
 }
@@ -3252,7 +3417,7 @@ function ProductsList({ products, onProductsChange }) {
     }
     setArchivingProductId(productToArchive.id);
     try {
-      const archivedProduct = await _chunkTSEU4KZ2js.StripeProductService.archiveProduct({ id: productToArchive.id });
+      const archivedProduct = await _chunkJ22NEVSKjs.StripeProductService.archiveProduct({ id: productToArchive.id });
       setProductToArchive(null);
       onProductsChange();
     } catch (error) {
@@ -3267,7 +3432,7 @@ function ProductsList({ products, onProductsChange }) {
     }
     setReactivatingProductId(productToReactivate.id);
     try {
-      const reactivatedProduct = await _chunkTSEU4KZ2js.StripeProductService.reactivateProduct({ id: productToReactivate.id });
+      const reactivatedProduct = await _chunkJ22NEVSKjs.StripeProductService.reactivateProduct({ id: productToReactivate.id });
       setProductToReactivate(null);
       onProductsChange();
     } catch (error) {
@@ -3296,12 +3461,12 @@ function ProductsList({ products, onProductsChange }) {
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Edit, { className: "h-4 w-4 mr-1" }),
               "Edit"
             ] }),
             product.active ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-              _chunkIXI4GAKBjs.Button,
+              _chunk3X7EEFMNjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -3313,7 +3478,7 @@ function ProductsList({ products, onProductsChange }) {
                 ]
               }
             ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
-              _chunkIXI4GAKBjs.Button,
+              _chunk3X7EEFMNjs.Button,
               {
                 variant: "outline",
                 size: "sm",
@@ -3325,7 +3490,7 @@ function ProductsList({ products, onProductsChange }) {
                 ]
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-5 w-5" }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-5 w-5" }) })
           ] })
         ] }),
         isExpanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
@@ -3343,19 +3508,19 @@ function ProductsList({ products, onProductsChange }) {
         }
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogTitle, { children: "Archive Product" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogTitle, { children: "Archive Product" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogDescription, { children: [
           'Are you sure you want to archive "',
-          _optionalChain([productToArchive, 'optionalAccess', _102 => _102.name]),
+          _optionalChain([productToArchive, 'optionalAccess', _144 => _144.name]),
           '"? This will deactivate it and it will no longer be available for new subscriptions.'
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.AlertDialogAction,
+          _chunk3X7EEFMNjs.AlertDialogAction,
           {
             onClick: handleArchive,
             disabled: !!archivingProductId,
@@ -3365,19 +3530,19 @@ function ProductsList({ products, onProductsChange }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogContent, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogTitle, { children: "Reactivate Product" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogDescription, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogContent, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogTitle, { children: "Reactivate Product" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogDescription, { children: [
           'Are you sure you want to reactivate "',
-          _optionalChain([productToReactivate, 'optionalAccess', _103 => _103.name]),
+          _optionalChain([productToReactivate, 'optionalAccess', _145 => _145.name]),
           '"? This will make it available for new subscriptions again.'
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIXI4GAKBjs.AlertDialogFooter, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3X7EEFMNjs.AlertDialogFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
-          _chunkIXI4GAKBjs.AlertDialogAction,
+          _chunk3X7EEFMNjs.AlertDialogAction,
           {
             onClick: handleReactivate,
             disabled: !!reactivatingProductId,
@@ -3394,7 +3559,7 @@ _chunk7QVYU63Ejs.__name.call(void 0, ProductsList, "ProductsList");
 // src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
 function ProductsAdminContainer() {
-  const { hasRole } = _chunkIXI4GAKBjs.useCurrentUserContext.call(void 0, );
+  const { hasRole } = _chunk3X7EEFMNjs.useCurrentUserContext.call(void 0, );
   const [products, setProducts] = _react.useState.call(void 0, []);
   const [loading, setLoading] = _react.useState.call(void 0, true);
   const [showCreateProduct, setShowCreateProduct] = _react.useState.call(void 0, false);
@@ -3404,7 +3569,7 @@ function ProductsAdminContainer() {
   const loadProducts = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, async () => {
     setLoading(true);
     try {
-      const fetchedProducts = await _chunkTSEU4KZ2js.StripeProductService.listProducts();
+      const fetchedProducts = await _chunkJ22NEVSKjs.StripeProductService.listProducts();
       setProducts(fetchedProducts);
     } catch (error) {
       console.error("[ProductsAdminContainer] Failed to load products:", error);
@@ -3424,14 +3589,14 @@ function ProductsAdminContainer() {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "h-8 w-8" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "text-3xl font-bold", children: "Product & Price Management" })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
     ] }),
     products.length === 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Package, { className: "text-muted-foreground h-16 w-16" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-2 text-xl font-semibold", children: "No products yet" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXI4GAKBjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X7EEFMNjs.Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
       ] })
     ] }),
     products.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProductsList, { products, onProductsChange: loadProducts }),
@@ -3479,5 +3644,8 @@ _chunk7QVYU63Ejs.__name.call(void 0, ProductsAdminContainer, "ProductsAdminConta
-exports.BillingAlertBanner = BillingAlertBanner; exports.BillingDashboardContainer = BillingDashboardContainer; exports.BillingDetailModal = BillingDetailModal; exports.BillingUsageSummaryCard = BillingUsageSummaryCard; exports.CancelSubscriptionDialog = CancelSubscriptionDialog; exports.CustomerInfoCard = CustomerInfoCard; exports.InvoiceDetails = InvoiceDetails; exports.InvoiceStatusBadge = InvoiceStatusBadge; exports.InvoicesContainer = InvoicesContainer; exports.InvoicesList = InvoicesList; exports.InvoicesSummaryCard = InvoicesSummaryCard; exports.PaymentMethodCard = PaymentMethodCard; exports.PaymentMethodEditor = PaymentMethodEditor; exports.PaymentMethodSummaryCard = PaymentMethodSummaryCard; exports.PaymentMethodsContainer = PaymentMethodsContainer; exports.PaymentMethodsList = PaymentMethodsList; exports.PriceEditor = PriceEditor; exports.PricesList = PricesList; exports.PricingCard = PricingCard; exports.PricingCardsGrid = PricingCardsGrid; exports.ProductEditor = ProductEditor; exports.ProductsAdminContainer = ProductsAdminContainer; exports.ProductsList = ProductsList; exports.ProrationPreview = ProrationPreview; exports.StripeProvider = StripeProvider; exports.SubscriptionDetails = SubscriptionDetails; exports.SubscriptionEditor = SubscriptionEditor; exports.SubscriptionStatusBadge = SubscriptionStatusBadge; exports.SubscriptionSummaryCard = SubscriptionSummaryCard; exports.SubscriptionsContainer = SubscriptionsContainer; exports.SubscriptionsList = SubscriptionsList; exports.UsageContainer = UsageContainer; exports.UsageHistoryTable = UsageHistoryTable; exports.UsageSummaryCard = UsageSummaryCard; exports.UsageSummaryCards = UsageSummaryCards; exports.formatCurrency = formatCurrency; exports.formatDate = formatDate3; exports.formatInterval = formatInterval; exports.isStripeConfigured = isStripeConfigured;
+exports.BillingAlertBanner = BillingAlertBanner; exports.BillingDashboardContainer = BillingDashboardContainer; exports.BillingDetailModal = BillingDetailModal; exports.BillingUsageSummaryCard = BillingUsageSummaryCard; exports.CancelSubscriptionDialog = CancelSubscriptionDialog; exports.CustomerInfoCard = CustomerInfoCard; exports.IntervalToggle = IntervalToggle; exports.InvoiceDetails = InvoiceDetails; exports.InvoiceStatusBadge = InvoiceStatusBadge; exports.InvoicesContainer = InvoicesContainer; exports.InvoicesList = InvoicesList; exports.InvoicesSummaryCard = InvoicesSummaryCard; exports.PaymentMethodCard = PaymentMethodCard; exports.PaymentMethodEditor = PaymentMethodEditor; exports.PaymentMethodForm = PaymentMethodForm; exports.PaymentMethodSummaryCard = PaymentMethodSummaryCard; exports.PaymentMethodsContainer = PaymentMethodsContainer; exports.PaymentMethodsList = PaymentMethodsList; exports.PriceEditor = PriceEditor; exports.PricesList = PricesList; exports.PricingCard = PricingCard; exports.ProductEditor = ProductEditor; exports.ProductPricingList = ProductPricingList; exports.ProductPricingRow = ProductPricingRow; exports.ProductsAdminContainer = ProductsAdminContainer; exports.ProductsList = ProductsList; exports.ProrationPreview = ProrationPreview; exports.StripeProvider = StripeProvider; exports.SubscriptionConfirmation = SubscriptionConfirmation; exports.SubscriptionDetails = SubscriptionDetails; exports.SubscriptionStatusBadge = SubscriptionStatusBadge; exports.SubscriptionSummaryCard = SubscriptionSummaryCard; exports.SubscriptionsContainer = SubscriptionsContainer; exports.SubscriptionsList = SubscriptionsList; exports.UsageContainer = UsageContainer; exports.UsageHistoryTable = UsageHistoryTable; exports.UsageSummaryCard = UsageSummaryCard; exports.UsageSummaryCards = UsageSummaryCards; exports.formatCurrency = formatCurrency; exports.formatDate = formatDate3; exports.formatInterval = formatInterval; exports.isStripeConfigured = isStripeConfigured;
 //# sourceMappingURL=index.js.map