@carlonicora/nextjs-jsonapi 1.36.1 → 1.38.0

package/dist/billing/index.mjs

@@ -47,7 +47,7 @@ import {
   TabsList,
   TabsTrigger,
   useCurrentUserContext
-} from "../chunk-I7DFEJFF.mjs";
+} from "../chunk-4PHADEKA.mjs";
 import {
   getRoleId,
   getStripePublishableKey
@@ -58,10 +58,11 @@ import {
   StripeInvoiceService,
   StripePriceService,
   StripeProductService,
+  StripePromotionCodeService,
   StripeSubscriptionService,
   StripeUsageService,
   cn
-} from "../chunk-P7R2DPD6.mjs";
+} from "../chunk-TQ5GRRTM.mjs";
 import "../chunk-AUXK7QSA.mjs";
 import "../chunk-C7C7VY4F.mjs";
 import "../chunk-U4MTVHOC.mjs";
@@ -96,15 +97,6 @@ function formatDate(date) {
   });
 }
 __name(formatDate, "formatDate");
-function formatPrice(amount, currency) {
-  if (amount === void 0) return "N/A";
-  const currencyCode = currency?.toUpperCase() || "USD";
-  return new Intl.NumberFormat(void 0, {
-    style: "currency",
-    currency: currencyCode
-  }).format(amount / 100);
-}
-__name(formatPrice, "formatPrice");
 function formatPlanName(subscription) {
   const productName = subscription.price?.product?.name || "";
   const nickname = subscription.price?.nickname || "";
@@ -173,16 +165,15 @@ function SubscriptionSummaryCard({
     ] }) : primarySubscription ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx("p", { className: "text-xl font-bold", children: formatPlanName(primarySubscription) }),
-        /* @__PURE__ */ jsx(Badge, { variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status), children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status })
-      ] }),
-      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-        formatPrice(primarySubscription.price?.unitAmount, primarySubscription.price?.currency),
-        primarySubscription.price?.recurring && /* @__PURE__ */ jsxs("span", { children: [
-          "/",
-          primarySubscription.price.recurring.interval
-        ] })
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status),
+            children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: primarySubscription.cancelAtPeriodEnd ? `Cancels on ${formatDate(primarySubscription.currentPeriodEnd)}` : `Renews on ${formatDate(primarySubscription.currentPeriodEnd)}` }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: !primarySubscription.price?.isTrial ? `Ends on ${formatDate(primarySubscription.currentPeriodEnd)}` : primarySubscription.cancelAtPeriodEnd ? `Cancels on ${formatDate(primarySubscription.currentPeriodEnd)}` : `Renews on ${formatDate(primarySubscription.currentPeriodEnd)}` }),
       activeSubscriptions.length > 1 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
         "+",
         activeSubscriptions.length - 1,
@@ -246,13 +237,22 @@ function PaymentMethodSummaryCard({
     /* @__PURE__ */ jsx2(CardContent, { children: paymentMethods.length === 0 ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx2("p", { className: "text-xl font-bold text-muted-foreground", children: "No payment method" }),
       /* @__PURE__ */ jsx2("p", { className: "text-xs text-muted-foreground", children: "Add a card to enable subscriptions" }),
-      /* @__PURE__ */ jsxs2(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: (e) => {
-        e.stopPropagation();
-        onManageClick();
-      }, children: [
-        "Add Card",
-        /* @__PURE__ */ jsx2(ChevronRight2, { className: "h-4 w-4 ml-1" })
-      ] })
+      /* @__PURE__ */ jsxs2(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "mt-2",
+          onClick: (e) => {
+            e.stopPropagation();
+            onManageClick();
+          },
+          children: [
+            "Add Card",
+            /* @__PURE__ */ jsx2(ChevronRight2, { className: "h-4 w-4 ml-1" })
+          ]
+        }
+      )
     ] }) : defaultMethod?.card ? /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs2("p", { className: "text-xl font-bold", children: [
         getCardBrandIcon(defaultMethod.card.brand),
@@ -533,9 +533,9 @@ function BillingUsageSummaryCard({
 __name(BillingUsageSummaryCard, "BillingUsageSummaryCard");
 
 // src/features/billing/components/containers/BillingDashboardContainer.tsx
-import { CreditCard as CreditCard4, Loader2 as Loader22, Wallet as Wallet2 } from "lucide-react";
+import { CreditCard as CreditCard4, Loader2 as Loader23, Wallet as Wallet2 } from "lucide-react";
 import { useSearchParams } from "next/navigation";
-import { useCallback as useCallback4, useEffect as useEffect9, useMemo as useMemo3, useState as useState13 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect9, useMemo as useMemo3, useState as useState14 } from "react";
 
 // src/features/billing/stripe-customer/components/containers/PaymentMethodsContainer.tsx
 import { CreditCard as CreditCard2 } from "lucide-react";
@@ -634,14 +634,7 @@ function PaymentMethodForm({ onSuccess, onCancel, isLoading = false }) {
       }
     ) }),
     /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ jsx6(
-        Checkbox,
-        {
-          id: "setAsDefault",
-          checked: setAsDefault,
-          onCheckedChange: (checked) => setSetAsDefault(!!checked)
-        }
-      ),
+      /* @__PURE__ */ jsx6(Checkbox, { id: "setAsDefault", checked: setAsDefault, onCheckedChange: (checked) => setSetAsDefault(!!checked) }),
       /* @__PURE__ */ jsx6(Label, { htmlFor: "setAsDefault", className: "text-sm font-normal", children: "Set as default payment method" })
     ] }),
     error && /* @__PURE__ */ jsx6(Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ jsx6(AlertDescription, { children: error }) }),
@@ -668,13 +661,7 @@ function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
       /* @__PURE__ */ jsx7(DialogTitle, { children: "Add Payment Method" }),
       /* @__PURE__ */ jsx7(DialogDescription, { children: "Add a new payment method to your account. Your card information is securely processed by Stripe." })
     ] }),
-    open && /* @__PURE__ */ jsx7(
-      PaymentMethodForm,
-      {
-        onSuccess: handleSuccess,
-        onCancel: handleCancel
-      }
-    )
+    open && /* @__PURE__ */ jsx7(PaymentMethodForm, { onSuccess: handleSuccess, onCancel: handleCancel })
   ] }) });
 }
 __name(PaymentMethodEditor, "PaymentMethodEditor");
@@ -741,7 +728,18 @@ function PaymentMethodCard({ paymentMethod, onUpdate }) {
           /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium capitalize", children: brand })
         ] }),
         /* @__PURE__ */ jsxs8(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx8(DropdownMenuTrigger, { children: /* @__PURE__ */ jsx8(Button, { render: /* @__PURE__ */ jsx8("div", {}), nativeButton: false, variant: "ghost", size: "sm", disabled: loading, className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx8(MoreVertical, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsx8(DropdownMenuTrigger, { children: /* @__PURE__ */ jsx8(
+            Button,
+            {
+              render: /* @__PURE__ */ jsx8("div", {}),
+              nativeButton: false,
+              variant: "ghost",
+              size: "sm",
+              disabled: loading,
+              className: "h-8 w-8 p-0",
+              children: /* @__PURE__ */ jsx8(MoreVertical, { className: "h-4 w-4" })
+            }
+          ) }),
           /* @__PURE__ */ jsxs8(DropdownMenuContent, { align: "end", children: [
             !isDefault && /* @__PURE__ */ jsx8(DropdownMenuItem, { onClick: handleSetDefault, disabled: loading, children: "Set as Default" }),
             /* @__PURE__ */ jsx8(DropdownMenuItem, { onClick: () => setShowRemoveDialog(true), disabled: loading, className: "text-red-600", children: "Remove" })
@@ -925,7 +923,12 @@ __name(InvoiceStatusBadge, "InvoiceStatusBadge");
 
 // src/features/billing/stripe-invoice/components/details/InvoiceDetails.tsx
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-function InvoiceDetails({ invoice, open, onOpenChange, onInvoiceChange }) {
+function InvoiceDetails({
+  invoice,
+  open,
+  onOpenChange,
+  onInvoiceChange: _onInvoiceChange
+}) {
   const handleDownloadPDF = /* @__PURE__ */ __name(() => {
     if (invoice.stripePdfUrl) {
       window.open(invoice.stripePdfUrl, "_blank");
@@ -1169,7 +1172,7 @@ function CancelSubscriptionDialog({
       reason: ""
     }
   });
-  const onSubmit = /* @__PURE__ */ __name(async (values) => {
+  const onSubmit = /* @__PURE__ */ __name(async (_values) => {
     setIsSubmitting(true);
     try {
       await StripeSubscriptionService.cancelSubscription({
@@ -1338,7 +1341,13 @@ function SubscriptionDetails({
       /* @__PURE__ */ jsxs14("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-x-3", children: [
           /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium text-muted-foreground", children: "Status:" }),
-          /* @__PURE__ */ jsx17(SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd })
+          /* @__PURE__ */ jsx17(
+            SubscriptionStatusBadge,
+            {
+              status: subscription.status,
+              cancelAtPeriodEnd: subscription.cancelAtPeriodEnd
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs14("div", { className: "flex justify-between", children: [
@@ -1425,11 +1434,12 @@ function SubscriptionsList({ subscriptions, onSubscriptionsChange, onChangePlan
         /* @__PURE__ */ jsx18(TableHead, { children: "Status" }),
         /* @__PURE__ */ jsx18(TableHead, { children: "Plan" }),
         /* @__PURE__ */ jsx18(TableHead, { children: "Period" }),
-        /* @__PURE__ */ jsx18(TableHead, { className: "text-right", children: "Amount" })
+        /* @__PURE__ */ jsx18(TableHead, { className: "text-right", children: "Amount" }),
+        /* @__PURE__ */ jsx18(TableHead, { className: "text-right", children: "Actions" })
       ] }) }),
       /* @__PURE__ */ jsx18(TableBody, { children: subscriptions.map((subscription) => {
         const price = subscription.price;
-        const amount = price?.unitAmount ? formatCurrency(price.unitAmount, price.currency) : "N/A";
+        const amount = price?.unitAmount ? formatCurrency(price.unitAmount, price.currency) : "0";
         const period = `${formatDate3(subscription.currentPeriodStart)} - ${formatDate3(subscription.currentPeriodEnd)}`;
         return /* @__PURE__ */ jsxs15(
           TableRow,
@@ -1437,10 +1447,28 @@ function SubscriptionsList({ subscriptions, onSubscriptionsChange, onChangePlan
             onClick: () => handleRowClick(subscription),
             className: "cursor-pointer hover:bg-muted/50",
             children: [
-              /* @__PURE__ */ jsx18(TableCell, { children: /* @__PURE__ */ jsx18(SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd }) }),
+              /* @__PURE__ */ jsx18(TableCell, { children: /* @__PURE__ */ jsx18(
+                SubscriptionStatusBadge,
+                {
+                  status: subscription.status,
+                  cancelAtPeriodEnd: subscription.cancelAtPeriodEnd
+                }
+              ) }),
               /* @__PURE__ */ jsx18(TableCell, { className: "font-medium", children: formatPlanName3(price) }),
               /* @__PURE__ */ jsx18(TableCell, { className: "text-muted-foreground text-sm", children: period }),
-              /* @__PURE__ */ jsx18(TableCell, { className: "text-right font-medium", children: amount })
+              /* @__PURE__ */ jsx18(TableCell, { className: "text-right font-medium", children: amount }),
+              /* @__PURE__ */ jsx18(TableCell, { className: "text-right", children: (subscription.status === "active" /* ACTIVE */ || subscription.status === "trialing" /* TRIALING */) && onChangePlan && /* @__PURE__ */ jsx18(
+                Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onChangePlan(subscription);
+                  },
+                  children: "Upgrade"
+                }
+              ) })
             ]
           },
           subscription.id
@@ -1537,7 +1565,14 @@ __name(IntervalToggle, "IntervalToggle");
 // src/features/billing/stripe-subscription/components/widgets/PricingCard.tsx
 import { Check } from "lucide-react";
 import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
-function PricingCard({ price, isCurrentPlan = false, isSelected = false, isDisabled = false, isLoading = false, onSelect }) {
+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);
@@ -1800,7 +1835,11 @@ var initialState = {
   hasPaymentMethod: false,
   isProcessing: false,
   error: null,
-  prorationPreview: null
+  prorationPreview: null,
+  promotionCode: null,
+  isValidatingPromoCode: false,
+  promoCodeError: null,
+  isTrialSubscription: false
 };
 function wizardReducer(state, action) {
   switch (action.type) {
@@ -1818,6 +1857,14 @@ function wizardReducer(state, action) {
       return { ...state, error: action.error };
     case "SET_PRORATION_PREVIEW":
       return { ...state, prorationPreview: action.preview };
+    case "SET_PROMOTION_CODE":
+      return { ...state, promotionCode: action.code, promoCodeError: null };
+    case "SET_VALIDATING_PROMO_CODE":
+      return { ...state, isValidatingPromoCode: action.isValidating };
+    case "SET_PROMO_CODE_ERROR":
+      return { ...state, promoCodeError: action.error };
+    case "SET_IS_TRIAL_SUBSCRIPTION":
+      return { ...state, isTrialSubscription: action.isTrial };
     case "RESET":
       return initialState;
     default:
@@ -1857,6 +1904,19 @@ function useSubscriptionWizard({ subscription, onSuccess, onClose }) {
     dispatch({ type: "SET_PROCESSING", isProcessing: true });
     try {
       await checkPaymentMethod();
+      const isTrialUpgrade = subscription?.status === "trialing" /* TRIALING */;
+      dispatch({ type: "SET_IS_TRIAL_SUBSCRIPTION", isTrial: isTrialUpgrade });
+      if (isTrialUpgrade && !state.hasPaymentMethod) {
+        const methods = await StripeCustomerService.listPaymentMethods();
+        if (methods.length === 0) {
+          dispatch({ type: "SET_STEP", step: "payment-method" });
+          dispatch({
+            type: "SET_ERROR",
+            error: "A payment method is required to upgrade from your trial."
+          });
+          return;
+        }
+      }
       if (subscription && state.selectedPrice.id !== subscription.price?.id) {
         const preview = await StripeSubscriptionService.getProrationPreview({
           subscriptionId: subscription.id,
@@ -1871,22 +1931,31 @@ function useSubscriptionWizard({ subscription, onSuccess, onClose }) {
     } finally {
       dispatch({ type: "SET_PROCESSING", isProcessing: false });
     }
-  }, [state.selectedPrice, subscription, checkPaymentMethod]);
+  }, [state.selectedPrice, state.hasPaymentMethod, subscription, checkPaymentMethod]);
   const confirmSubscription = useCallback2(async () => {
     if (!state.selectedPrice) return;
+    console.log("[useSubscriptionWizard] confirmSubscription called");
+    console.log("[useSubscriptionWizard] state.promotionCode:", JSON.stringify(state.promotionCode, null, 2));
+    console.log("[useSubscriptionWizard] promotionCodeId to send:", state.promotionCode?.promotionCodeId);
     dispatch({ type: "SET_PROCESSING", isProcessing: true });
     dispatch({ type: "SET_ERROR", error: null });
     try {
       if (subscription) {
-        await StripeSubscriptionService.changePlan({
+        const changePlanParams = {
           id: subscription.id,
-          newPriceId: state.selectedPrice.id
-        });
+          newPriceId: state.selectedPrice.id,
+          promotionCode: state.promotionCode?.promotionCodeId
+        };
+        console.log("[useSubscriptionWizard] changePlan params:", JSON.stringify(changePlanParams, null, 2));
+        await StripeSubscriptionService.changePlan(changePlanParams);
       } else {
-        await StripeSubscriptionService.createSubscription({
+        const createParams = {
           id: v4(),
-          priceId: state.selectedPrice.id
-        });
+          priceId: state.selectedPrice.id,
+          promotionCode: state.promotionCode?.promotionCodeId
+        };
+        console.log("[useSubscriptionWizard] createSubscription params:", JSON.stringify(createParams, null, 2));
+        await StripeSubscriptionService.createSubscription(createParams);
       }
       onSuccessRef.current();
       onCloseRef.current();
@@ -1908,7 +1977,7 @@ function useSubscriptionWizard({ subscription, onSuccess, onClose }) {
     } finally {
       dispatch({ type: "SET_PROCESSING", isProcessing: false });
     }
-  }, [state.selectedPrice, subscription]);
+  }, [state.selectedPrice, state.promotionCode, subscription]);
   const handlePaymentMethodSuccess = useCallback2(async () => {
     dispatch({ type: "SET_HAS_PAYMENT_METHOD", hasMethod: true });
     dispatch({ type: "SET_STEP", step: "review" });
@@ -1916,6 +1985,34 @@ function useSubscriptionWizard({ subscription, onSuccess, onClose }) {
   const reset = useCallback2(() => {
     dispatch({ type: "RESET" });
   }, []);
+  const validatePromoCode = useCallback2(
+    async (code) => {
+      dispatch({ type: "SET_VALIDATING_PROMO_CODE", isValidating: true });
+      dispatch({ type: "SET_PROMO_CODE_ERROR", error: null });
+      try {
+        const result = await StripePromotionCodeService.validatePromotionCode({
+          code,
+          stripePriceId: state.selectedPrice?.id
+        });
+        if (result.valid) {
+          dispatch({ type: "SET_PROMOTION_CODE", code: result });
+        } else {
+          dispatch({ type: "SET_PROMO_CODE_ERROR", error: result.errorMessage || "Invalid promotion code" });
+        }
+      } catch (error) {
+        console.error("[useSubscriptionWizard] Promo code validation error:", error);
+        dispatch({ type: "SET_PROMO_CODE_ERROR", error: error?.message || "Failed to validate promotion code" });
+      } finally {
+        dispatch({ type: "SET_VALIDATING_PROMO_CODE", isValidating: false });
+      }
+    },
+    [state.selectedPrice?.id]
+  );
+  const clearPromoCode = useCallback2(() => {
+    dispatch({ type: "SET_PROMOTION_CODE", code: null });
+    dispatch({ type: "SET_PROMO_CODE_ERROR", error: null });
+    dispatch({ type: "SET_ERROR", error: null });
+  }, []);
   const actions = useMemo(
     () => ({
       selectPrice,
@@ -1925,7 +2022,9 @@ function useSubscriptionWizard({ subscription, onSuccess, onClose }) {
       confirmSubscription,
       handlePaymentMethodSuccess,
       checkPaymentMethod,
-      reset
+      reset,
+      validatePromoCode,
+      clearPromoCode
     }),
     [
       selectPrice,
@@ -1935,7 +2034,9 @@ function useSubscriptionWizard({ subscription, onSuccess, onClose }) {
       confirmSubscription,
       handlePaymentMethodSuccess,
       checkPaymentMethod,
-      reset
+      reset,
+      validatePromoCode,
+      clearPromoCode
     ]
   );
   return {
@@ -1970,19 +2071,8 @@ function WizardProgressIndicator({ currentStep }) {
           children: isCompleted ? /* @__PURE__ */ jsx26(Check3, { className: "h-4 w-4" }) : index + 1
         }
       ),
-      /* @__PURE__ */ jsx26(
-        "span",
-        {
-          className: `text-sm ${isCurrent ? "font-medium text-foreground" : "text-muted-foreground"}`,
-          children: step.label
-        }
-      ),
-      index < STEPS.length - 1 && /* @__PURE__ */ jsx26(
-        "div",
-        {
-          className: `h-0.5 w-8 ${index < currentIndex ? "bg-primary" : "bg-muted"}`
-        }
-      )
+      /* @__PURE__ */ jsx26("span", { className: `text-sm ${isCurrent ? "font-medium text-foreground" : "text-muted-foreground"}`, children: step.label }),
+      index < STEPS.length - 1 && /* @__PURE__ */ jsx26("div", { className: `h-0.5 w-8 ${index < currentIndex ? "bg-primary" : "bg-muted"}` })
     ] }, step.key);
   }) });
 }
@@ -2065,7 +2155,96 @@ __name(WizardStepPlanSelection, "WizardStepPlanSelection");
 
 // src/features/billing/stripe-subscription/components/wizards/WizardStepReview.tsx
 import { AlertCircle } from "lucide-react";
+
+// src/features/billing/stripe-promotion-code/components/PromoCodeInput.tsx
+import { useState as useState12 } from "react";
+import { Check as Check4, X, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
+function PromoCodeInput({
+  appliedCode,
+  isValidating,
+  error,
+  onApply,
+  onRemove,
+  disabled = false
+}) {
+  const [code, setCode] = useState12("");
+  const handleApply = /* @__PURE__ */ __name(() => {
+    if (code.trim()) {
+      onApply(code.trim().toUpperCase());
+    }
+  }, "handleApply");
+  const handleKeyDown = /* @__PURE__ */ __name((e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleApply();
+    }
+  }, "handleKeyDown");
+  const formatDiscount = /* @__PURE__ */ __name((result) => {
+    if (result.discountType === "percent_off") {
+      return `${result.discountValue}% off`;
+    }
+    const amount = (result.discountValue || 0) / 100;
+    const currency = result.currency?.toUpperCase() || "USD";
+    return `${currency} ${amount.toFixed(2)} off`;
+  }, "formatDiscount");
+  const formatDuration = /* @__PURE__ */ __name((result) => {
+    switch (result.duration) {
+      case "forever":
+        return "Applied to all payments";
+      case "once":
+        return "Applied to first payment only";
+      case "repeating":
+        return `Applied for ${result.durationInMonths} months`;
+      default:
+        return "";
+    }
+  }, "formatDuration");
+  if (appliedCode?.valid) {
+    return /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between p-3 bg-green-50 border border-green-200 rounded-lg", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx28(Check4, { className: "h-4 w-4 text-green-600" }),
+          /* @__PURE__ */ jsx28("span", { className: "font-medium text-green-800", children: appliedCode.code }),
+          /* @__PURE__ */ jsx28("span", { className: "text-sm text-green-600", children: formatDiscount(appliedCode) })
+        ] }),
+        /* @__PURE__ */ jsx28(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: onRemove,
+            disabled,
+            className: "text-green-700 hover:text-green-900 hover:bg-green-100",
+            children: /* @__PURE__ */ jsx28(X, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx28("p", { className: "text-sm text-green-600", children: formatDuration(appliedCode) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx28(
+        Input,
+        {
+          placeholder: "Enter promo code",
+          value: code,
+          onChange: (e) => setCode(e.target.value.toUpperCase()),
+          onKeyDown: handleKeyDown,
+          disabled: disabled || isValidating,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx28(Button, { variant: "outline", onClick: handleApply, disabled: disabled || isValidating || !code.trim(), children: isValidating ? /* @__PURE__ */ jsx28(Loader22, { className: "h-4 w-4 animate-spin" }) : "Apply" })
+    ] }),
+    error && /* @__PURE__ */ jsx28("p", { className: "text-sm text-red-500", children: error })
+  ] });
+}
+__name(PromoCodeInput, "PromoCodeInput");
+
+// src/features/billing/stripe-subscription/components/wizards/WizardStepReview.tsx
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
 function WizardStepReview({
   selectedPrice,
   subscription,
@@ -2075,10 +2254,16 @@ function WizardStepReview({
   isProcessing,
   onBack,
   onAddPaymentMethod,
-  onConfirm
+  onConfirm,
+  promotionCode,
+  isValidatingPromoCode,
+  promoCodeError,
+  onApplyPromoCode,
+  onRemovePromoCode,
+  isTrialUpgrade
 }) {
   if (!selectedPrice) {
-    return /* @__PURE__ */ jsx28("div", { className: "text-center py-8 text-muted-foreground", children: "No plan selected. Please go back and select a plan." });
+    return /* @__PURE__ */ jsx29("div", { className: "text-center py-8 text-muted-foreground", children: "No plan selected. Please go back and select a plan." });
   }
   const isChangingPlan = subscription && subscription.price?.id !== selectedPrice.id;
   const formatInterval2 = /* @__PURE__ */ __name((price) => {
@@ -2086,80 +2271,124 @@ function WizardStepReview({
     const interval = price.recurring?.interval || "month";
     return interval === "year" ? "yearly" : "monthly";
   }, "formatInterval");
-  return /* @__PURE__ */ jsxs25("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs25("div", { className: "bg-muted/50 rounded-lg p-4 space-y-3", children: [
-      /* @__PURE__ */ jsx28("h3", { className: "font-semibold text-lg", children: "Selected Plan" }),
-      /* @__PURE__ */ jsxs25("div", { className: "flex justify-between items-center", children: [
-        /* @__PURE__ */ jsxs25("div", { children: [
-          /* @__PURE__ */ jsx28("p", { className: "font-medium", children: selectedPrice.product?.name }),
-          selectedPrice.nickname && /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: selectedPrice.nickname })
+  const calculateDiscountedPrice = /* @__PURE__ */ __name(() => {
+    if (!promotionCode?.valid || !selectedPrice.unitAmount) return null;
+    const originalPrice = selectedPrice.unitAmount;
+    if (promotionCode.discountType === "percent_off" && promotionCode.discountValue) {
+      return originalPrice * (1 - promotionCode.discountValue / 100);
+    }
+    if (promotionCode.discountType === "amount_off" && promotionCode.discountValue) {
+      return Math.max(0, originalPrice - promotionCode.discountValue);
+    }
+    return null;
+  }, "calculateDiscountedPrice");
+  const discountedPrice = calculateDiscountedPrice();
+  const calculateDiscountedImmediateCharge = /* @__PURE__ */ __name(() => {
+    if (!promotionCode?.valid || !prorationPreview?.immediateCharge) return null;
+    const originalCharge = prorationPreview.immediateCharge;
+    if (promotionCode.discountType === "percent_off" && promotionCode.discountValue) {
+      return originalCharge * (1 - promotionCode.discountValue / 100);
+    }
+    if (promotionCode.discountType === "amount_off" && promotionCode.discountValue) {
+      return Math.max(0, originalCharge - promotionCode.discountValue);
+    }
+    return null;
+  }, "calculateDiscountedImmediateCharge");
+  const discountedImmediateCharge = calculateDiscountedImmediateCharge();
+  const getDiscountDescription = /* @__PURE__ */ __name(() => {
+    if (!promotionCode?.valid) return null;
+    if (promotionCode.discountType === "percent_off" && promotionCode.discountValue) {
+      return `${promotionCode.discountValue}% off`;
+    }
+    if (promotionCode.discountType === "amount_off" && promotionCode.discountValue) {
+      return `${formatCurrency(promotionCode.discountValue, promotionCode.currency || selectedPrice.currency)} off`;
+    }
+    return null;
+  }, "getDiscountDescription");
+  const discountDescription = getDiscountDescription();
+  return /* @__PURE__ */ jsxs26("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "bg-muted/50 rounded-lg p-4 space-y-3", children: [
+      /* @__PURE__ */ jsx29("h3", { className: "font-semibold text-lg", children: "Selected Plan" }),
+      /* @__PURE__ */ jsxs26("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ jsxs26("div", { children: [
+          /* @__PURE__ */ jsx29("p", { className: "font-medium", children: selectedPrice.product?.name }),
+          selectedPrice.nickname && /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: selectedPrice.nickname })
         ] }),
-        /* @__PURE__ */ jsxs25("div", { className: "text-right", children: [
-          /* @__PURE__ */ jsx28("p", { className: "font-semibold text-lg", children: formatCurrency(selectedPrice.unitAmount || 0, selectedPrice.currency) }),
-          /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: formatInterval2(selectedPrice) })
+        /* @__PURE__ */ jsxs26("div", { className: "text-right", children: [
+          discountedPrice !== null ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
+            /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground line-through", children: formatCurrency(selectedPrice.unitAmount || 0, selectedPrice.currency) }),
+            /* @__PURE__ */ jsx29("p", { className: "font-semibold text-lg text-green-600", children: formatCurrency(discountedPrice, selectedPrice.currency) }),
+            discountDescription && /* @__PURE__ */ jsx29("span", { className: "inline-block text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded-full", children: discountDescription })
+          ] }) : /* @__PURE__ */ jsx29("p", { className: "font-semibold text-lg", children: formatCurrency(selectedPrice.unitAmount || 0, selectedPrice.currency) }),
+          /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: formatInterval2(selectedPrice) })
         ] })
       ] })
     ] }),
-    isChangingPlan && prorationPreview && /* @__PURE__ */ jsxs25("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 space-y-2", children: [
-      /* @__PURE__ */ jsx28("h4", { className: "font-medium text-blue-800", children: "Proration Summary" }),
-      /* @__PURE__ */ jsx28("p", { className: "text-sm text-blue-700", children: "Your next charge will be adjusted to account for the plan change." }),
-      /* @__PURE__ */ jsxs25("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx28("span", { className: "text-blue-600", children: "Amount due now:" }),
-        /* @__PURE__ */ jsx28("span", { className: "font-medium text-blue-800", children: formatCurrency(prorationPreview.immediateCharge, prorationPreview.currency) })
-      ] })
+    isChangingPlan && prorationPreview && /* @__PURE__ */ jsxs26(
+      "div",
+      {
+        className: `${isTrialUpgrade ? "bg-amber-50 border-amber-200" : "bg-blue-50 border-blue-200"} border rounded-lg p-4 space-y-2`,
+        children: [
+          /* @__PURE__ */ jsx29("h4", { className: `font-medium ${isTrialUpgrade ? "text-amber-800" : "text-blue-800"}`, children: isTrialUpgrade ? "Trial Upgrade" : "Proration Summary" }),
+          /* @__PURE__ */ jsx29("p", { className: `text-sm ${isTrialUpgrade ? "text-amber-700" : "text-blue-700"}`, children: isTrialUpgrade ? "Your trial will end immediately and you will be charged the full price." : "Your next charge will be adjusted to account for the plan change." }),
+          /* @__PURE__ */ jsxs26("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ jsx29("span", { className: `${isTrialUpgrade ? "text-amber-600" : "text-blue-600"}`, children: isTrialUpgrade ? "Amount to charge now:" : "Amount due now:" }),
+            /* @__PURE__ */ jsx29("span", { className: `font-medium ${isTrialUpgrade ? "text-amber-800" : "text-blue-800"}`, children: discountedImmediateCharge !== null ? /* @__PURE__ */ jsxs26(Fragment6, { children: [
+              /* @__PURE__ */ jsx29("span", { className: "line-through text-muted-foreground mr-2", children: formatCurrency(prorationPreview.immediateCharge, prorationPreview.currency) }),
+              /* @__PURE__ */ jsx29("span", { className: "text-green-600", children: formatCurrency(discountedImmediateCharge, prorationPreview.currency) })
+            ] }) : formatCurrency(prorationPreview.immediateCharge, prorationPreview.currency) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs26("div", { className: "border rounded-lg p-4 space-y-3", children: [
+      /* @__PURE__ */ jsx29("h4", { className: "font-medium", children: "Promotion Code" }),
+      /* @__PURE__ */ jsx29(
+        PromoCodeInput,
+        {
+          appliedCode: promotionCode,
+          isValidating: isValidatingPromoCode,
+          error: promoCodeError,
+          onApply: onApplyPromoCode,
+          onRemove: onRemovePromoCode,
+          disabled: isProcessing
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx28("div", { className: "border rounded-lg p-4", children: /* @__PURE__ */ jsxs25("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ jsxs25("div", { children: [
-        /* @__PURE__ */ jsx28("h4", { className: "font-medium", children: "Payment Method" }),
-        /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: hasPaymentMethod ? "A payment method is on file" : "No payment method on file" })
+    /* @__PURE__ */ jsx29("div", { className: "border rounded-lg p-4", children: /* @__PURE__ */ jsxs26("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsxs26("div", { children: [
+        /* @__PURE__ */ jsx29("h4", { className: "font-medium", children: "Payment Method" }),
+        /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: hasPaymentMethod ? "A payment method is on file" : "No payment method on file" })
       ] }),
-      !hasPaymentMethod && /* @__PURE__ */ jsx28(Button, { variant: "outline", onClick: onAddPaymentMethod, children: "Add Payment Method" })
+      !hasPaymentMethod && /* @__PURE__ */ jsx29(Button, { variant: "outline", onClick: onAddPaymentMethod, children: "Add Payment Method" })
     ] }) }),
-    error && /* @__PURE__ */ jsxs25(Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ jsx28(AlertCircle, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx28(AlertDescription, { children: error })
+    error && /* @__PURE__ */ jsxs26(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx29(AlertCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx29(AlertDescription, { children: error })
     ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "flex justify-between pt-4 border-t", children: [
-      /* @__PURE__ */ jsx28(Button, { variant: "outline", onClick: onBack, disabled: isProcessing, children: "Back" }),
-      /* @__PURE__ */ jsx28(
-        Button,
-        {
-          onClick: hasPaymentMethod ? onConfirm : onAddPaymentMethod,
-          disabled: isProcessing,
-          children: isProcessing ? "Processing..." : hasPaymentMethod ? isChangingPlan ? "Confirm Plan Change" : "Subscribe Now" : "Add Payment Method"
-        }
-      )
+    /* @__PURE__ */ jsxs26("div", { className: "flex justify-between pt-4 border-t", children: [
+      /* @__PURE__ */ jsx29(Button, { variant: "outline", onClick: onBack, disabled: isProcessing, children: "Back" }),
+      /* @__PURE__ */ jsx29(Button, { onClick: hasPaymentMethod ? onConfirm : onAddPaymentMethod, disabled: isProcessing, children: isProcessing ? "Processing..." : hasPaymentMethod ? isChangingPlan ? "Confirm Plan Change" : "Subscribe Now" : "Add Payment Method" })
     ] })
   ] });
 }
 __name(WizardStepReview, "WizardStepReview");
 
 // src/features/billing/stripe-subscription/components/wizards/WizardStepPaymentMethod.tsx
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
-function WizardStepPaymentMethod({
-  onBack,
-  onSuccess,
-  isProcessing
-}) {
-  return /* @__PURE__ */ jsxs26("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx29("h3", { className: "font-semibold text-lg", children: "Add Payment Method" }),
-      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Enter your card details to complete your subscription" })
+import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+function WizardStepPaymentMethod({ onBack, onSuccess, isProcessing }) {
+  return /* @__PURE__ */ jsxs27("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx30("h3", { className: "font-semibold text-lg", children: "Add Payment Method" }),
+      /* @__PURE__ */ jsx30("p", { className: "text-sm text-muted-foreground", children: "Enter your card details to complete your subscription" })
     ] }),
-    /* @__PURE__ */ jsx29(
-      PaymentMethodForm,
-      {
-        onSuccess,
-        onCancel: onBack,
-        isLoading: isProcessing
-      }
-    )
+    /* @__PURE__ */ jsx30(PaymentMethodForm, { onSuccess, onCancel: onBack, isLoading: isProcessing })
   ] });
 }
 __name(WizardStepPaymentMethod, "WizardStepPaymentMethod");
 
 // src/features/billing/stripe-subscription/components/wizards/SubscriptionWizard.tsx
-import { jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
 function SubscriptionWizard({
   open,
   onOpenChange,
@@ -2192,13 +2421,13 @@ function SubscriptionWizard({
   const isChangePlanMode = !!subscription;
   const dialogTitle = subscription ? "Change Subscription Plan" : isPurchasingAddons ? "Purchase Add-ons" : "Subscribe to a Plan";
   const dialogDescription = subscription ? "Select a new plan for your subscription" : isPurchasingAddons ? "Select one-time products to purchase" : "Choose a subscription plan to get started";
-  return /* @__PURE__ */ jsx30(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs27(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsxs27(DialogHeader, { children: [
-      /* @__PURE__ */ jsx30(DialogTitle, { children: dialogTitle }),
-      /* @__PURE__ */ jsx30(DialogDescription, { children: dialogDescription })
+  return /* @__PURE__ */ jsx31(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs28(DialogHeader, { children: [
+      /* @__PURE__ */ jsx31(DialogTitle, { children: dialogTitle }),
+      /* @__PURE__ */ jsx31(DialogDescription, { children: dialogDescription })
     ] }),
-    /* @__PURE__ */ jsx30(WizardProgressIndicator, { currentStep: state.step }),
-    state.step === "plan-selection" && /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(WizardProgressIndicator, { currentStep: state.step }),
+    state.step === "plan-selection" && /* @__PURE__ */ jsx31(
       WizardStepPlanSelection,
       {
         selectedPrice: state.selectedPrice,
@@ -2212,7 +2441,7 @@ function SubscriptionWizard({
         isProcessing: state.isProcessing
       }
     ),
-    state.step === "review" && /* @__PURE__ */ jsx30(
+    state.step === "review" && /* @__PURE__ */ jsx31(
       WizardStepReview,
       {
         selectedPrice: state.selectedPrice,
@@ -2223,10 +2452,16 @@ function SubscriptionWizard({
         isProcessing: state.isProcessing,
         onBack: () => actions.goToStep("plan-selection"),
         onAddPaymentMethod: () => actions.goToStep("payment-method"),
-        onConfirm: actions.confirmSubscription
+        onConfirm: actions.confirmSubscription,
+        promotionCode: state.promotionCode,
+        isValidatingPromoCode: state.isValidatingPromoCode,
+        promoCodeError: state.promoCodeError,
+        onApplyPromoCode: actions.validatePromoCode,
+        onRemovePromoCode: actions.clearPromoCode,
+        isTrialUpgrade: state.isTrialSubscription
       }
     ),
-    state.step === "payment-method" && /* @__PURE__ */ jsx30(
+    state.step === "payment-method" && /* @__PURE__ */ jsx31(
       WizardStepPaymentMethod,
       {
         onBack: () => actions.goToStep("review"),
@@ -2240,11 +2475,11 @@ __name(SubscriptionWizard, "SubscriptionWizard");
 
 // src/features/billing/stripe-usage/components/containers/UsageContainer.tsx
 import { Activity as Activity3 } from "lucide-react";
-import { useEffect as useEffect8, useState as useState12 } from "react";
+import { useEffect as useEffect8, useState as useState13 } from "react";
 
 // src/features/billing/stripe-usage/components/details/UsageSummaryCard.tsx
 import { Activity as Activity2 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs29 } from "react/jsx-runtime";
 function getProgressColor(percentage) {
   if (percentage === null) return "bg-blue-500";
   if (percentage >= 90) return "bg-red-500";
@@ -2259,7 +2494,7 @@ function formatDate4(date) {
       month: "short",
       day: "numeric"
     }).format(new Date(date));
-  } catch (error) {
+  } catch (_error) {
     return "Invalid Date";
   }
 }
@@ -2272,31 +2507,31 @@ function UsageSummaryCard({ meter, summary }) {
   const progressWidth = percentage !== null ? Math.min(percentage, 100) : 0;
   const displayName = meter.displayName || meter.eventName;
   const hasLimit = limit !== null && limit !== void 0;
-  return /* @__PURE__ */ jsxs28(Card, { children: [
-    /* @__PURE__ */ jsxs28(CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
-      /* @__PURE__ */ jsx31("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600", children: /* @__PURE__ */ jsx31(Activity2, { className: "h-5 w-5" }) }),
-      /* @__PURE__ */ jsxs28("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx31("h3", { className: "font-semibold", children: displayName }),
-        /* @__PURE__ */ jsx31("p", { className: "text-xs text-gray-500", children: meter.id })
+  return /* @__PURE__ */ jsxs29(Card, { children: [
+    /* @__PURE__ */ jsxs29(CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
+      /* @__PURE__ */ jsx32("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600", children: /* @__PURE__ */ jsx32(Activity2, { className: "h-5 w-5" }) }),
+      /* @__PURE__ */ jsxs29("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx32("h3", { className: "font-semibold", children: displayName }),
+        /* @__PURE__ */ jsx32("p", { className: "text-xs text-gray-500", children: meter.id })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs28(CardContent, { className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs28("div", { children: [
-        /* @__PURE__ */ jsx31("p", { className: "text-3xl font-bold", children: currentUsage.toLocaleString() }),
-        hasLimit && /* @__PURE__ */ jsxs28("p", { className: "text-sm text-gray-500", children: [
+    /* @__PURE__ */ jsxs29(CardContent, { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs29("div", { children: [
+        /* @__PURE__ */ jsx32("p", { className: "text-3xl font-bold", children: currentUsage.toLocaleString() }),
+        hasLimit && /* @__PURE__ */ jsxs29("p", { className: "text-sm text-gray-500", children: [
           "of ",
           limit.toLocaleString(),
           " used"
         ] })
       ] }),
-      hasLimit ? /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-y-2", children: [
-        /* @__PURE__ */ jsx31("div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsx31("div", { className: `h-full transition-all ${progressColor}`, style: { width: `${progressWidth}%` } }) }),
-        /* @__PURE__ */ jsxs28("p", { className: "text-sm text-gray-500", children: [
+      hasLimit ? /* @__PURE__ */ jsxs29("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx32("div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsx32("div", { className: `h-full transition-all ${progressColor}`, style: { width: `${progressWidth}%` } }) }),
+        /* @__PURE__ */ jsxs29("p", { className: "text-sm text-gray-500", children: [
           percentage?.toFixed(1),
           "% used"
         ] })
-      ] }) : /* @__PURE__ */ jsx31("p", { className: "text-sm text-gray-500", children: "No limit set" }),
-      summary && summary.start && summary.end && /* @__PURE__ */ jsx31("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsxs28("p", { className: "text-xs text-gray-500", children: [
+      ] }) : /* @__PURE__ */ jsx32("p", { className: "text-sm text-gray-500", children: "No limit set" }),
+      summary && summary.start && summary.end && /* @__PURE__ */ jsx32("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsxs29("p", { className: "text-xs text-gray-500", children: [
         "Period: ",
         formatDate4(summary.start),
         " - ",
@@ -2308,19 +2543,19 @@ function UsageSummaryCard({ meter, summary }) {
 __name(UsageSummaryCard, "UsageSummaryCard");
 
 // src/features/billing/stripe-usage/components/widgets/UsageSummaryCards.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function UsageSummaryCards({ meters, summaries }) {
-  return /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: meters.map((meter) => /* @__PURE__ */ jsx32(UsageSummaryCard, { meter, summary: summaries[meter.id] || null }, meter.id)) });
+  return /* @__PURE__ */ jsx33("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: meters.map((meter) => /* @__PURE__ */ jsx33(UsageSummaryCard, { meter, summary: summaries[meter.id] || null }, meter.id)) });
 }
 __name(UsageSummaryCards, "UsageSummaryCards");
 
 // src/features/billing/stripe-usage/components/containers/UsageContainer.tsx
-import { jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function UsageContainer() {
-  const [meters, setMeters] = useState12([]);
-  const [summaries, setSummaries] = useState12({});
-  const [loading, setLoading] = useState12(true);
-  const [subscriptions, setSubscriptions] = useState12([]);
+  const [meters, setMeters] = useState13([]);
+  const [summaries, setSummaries] = useState13({});
+  const [loading, setLoading] = useState13(true);
+  const [subscriptions, setSubscriptions] = useState13([]);
   useEffect8(() => {
     loadUsageData();
   }, []);
@@ -2365,27 +2600,27 @@ function UsageContainer() {
     return null;
   }
   if (loading) {
-    return /* @__PURE__ */ jsx33("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx33("p", { className: "text-muted-foreground", children: "Loading usage data..." }) });
+    return /* @__PURE__ */ jsx34("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx34("p", { className: "text-muted-foreground", children: "Loading usage data..." }) });
   }
-  return /* @__PURE__ */ jsxs29("div", { className: "flex w-full flex-col gap-y-6", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-x-3", children: [
-      /* @__PURE__ */ jsx33(Activity3, { className: "h-8 w-8" }),
-      /* @__PURE__ */ jsx33("h1", { className: "text-3xl font-bold", children: "Usage Tracking" })
+  return /* @__PURE__ */ jsxs30("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx34(Activity3, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx34("h1", { className: "text-3xl font-bold", children: "Usage Tracking" })
     ] }),
-    meters.length === 0 && /* @__PURE__ */ jsxs29("div", { className: "bg-muted/50 flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed border-gray-300 p-12", children: [
-      /* @__PURE__ */ jsx33(Activity3, { className: "text-muted-foreground h-16 w-16" }),
-      /* @__PURE__ */ jsxs29("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx33("h3", { className: "mb-2 text-xl font-semibold", children: "No usage meters configured" }),
-        /* @__PURE__ */ jsx33("p", { className: "text-muted-foreground", children: "Usage tracking will appear here when you have metered subscriptions with configured meters." })
+    meters.length === 0 && /* @__PURE__ */ jsxs30("div", { className: "bg-muted/50 flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed border-gray-300 p-12", children: [
+      /* @__PURE__ */ jsx34(Activity3, { className: "text-muted-foreground h-16 w-16" }),
+      /* @__PURE__ */ jsxs30("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx34("h3", { className: "mb-2 text-xl font-semibold", children: "No usage meters configured" }),
+        /* @__PURE__ */ jsx34("p", { className: "text-muted-foreground", children: "Usage tracking will appear here when you have metered subscriptions with configured meters." })
       ] })
     ] }),
-    meters.length > 0 && /* @__PURE__ */ jsx33(UsageSummaryCards, { meters, summaries })
+    meters.length > 0 && /* @__PURE__ */ jsx34(UsageSummaryCards, { meters, summaries })
   ] });
 }
 __name(UsageContainer, "UsageContainer");
 
 // src/features/billing/stripe-usage/components/lists/UsageHistoryTable.tsx
-import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 function formatDateTime(date) {
   if (!date) return "N/A";
   const dateObj = typeof date === "string" ? new Date(date) : date;
@@ -2397,32 +2632,32 @@ function formatDateTime(date) {
       hour: "numeric",
       minute: "2-digit"
     }).format(dateObj);
-  } catch (error) {
+  } catch (_error) {
     return "Invalid Date";
   }
 }
 __name(formatDateTime, "formatDateTime");
 function UsageHistoryTable({ usageRecords }) {
   if (usageRecords.length === 0) {
-    return /* @__PURE__ */ jsx34("div", { className: "rounded-lg border p-8 text-center", children: /* @__PURE__ */ jsx34("p", { className: "text-muted-foreground", children: "No usage history available." }) });
+    return /* @__PURE__ */ jsx35("div", { className: "rounded-lg border p-8 text-center", children: /* @__PURE__ */ jsx35("p", { className: "text-muted-foreground", children: "No usage history available." }) });
   }
-  return /* @__PURE__ */ jsxs30("div", { className: "flex w-full flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsx34("h2", { className: "text-xl font-semibold", children: "Usage History" }),
-    /* @__PURE__ */ jsx34("div", { className: "overflow-clip rounded-lg border", children: /* @__PURE__ */ jsxs30(Table, { children: [
-      /* @__PURE__ */ jsx34(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs30(TableRow, { children: [
-        /* @__PURE__ */ jsx34(TableHead, { children: "Date & Time" }),
-        /* @__PURE__ */ jsx34(TableHead, { children: "Meter Event" }),
-        /* @__PURE__ */ jsx34(TableHead, { className: "text-right", children: "Quantity" }),
-        /* @__PURE__ */ jsx34(TableHead, { children: "Event ID" })
+  return /* @__PURE__ */ jsxs31("div", { className: "flex w-full flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx35("h2", { className: "text-xl font-semibold", children: "Usage History" }),
+    /* @__PURE__ */ jsx35("div", { className: "overflow-clip rounded-lg border", children: /* @__PURE__ */ jsxs31(Table, { children: [
+      /* @__PURE__ */ jsx35(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs31(TableRow, { children: [
+        /* @__PURE__ */ jsx35(TableHead, { children: "Date & Time" }),
+        /* @__PURE__ */ jsx35(TableHead, { children: "Meter Event" }),
+        /* @__PURE__ */ jsx35(TableHead, { className: "text-right", children: "Quantity" }),
+        /* @__PURE__ */ jsx35(TableHead, { children: "Event ID" })
       ] }) }),
-      /* @__PURE__ */ jsx34(TableBody, { children: usageRecords.map((record) => {
+      /* @__PURE__ */ jsx35(TableBody, { children: usageRecords.map((record) => {
         const dateTime = formatDateTime(record.timestamp);
         const quantity = record.quantity.toLocaleString();
-        return /* @__PURE__ */ jsxs30(TableRow, { children: [
-          /* @__PURE__ */ jsx34(TableCell, { className: "font-medium", children: dateTime }),
-          /* @__PURE__ */ jsx34(TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
-          /* @__PURE__ */ jsx34(TableCell, { className: "text-right font-medium", children: quantity }),
-          /* @__PURE__ */ jsx34(TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
+        return /* @__PURE__ */ jsxs31(TableRow, { children: [
+          /* @__PURE__ */ jsx35(TableCell, { className: "font-medium", children: dateTime }),
+          /* @__PURE__ */ jsx35(TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
+          /* @__PURE__ */ jsx35(TableCell, { className: "text-right font-medium", children: quantity }),
+          /* @__PURE__ */ jsx35(TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
         ] }, record.id);
       }) })
     ] }) })
@@ -2431,16 +2666,10 @@ function UsageHistoryTable({ usageRecords }) {
 __name(UsageHistoryTable, "UsageHistoryTable");
 
 // src/features/billing/components/modals/BillingDetailModal.tsx
-import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
-function BillingDetailModal({
-  open,
-  onOpenChange,
-  title,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx35(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs31(DialogContent, { className: className ?? "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
-    /* @__PURE__ */ jsx35(DialogHeader, { children: /* @__PURE__ */ jsx35(DialogTitle, { children: title }) }),
+import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+function BillingDetailModal({ open, onOpenChange, title, children, className }) {
+  return /* @__PURE__ */ jsx36(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs32(DialogContent, { className: className ?? "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx36(DialogHeader, { children: /* @__PURE__ */ jsx36(DialogTitle, { children: title }) }),
     children
   ] }) });
 }
@@ -2448,16 +2677,16 @@ __name(BillingDetailModal, "BillingDetailModal");
 
 // src/features/billing/components/widgets/BillingAlertBanner.tsx
 import { AlertCircle as AlertCircle2 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
   if (subscription.status === "past_due" /* PAST_DUE */) {
-    return /* @__PURE__ */ jsxs32("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 flex items-start gap-x-3", children: [
-      /* @__PURE__ */ jsx36(AlertCircle2, { className: "h-5 w-5 text-red-600 mt-0.5" }),
-      /* @__PURE__ */ jsxs32("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx36("h3", { className: "font-semibold text-red-900", children: "Payment Failed" }),
-        /* @__PURE__ */ jsx36("p", { className: "text-sm text-red-700 mt-1", children: "Your last payment failed. Please update your payment method to avoid service interruption." })
+    return /* @__PURE__ */ jsxs33("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 flex items-start gap-x-3", children: [
+      /* @__PURE__ */ jsx37(AlertCircle2, { className: "h-5 w-5 text-red-600 mt-0.5" }),
+      /* @__PURE__ */ jsxs33("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx37("h3", { className: "font-semibold text-red-900", children: "Payment Failed" }),
+        /* @__PURE__ */ jsx37("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__ */ jsx36(Button, { variant: "outline", size: "sm", onClick: onUpdatePayment, className: "border-red-300 text-red-700", children: "Update Payment Method" })
+      onUpdatePayment && /* @__PURE__ */ jsx37(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) {
@@ -2465,11 +2694,11 @@ function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
     const now = /* @__PURE__ */ new Date();
     const daysRemaining = Math.ceil((trialEnd.getTime() - now.getTime()) / (1e3 * 60 * 60 * 24));
     if (daysRemaining <= 7) {
-      return /* @__PURE__ */ jsxs32("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-4 flex items-start gap-x-3", children: [
-        /* @__PURE__ */ jsx36(AlertCircle2, { className: "h-5 w-5 text-yellow-600 mt-0.5" }),
-        /* @__PURE__ */ jsxs32("div", { className: "flex-1", children: [
-          /* @__PURE__ */ jsx36("h3", { className: "font-semibold text-yellow-900", children: "Trial Ending Soon" }),
-          /* @__PURE__ */ jsxs32("p", { className: "text-sm text-yellow-700 mt-1", children: [
+      return /* @__PURE__ */ jsxs33("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-4 flex items-start gap-x-3", children: [
+        /* @__PURE__ */ jsx37(AlertCircle2, { className: "h-5 w-5 text-yellow-600 mt-0.5" }),
+        /* @__PURE__ */ jsxs33("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx37("h3", { className: "font-semibold text-yellow-900", children: "Trial Ending Soon" }),
+          /* @__PURE__ */ jsxs33("p", { className: "text-sm text-yellow-700 mt-1", children: [
             "Your trial ends in ",
             daysRemaining,
             " ",
@@ -2477,7 +2706,7 @@ function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
             ". Add a payment method to continue your subscription."
           ] })
         ] }),
-        onAddPayment && /* @__PURE__ */ jsx36(Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
+        onAddPayment && /* @__PURE__ */ jsx37(Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
       ] });
     }
   }
@@ -2486,9 +2715,9 @@ function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
 __name(BillingAlertBanner, "BillingAlertBanner");
 
 // src/features/billing/components/containers/BillingDashboardContainer.tsx
-import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 function BillingDashboardContainer() {
-  const [data, setData] = useState13({
+  const [data, setData] = useState14({
     customer: null,
     subscriptions: [],
     paymentMethods: [],
@@ -2496,26 +2725,26 @@ function BillingDashboardContainer() {
     meters: [],
     meterSummaries: {}
   });
-  const [loading, setLoading] = useState13({
+  const [loading, setLoading] = useState14({
     customer: true,
     subscriptions: true,
     paymentMethods: true,
     invoices: true,
     usage: true
   });
-  const [errors, setErrors] = useState13({
+  const [errors, setErrors] = useState14({
     customer: null,
     subscriptions: null,
     paymentMethods: null,
     invoices: null,
     usage: null
   });
-  const [activeModal, setActiveModal] = useState13(null);
-  const [noCustomerExists, setNoCustomerExists] = useState13(false);
-  const [creatingCustomer, setCreatingCustomer] = useState13(false);
+  const [activeModal, setActiveModal] = useState14(null);
+  const [noCustomerExists, setNoCustomerExists] = useState14(false);
+  const [creatingCustomer, setCreatingCustomer] = useState14(false);
   const searchParams = useSearchParams();
-  const [showWizard, setShowWizard] = useState13(false);
-  const [editingSubscription, setEditingSubscription] = useState13(null);
+  const [showWizard, setShowWizard] = useState14(false);
+  const [editingSubscription, setEditingSubscription] = useState14(null);
   const hasMeteredSubscriptions = useCallback4(() => {
     return data.subscriptions.some((sub) => sub.price?.recurring?.usageType === "metered");
   }, [data.subscriptions]);
@@ -2696,26 +2925,26 @@ function BillingDashboardContainer() {
     }
   }, "getModalTitle");
   const isInitialLoading = loading.customer && !noCustomerExists && !data.customer;
-  return /* @__PURE__ */ jsxs33("div", { className: "flex w-full flex-col gap-y-6", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-x-3", children: [
-      /* @__PURE__ */ jsx37(Wallet2, { className: "h-8 w-8" }),
-      /* @__PURE__ */ jsx37("h1", { className: "text-3xl font-bold", children: "Billing" })
+  return /* @__PURE__ */ jsxs34("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx38(Wallet2, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx38("h1", { className: "text-3xl font-bold", children: "Billing" })
     ] }),
-    isInitialLoading && /* @__PURE__ */ jsx37(Card, { children: /* @__PURE__ */ jsx37(CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx37(Loader22, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
-    noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs33(Card, { children: [
-      /* @__PURE__ */ jsxs33(CardHeader, { className: "text-center", children: [
-        /* @__PURE__ */ jsx37("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx37(CreditCard4, { className: "h-8 w-8 text-primary" }) }),
-        /* @__PURE__ */ jsx37(CardTitle, { children: "Set Up Billing" }),
-        /* @__PURE__ */ jsx37(CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
+    isInitialLoading && /* @__PURE__ */ jsx38(Card, { children: /* @__PURE__ */ jsx38(CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx38(Loader23, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
+    noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs34(Card, { children: [
+      /* @__PURE__ */ jsxs34(CardHeader, { className: "text-center", children: [
+        /* @__PURE__ */ jsx38("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx38(CreditCard4, { className: "h-8 w-8 text-primary" }) }),
+        /* @__PURE__ */ jsx38(CardTitle, { children: "Set Up Billing" }),
+        /* @__PURE__ */ jsx38(CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
       ] }),
-      /* @__PURE__ */ jsx37(CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ jsx37(Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ jsxs33(Fragment6, { children: [
-        /* @__PURE__ */ jsx37(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsx38(CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ jsx38(Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ jsxs34(Fragment7, { children: [
+        /* @__PURE__ */ jsx38(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
         "Setting up..."
       ] }) : "Set Up Billing Account" }) }),
-      errors.customer && /* @__PURE__ */ jsx37(CardContent, { className: "pt-0", children: /* @__PURE__ */ jsx37("p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
+      errors.customer && /* @__PURE__ */ jsx38(CardContent, { className: "pt-0", children: /* @__PURE__ */ jsx38("p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
     ] }),
-    !noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs33(Fragment6, { children: [
-      criticalSubscriptions.map((subscription) => /* @__PURE__ */ jsx37(
+    !noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs34(Fragment7, { children: [
+      criticalSubscriptions.map((subscription) => /* @__PURE__ */ jsx38(
         BillingAlertBanner,
         {
           subscription,
@@ -2724,8 +2953,8 @@ function BillingDashboardContainer() {
         },
         subscription.id
       )),
-      /* @__PURE__ */ jsxs33("div", { className: "grid gap-4 md:grid-cols-2", children: [
-        /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsxs34("div", { className: "grid gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx38(
           SubscriptionSummaryCard,
           {
             subscriptions: data.subscriptions,
@@ -2740,7 +2969,7 @@ function BillingDashboardContainer() {
             }
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           PaymentMethodSummaryCard,
           {
             paymentMethods: data.paymentMethods,
@@ -2750,7 +2979,7 @@ function BillingDashboardContainer() {
             onManageClick: () => setActiveModal("payment-methods")
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           CustomerInfoCard,
           {
             customer: data.customer,
@@ -2758,7 +2987,7 @@ function BillingDashboardContainer() {
             error: errors.customer || void 0
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38(
           InvoicesSummaryCard,
           {
             invoices: data.invoices,
@@ -2767,7 +2996,7 @@ function BillingDashboardContainer() {
             onViewAllClick: () => setActiveModal("invoices")
           }
         ),
-        hasMeteredSubscriptions() && /* @__PURE__ */ jsx37(
+        hasMeteredSubscriptions() && /* @__PURE__ */ jsx38(
           BillingUsageSummaryCard,
           {
             meters: data.meters,
@@ -2778,13 +3007,13 @@ function BillingDashboardContainer() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         BillingDetailModal,
         {
           open: activeModal === "subscriptions",
           onOpenChange: handleModalClose,
           title: getModalTitle("subscriptions"),
-          children: /* @__PURE__ */ jsx37(
+          children: /* @__PURE__ */ jsx38(
             SubscriptionsContainer,
             {
               onOpenWizard: handleOpenWizard,
@@ -2793,34 +3022,34 @@ function BillingDashboardContainer() {
           )
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         BillingDetailModal,
         {
           open: activeModal === "payment-methods",
           onOpenChange: handleModalClose,
           title: getModalTitle("payment-methods"),
-          children: /* @__PURE__ */ jsx37(PaymentMethodsContainer, {})
+          children: /* @__PURE__ */ jsx38(PaymentMethodsContainer, {})
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         BillingDetailModal,
         {
           open: activeModal === "invoices",
           onOpenChange: handleModalClose,
           title: getModalTitle("invoices"),
-          children: /* @__PURE__ */ jsx37(InvoicesContainer, {})
+          children: /* @__PURE__ */ jsx38(InvoicesContainer, {})
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         BillingDetailModal,
         {
           open: activeModal === "usage",
           onOpenChange: handleModalClose,
           title: getModalTitle("usage"),
-          children: /* @__PURE__ */ jsx37(UsageContainer, {})
+          children: /* @__PURE__ */ jsx38(UsageContainer, {})
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(
         SubscriptionWizard,
         {
           open: showWizard,
@@ -2839,7 +3068,7 @@ __name(BillingDashboardContainer, "BillingDashboardContainer");
 import { Elements } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
 import { useMemo as useMemo4 } from "react";
-import { Fragment as Fragment7, jsx as jsx38 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx39 } from "react/jsx-runtime";
 var stripePromiseCache = null;
 function getStripePromise(publishableKey) {
   if (!publishableKey) {
@@ -2858,9 +3087,9 @@ function StripeProvider({ children }) {
   const stripePromise = useMemo4(() => getStripePromise(publishableKey), [publishableKey]);
   const options = useMemo4(() => ({}), []);
   if (!publishableKey) {
-    return /* @__PURE__ */ jsx38(Fragment7, { children });
+    return /* @__PURE__ */ jsx39(Fragment8, { children });
   }
-  return /* @__PURE__ */ jsx38(Elements, { stripe: stripePromise, options, children });
+  return /* @__PURE__ */ jsx39(Elements, { stripe: stripePromise, options, children });
 }
 __name(StripeProvider, "StripeProvider");
 function isStripeConfigured() {
@@ -2871,14 +3100,14 @@ __name(isStripeConfigured, "isStripeConfigured");
 // src/features/billing/stripe-price/components/forms/PriceEditor.tsx
 import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
 import { AlertCircle as AlertCircle3, PlusIcon, XIcon } from "lucide-react";
-import { useEffect as useEffect10, useState as useState14 } from "react";
+import { useEffect as useEffect10, useState as useState15 } from "react";
 import { useForm as useForm2 } from "react-hook-form";
 import { v4 as v42 } from "uuid";
 import { z as z2 } from "zod";
-import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
 function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
-  const [isSubmitting, setIsSubmitting] = useState14(false);
-  const [allFeatures, setAllFeatures] = useState14([]);
+  const [isSubmitting, setIsSubmitting] = useState15(false);
+  const [allFeatures, setAllFeatures] = useState15([]);
   useEffect10(() => {
     const fetchFeatures = /* @__PURE__ */ __name(async () => {
       try {
@@ -3028,21 +3257,21 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
     { id: "licensed", text: "Licensed (per unit)" },
     { id: "metered", text: "Metered (usage-based)" }
   ];
-  return /* @__PURE__ */ jsx39(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs34(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsxs34(DialogHeader, { children: [
-      /* @__PURE__ */ jsx39(DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
-      /* @__PURE__ */ jsx39(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__ */ jsx40(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs35(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs35(DialogHeader, { children: [
+      /* @__PURE__ */ jsx40(DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
+      /* @__PURE__ */ jsx40(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__ */ jsxs34("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 flex gap-x-3", children: [
-      /* @__PURE__ */ jsx39(AlertCircle3, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
-      /* @__PURE__ */ jsxs34("div", { className: "text-sm text-blue-800", children: [
-        /* @__PURE__ */ jsx39("p", { className: "font-semibold mb-1", children: "Stripe Price Immutability" }),
-        /* @__PURE__ */ jsx39("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." })
+    isEditMode && /* @__PURE__ */ jsxs35("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 flex gap-x-3", children: [
+      /* @__PURE__ */ jsx40(AlertCircle3, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsxs35("div", { className: "text-sm text-blue-800", children: [
+        /* @__PURE__ */ jsx40("p", { className: "font-semibold mb-1", children: "Stripe Price Immutability" }),
+        /* @__PURE__ */ jsx40("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__ */ jsx39(Form, { ...form, children: /* @__PURE__ */ jsxs34("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsxs34("div", { className: "grid grid-cols-2 gap-x-4", children: [
-        /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(Form, { ...form, children: /* @__PURE__ */ jsxs35("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs35("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx40(
           FormInput,
           {
             form,
@@ -3053,9 +3282,9 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             isRequired: true
           }
         ),
-        /* @__PURE__ */ jsx39(FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
+        /* @__PURE__ */ jsx40(FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
       ] }),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         FormSelect,
         {
           form,
@@ -3065,8 +3294,8 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           disabled: isEditMode
         }
       ),
-      isRecurring && /* @__PURE__ */ jsxs34("div", { className: "grid grid-cols-2 gap-x-4", children: [
-        /* @__PURE__ */ jsx39(
+      isRecurring && /* @__PURE__ */ jsxs35("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx40(
           FormInput,
           {
             form,
@@ -3077,7 +3306,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             disabled: isEditMode
           }
         ),
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           FormSelect,
           {
             form,
@@ -3088,7 +3317,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         FormInput,
         {
           form,
@@ -3097,7 +3326,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           placeholder: "e.g., Standard Plan, Pro Tier"
         }
       ),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         FormTextarea,
         {
           form,
@@ -3107,12 +3336,12 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           className: "min-h-24"
         }
       ),
-      /* @__PURE__ */ jsx39(FormInput, { form, id: "token", name: "Token (optional)", placeholder: "Enter token value" }),
-      /* @__PURE__ */ jsxs34("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx39(Label, { children: "Features (optional)" }),
-        /* @__PURE__ */ jsxs34("div", { className: "space-y-2", children: [
-          form.watch("features").map((_, index) => /* @__PURE__ */ jsxs34("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(FormInput, { form, id: "token", name: "Token (optional)", placeholder: "Enter token value" }),
+      /* @__PURE__ */ jsxs35("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx40(Label, { children: "Features (optional)" }),
+        /* @__PURE__ */ jsxs35("div", { className: "space-y-2", children: [
+          form.watch("features").map((_, index) => /* @__PURE__ */ jsxs35("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 ...form.register(`features.${index}`),
@@ -3120,7 +3349,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(
               Button,
               {
                 type: "button",
@@ -3133,11 +3362,11 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
                     currentFeatures.filter((_2, i) => i !== index)
                   );
                 },
-                children: /* @__PURE__ */ jsx39(XIcon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx40(XIcon, { className: "h-4 w-4" })
               }
             )
           ] }, index)),
-          /* @__PURE__ */ jsxs34(
+          /* @__PURE__ */ jsxs35(
             Button,
             {
               type: "button",
@@ -3149,20 +3378,20 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
               },
               className: "mt-2",
               children: [
-                /* @__PURE__ */ jsx39(PlusIcon, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ jsx40(PlusIcon, { className: "h-4 w-4 mr-2" }),
                 "Add Feature"
               ]
             }
           )
         ] })
       ] }),
-      isRecurring && allFeatures.length > 0 && /* @__PURE__ */ jsxs34("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx39(Label, { children: "Platform Features" }),
-        /* @__PURE__ */ jsx39("div", { className: "border rounded-md p-4 space-y-2 max-h-48 overflow-y-auto", children: allFeatures.map((feature) => {
+      isRecurring && allFeatures.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx40(Label, { children: "Platform Features" }),
+        /* @__PURE__ */ jsx40("div", { className: "border rounded-md p-4 space-y-2 max-h-48 overflow-y-auto", children: allFeatures.map((feature) => {
           const isCore = feature.isCore;
           const isChecked = form.watch("featureIds").includes(feature.id);
-          return /* @__PURE__ */ jsxs34("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx39(
+          return /* @__PURE__ */ jsxs35("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ jsx40(
               "input",
               {
                 type: "checkbox",
@@ -3185,22 +3414,22 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
                 className: "h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary disabled:opacity-50"
               }
             ),
-            /* @__PURE__ */ jsxs34(
+            /* @__PURE__ */ jsxs35(
               "label",
               {
                 htmlFor: `feature-${feature.id}`,
                 className: `text-sm ${isCore ? "text-muted-foreground" : ""}`,
                 children: [
                   feature.name,
-                  isCore && /* @__PURE__ */ jsx39("span", { className: "ml-2 text-xs text-muted-foreground", children: "(Core - Required)" })
+                  isCore && /* @__PURE__ */ jsx40("span", { className: "ml-2 text-xs text-muted-foreground", children: "(Core - Required)" })
                 ]
               }
             )
           ] }, feature.id);
         }) })
       ] }),
-      /* @__PURE__ */ jsx39(FormCheckbox, { form, id: "active", name: "Active" }),
-      isRecurring && /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(FormCheckbox, { form, id: "active", name: "Active" }),
+      isRecurring && /* @__PURE__ */ jsx40(
         FormCheckbox,
         {
           form,
@@ -3209,7 +3438,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           description: "Mark this as the trial subscription plan (only one price should be marked as trial)"
         }
       ),
-      /* @__PURE__ */ jsx39(CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
+      /* @__PURE__ */ jsx40(CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
     ] }) })
   ] }) });
 }
@@ -3217,17 +3446,17 @@ __name(PriceEditor, "PriceEditor");
 
 // src/features/billing/stripe-price/components/lists/PricesList.tsx
 import { Archive, DollarSign, Edit, RotateCcw } from "lucide-react";
-import { useEffect as useEffect11, useState as useState15 } from "react";
-import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState16 } from "react";
+import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
 function PricesList({ productId, onPricesChange }) {
-  const [prices, setPrices] = useState15([]);
-  const [loading, setLoading] = useState15(true);
-  const [showCreatePrice, setShowCreatePrice] = useState15(false);
-  const [editingPrice, setEditingPrice] = useState15(null);
-  const [priceToArchive, setPriceToArchive] = useState15(null);
-  const [priceToReactivate, setPriceToReactivate] = useState15(null);
-  const [archivingPriceId, setArchivingPriceId] = useState15(null);
-  const [reactivatingPriceId, setReactivatingPriceId] = useState15(null);
+  const [prices, setPrices] = useState16([]);
+  const [loading, setLoading] = useState16(true);
+  const [showCreatePrice, setShowCreatePrice] = useState16(false);
+  const [editingPrice, setEditingPrice] = useState16(null);
+  const [priceToArchive, setPriceToArchive] = useState16(null);
+  const [priceToReactivate, setPriceToReactivate] = useState16(null);
+  const [archivingPriceId, setArchivingPriceId] = useState16(null);
+  const [reactivatingPriceId, setReactivatingPriceId] = useState16(null);
   const loadPrices = /* @__PURE__ */ __name(async () => {
     setLoading(true);
     try {
@@ -3290,27 +3519,27 @@ function PricesList({ productId, onPricesChange }) {
     return "";
   }, "formatInterval");
   if (loading) {
-    return /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx40("p", { className: "text-muted-foreground", children: "Loading prices..." }) });
+    return /* @__PURE__ */ jsx41("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx41("p", { className: "text-muted-foreground", children: "Loading prices..." }) });
   }
-  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between mb-4", children: [
-      /* @__PURE__ */ jsx40("h4", { className: "text-lg font-semibold", children: "Prices" }),
-      /* @__PURE__ */ jsx40(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx41("h4", { className: "text-lg font-semibold", children: "Prices" }),
+      /* @__PURE__ */ jsx41(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
     ] }),
-    prices.length === 0 && /* @__PURE__ */ jsxs35("div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
-      /* @__PURE__ */ jsx40(DollarSign, { className: "text-muted-foreground h-12 w-12" }),
-      /* @__PURE__ */ jsx40("p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
-      /* @__PURE__ */ jsx40(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+    prices.length === 0 && /* @__PURE__ */ jsxs36("div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
+      /* @__PURE__ */ jsx41(DollarSign, { className: "text-muted-foreground h-12 w-12" }),
+      /* @__PURE__ */ jsx41("p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
+      /* @__PURE__ */ jsx41(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
     ] }),
-    prices.length > 0 && /* @__PURE__ */ jsx40("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: prices.map((price) => {
+    prices.length > 0 && /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: prices.map((price) => {
       const isArchiving = archivingPriceId === price.id;
       const isReactivating = reactivatingPriceId === price.id;
-      return /* @__PURE__ */ jsxs35("div", { className: "border rounded-lg bg-white p-4 hover:shadow-sm transition-shadow", children: [
-        /* @__PURE__ */ jsxs35("div", { className: "flex items-start justify-between mb-3", children: [
-          /* @__PURE__ */ jsx40(DollarSign, { className: "h-5 w-5 text-primary" }),
-          /* @__PURE__ */ jsxs35("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx40(Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx40(Edit, { className: "h-4 w-4" }) }),
-            price.active ? /* @__PURE__ */ jsx40(
+      return /* @__PURE__ */ jsxs36("div", { className: "border rounded-lg bg-white p-4 hover:shadow-sm transition-shadow", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "flex items-start justify-between mb-3", children: [
+          /* @__PURE__ */ jsx41(DollarSign, { className: "h-5 w-5 text-primary" }),
+          /* @__PURE__ */ jsxs36("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx41(Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx41(Edit, { className: "h-4 w-4" }) }),
+            price.active ? /* @__PURE__ */ jsx41(
               Button,
               {
                 variant: "ghost",
@@ -3318,9 +3547,9 @@ function PricesList({ productId, onPricesChange }) {
                 onClick: () => setPriceToArchive(price),
                 className: "h-8 w-8 p-0",
                 disabled: isArchiving,
-                children: /* @__PURE__ */ jsx40(Archive, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx41(Archive, { className: "h-4 w-4" })
               }
-            ) : /* @__PURE__ */ jsx40(
+            ) : /* @__PURE__ */ jsx41(
               Button,
               {
                 variant: "ghost",
@@ -3328,25 +3557,25 @@ function PricesList({ productId, onPricesChange }) {
                 onClick: () => setPriceToReactivate(price),
                 className: "h-8 w-8 p-0",
                 disabled: isReactivating,
-                children: /* @__PURE__ */ jsx40(RotateCcw, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx41(RotateCcw, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx40("div", { className: "mb-2", children: /* @__PURE__ */ jsxs35("div", { className: "text-2xl font-bold", children: [
+        /* @__PURE__ */ jsx41("div", { className: "mb-2", children: /* @__PURE__ */ jsxs36("div", { className: "text-2xl font-bold", children: [
           formatCurrency(price.unitAmount, price.currency),
           " ",
-          /* @__PURE__ */ jsx40("span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
+          /* @__PURE__ */ jsx41("span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
         ] }) }),
-        price.metadata?.nickname && /* @__PURE__ */ jsx40("p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
-        /* @__PURE__ */ jsxs35("div", { className: "flex flex-wrap gap-2", children: [
-          price.active ? /* @__PURE__ */ jsx40("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx40("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" }),
-          price.recurring?.usageType === "metered" && /* @__PURE__ */ jsx40("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium", children: "Metered" }),
-          /* @__PURE__ */ jsx40("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium uppercase", children: price.currency })
+        price.metadata?.nickname && /* @__PURE__ */ jsx41("p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
+        /* @__PURE__ */ jsxs36("div", { className: "flex flex-wrap gap-2", children: [
+          price.active ? /* @__PURE__ */ jsx41("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx41("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" }),
+          price.recurring?.usageType === "metered" && /* @__PURE__ */ jsx41("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium", children: "Metered" }),
+          /* @__PURE__ */ jsx41("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium uppercase", children: price.currency })
         ] })
       ] }, price.id);
     }) }),
-    showCreatePrice && /* @__PURE__ */ jsx40(
+    showCreatePrice && /* @__PURE__ */ jsx41(
       PriceEditor,
       {
         productId,
@@ -3358,7 +3587,7 @@ function PricesList({ productId, onPricesChange }) {
         }
       }
     ),
-    editingPrice && /* @__PURE__ */ jsx40(
+    editingPrice && /* @__PURE__ */ jsx41(
       PriceEditor,
       {
         productId,
@@ -3372,19 +3601,19 @@ function PricesList({ productId, onPricesChange }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx40(AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ jsxs35(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs35(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx40(AlertDialogTitle, { children: "Archive Price" }),
-        /* @__PURE__ */ jsxs35(AlertDialogDescription, { children: [
+    /* @__PURE__ */ jsx41(AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ jsxs36(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs36(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx41(AlertDialogTitle, { children: "Archive Price" }),
+        /* @__PURE__ */ jsxs36(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__ */ jsxs35(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx40(AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
-        /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsxs36(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx41(AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx41(
           AlertDialogAction,
           {
             onClick: handleArchive,
@@ -3395,19 +3624,19 @@ function PricesList({ productId, onPricesChange }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx40(AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ jsxs35(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs35(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx40(AlertDialogTitle, { children: "Reactivate Price" }),
-        /* @__PURE__ */ jsxs35(AlertDialogDescription, { children: [
+    /* @__PURE__ */ jsx41(AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ jsxs36(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs36(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx41(AlertDialogTitle, { children: "Reactivate Price" }),
+        /* @__PURE__ */ jsxs36(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__ */ jsxs35(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx40(AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
-        /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsxs36(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx41(AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx41(
           AlertDialogAction,
           {
             onClick: handleReactivate,
@@ -3424,17 +3653,17 @@ __name(PricesList, "PricesList");
 
 // src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
 import { Package as Package2 } from "lucide-react";
-import { useEffect as useEffect12, useState as useState18 } from "react";
+import { useEffect as useEffect12, useState as useState19 } from "react";
 
 // src/features/billing/stripe-product/components/forms/ProductEditor.tsx
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 import { useForm as useForm3 } from "react-hook-form";
 import { v4 as v43 } from "uuid";
 import { z as z3 } from "zod";
-import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
 function ProductEditor({ product, open, onOpenChange, onSuccess }) {
-  const [isSubmitting, setIsSubmitting] = useState16(false);
+  const [isSubmitting, setIsSubmitting] = useState17(false);
   const formSchema2 = z3.object({
     name: z3.string().min(1, { message: "Product name is required" }),
     description: z3.string().min(1, { message: "Description is required" }),
@@ -3474,14 +3703,14 @@ function ProductEditor({ product, open, onOpenChange, onSuccess }) {
       setIsSubmitting(false);
     }
   }, "onSubmit");
-  return /* @__PURE__ */ jsx41(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs36(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsxs36(DialogHeader, { children: [
-      /* @__PURE__ */ jsx41(DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
-      /* @__PURE__ */ jsx41(DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
+  return /* @__PURE__ */ jsx42(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs37(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs37(DialogHeader, { children: [
+      /* @__PURE__ */ jsx42(DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
+      /* @__PURE__ */ jsx42(DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
     ] }),
-    /* @__PURE__ */ jsx41(Form, { ...form, children: /* @__PURE__ */ jsxs36("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsx41(FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
-      /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx42(Form, { ...form, children: /* @__PURE__ */ jsxs37("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx42(FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
+      /* @__PURE__ */ jsx42(
         FormTextarea,
         {
           form,
@@ -3491,8 +3720,8 @@ function ProductEditor({ product, open, onOpenChange, onSuccess }) {
           className: "min-h-32"
         }
       ),
-      /* @__PURE__ */ jsx41(FormCheckbox, { form, id: "active", name: "Active" }),
-      /* @__PURE__ */ jsx41(CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
+      /* @__PURE__ */ jsx42(FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ jsx42(CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
     ] }) })
   ] }) });
 }
@@ -3500,26 +3729,26 @@ __name(ProductEditor, "ProductEditor");
 
 // src/features/billing/stripe-product/components/lists/ProductsList.tsx
 import { Archive as Archive2, ChevronDown, ChevronUp, Edit as Edit2, Package, RefreshCw as RefreshCw2 } from "lucide-react";
-import { useState as useState17 } from "react";
-import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+import { useState as useState18 } from "react";
+import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
 function ProductsList({ products, onProductsChange }) {
-  const [expandedProductId, setExpandedProductId] = useState17(null);
-  const [editingProduct, setEditingProduct] = useState17(null);
-  const [archivingProductId, setArchivingProductId] = useState17(null);
-  const [reactivatingProductId, setReactivatingProductId] = useState17(null);
-  const [productToArchive, setProductToArchive] = useState17(null);
-  const [productToReactivate, setProductToReactivate] = useState17(null);
+  const [expandedProductId, setExpandedProductId] = useState18(null);
+  const [editingProduct, setEditingProduct] = useState18(null);
+  const [archivingProductId, setArchivingProductId] = useState18(null);
+  const [reactivatingProductId, setReactivatingProductId] = useState18(null);
+  const [productToArchive, setProductToArchive] = useState18(null);
+  const [productToReactivate, setProductToReactivate] = useState18(null);
   const handleArchive = /* @__PURE__ */ __name(async () => {
     if (!productToArchive) {
       return;
     }
     setArchivingProductId(productToArchive.id);
     try {
-      const archivedProduct = await StripeProductService.archiveProduct({ id: productToArchive.id });
+      const _archivedProduct = await StripeProductService.archiveProduct({ id: productToArchive.id });
       setProductToArchive(null);
       onProductsChange();
-    } catch (error) {
-      console.error("[ProductsList] Failed to archive product:", error);
+    } catch (_error) {
+      console.error("[ProductsList] Failed to archive product:", _error);
     } finally {
       setArchivingProductId(null);
     }
@@ -3530,10 +3759,10 @@ function ProductsList({ products, onProductsChange }) {
     }
     setReactivatingProductId(productToReactivate.id);
     try {
-      const reactivatedProduct = await StripeProductService.reactivateProduct({ id: productToReactivate.id });
+      const _reactivatedProduct = await StripeProductService.reactivateProduct({ id: productToReactivate.id });
       setProductToReactivate(null);
       onProductsChange();
-    } catch (error) {
+    } catch (_error) {
     } finally {
       setReactivatingProductId(null);
     }
@@ -3541,29 +3770,29 @@ function ProductsList({ products, onProductsChange }) {
   const toggleExpand = /* @__PURE__ */ __name((productId) => {
     setExpandedProductId(expandedProductId === productId ? null : productId);
   }, "toggleExpand");
-  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-y-4", children: [
+  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-y-4", children: [
     products.map((product) => {
       const isExpanded = expandedProductId === product.id;
       const isArchiving = archivingProductId === product.id;
       const isReactivating = reactivatingProductId === product.id;
-      return /* @__PURE__ */ jsxs37("div", { className: "border rounded-lg bg-white shadow-sm hover:shadow-md transition-shadow", children: [
-        /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between p-6", children: [
-          /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-x-4 flex-1", children: [
-            /* @__PURE__ */ jsx42(Package, { className: "h-6 w-6 text-primary" }),
-            /* @__PURE__ */ jsxs37("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-x-3", children: [
-                /* @__PURE__ */ jsx42("h3", { className: "text-lg font-semibold", children: product.name }),
-                product.active ? /* @__PURE__ */ jsx42("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx42("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" })
+      return /* @__PURE__ */ jsxs38("div", { className: "border rounded-lg bg-white shadow-sm hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between p-6", children: [
+          /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-x-4 flex-1", children: [
+            /* @__PURE__ */ jsx43(Package, { className: "h-6 w-6 text-primary" }),
+            /* @__PURE__ */ jsxs38("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx43("h3", { className: "text-lg font-semibold", children: product.name }),
+                product.active ? /* @__PURE__ */ jsx43("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx43("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" })
               ] }),
-              product.description && /* @__PURE__ */ jsx42("p", { className: "text-muted-foreground text-sm mt-1", children: product.description })
+              product.description && /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground text-sm mt-1", children: product.description })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-x-2", children: [
-            /* @__PURE__ */ jsxs37(Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
-              /* @__PURE__ */ jsx42(Edit2, { className: "h-4 w-4 mr-1" }),
+          /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsxs38(Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
+              /* @__PURE__ */ jsx43(Edit2, { className: "h-4 w-4 mr-1" }),
               "Edit"
             ] }),
-            product.active ? /* @__PURE__ */ jsxs37(
+            product.active ? /* @__PURE__ */ jsxs38(
               Button,
               {
                 variant: "outline",
@@ -3571,11 +3800,11 @@ function ProductsList({ products, onProductsChange }) {
                 onClick: () => setProductToArchive(product),
                 disabled: isArchiving,
                 children: [
-                  /* @__PURE__ */ jsx42(Archive2, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx43(Archive2, { className: "h-4 w-4 mr-1" }),
                   isArchiving ? "Archiving..." : "Archive"
                 ]
               }
-            ) : /* @__PURE__ */ jsxs37(
+            ) : /* @__PURE__ */ jsxs38(
               Button,
               {
                 variant: "outline",
@@ -3583,18 +3812,18 @@ function ProductsList({ products, onProductsChange }) {
                 onClick: () => setProductToReactivate(product),
                 disabled: isReactivating,
                 children: [
-                  /* @__PURE__ */ jsx42(RefreshCw2, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx43(RefreshCw2, { className: "h-4 w-4 mr-1" }),
                   isReactivating ? "Reactivating..." : "Reactivate"
                 ]
               }
             ),
-            /* @__PURE__ */ jsx42(Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ jsx42(ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx42(ChevronDown, { className: "h-5 w-5" }) })
+            /* @__PURE__ */ jsx43(Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ jsx43(ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx43(ChevronDown, { className: "h-5 w-5" }) })
           ] })
         ] }),
-        isExpanded && /* @__PURE__ */ jsx42("div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ jsx42(PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
+        isExpanded && /* @__PURE__ */ jsx43("div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ jsx43(PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
       ] }, product.id);
     }),
-    editingProduct && /* @__PURE__ */ jsx42(
+    editingProduct && /* @__PURE__ */ jsx43(
       ProductEditor,
       {
         product: editingProduct,
@@ -3606,18 +3835,18 @@ function ProductsList({ products, onProductsChange }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx42(AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ jsxs37(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs37(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx42(AlertDialogTitle, { children: "Archive Product" }),
-        /* @__PURE__ */ jsxs37(AlertDialogDescription, { children: [
+    /* @__PURE__ */ jsx43(AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs38(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Archive Product" }),
+        /* @__PURE__ */ jsxs38(AlertDialogDescription, { children: [
           'Are you sure you want to archive "',
           productToArchive?.name,
           '"? This will deactivate it and it will no longer be available for new subscriptions.'
         ] })
       ] }),
-      /* @__PURE__ */ jsxs37(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx42(AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
-        /* @__PURE__ */ jsx42(
+      /* @__PURE__ */ jsxs38(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx43(
           AlertDialogAction,
           {
             onClick: handleArchive,
@@ -3628,18 +3857,18 @@ function ProductsList({ products, onProductsChange }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx42(AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ jsxs37(AlertDialogContent, { children: [
-      /* @__PURE__ */ jsxs37(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx42(AlertDialogTitle, { children: "Reactivate Product" }),
-        /* @__PURE__ */ jsxs37(AlertDialogDescription, { children: [
+    /* @__PURE__ */ jsx43(AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs38(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Reactivate Product" }),
+        /* @__PURE__ */ jsxs38(AlertDialogDescription, { children: [
           'Are you sure you want to reactivate "',
           productToReactivate?.name,
           '"? This will make it available for new subscriptions again.'
         ] })
       ] }),
-      /* @__PURE__ */ jsxs37(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx42(AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
-        /* @__PURE__ */ jsx42(
+      /* @__PURE__ */ jsxs38(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx43(
           AlertDialogAction,
           {
             onClick: handleReactivate,
@@ -3655,14 +3884,14 @@ function ProductsList({ products, onProductsChange }) {
 __name(ProductsList, "ProductsList");
 
 // src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
-import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
 function ProductsAdminContainer() {
   const { hasRole } = useCurrentUserContext();
-  const [products, setProducts] = useState18([]);
-  const [loading, setLoading] = useState18(true);
-  const [showCreateProduct, setShowCreateProduct] = useState18(false);
+  const [products, setProducts] = useState19([]);
+  const [loading, setLoading] = useState19(true);
+  const [showCreateProduct, setShowCreateProduct] = useState19(false);
   if (!hasRole(getRoleId().Administrator)) {
-    return /* @__PURE__ */ jsx43("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx43("p", { className: "text-red-600 font-semibold", children: "Permission denied. Administrator access required." }) });
+    return /* @__PURE__ */ jsx44("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx44("p", { className: "text-red-600 font-semibold", children: "Permission denied. Administrator access required." }) });
   }
   const loadProducts = /* @__PURE__ */ __name(async () => {
     setLoading(true);
@@ -3679,26 +3908,26 @@ function ProductsAdminContainer() {
     loadProducts();
   }, []);
   if (loading) {
-    return /* @__PURE__ */ jsx43("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground", children: "Loading products..." }) });
+    return /* @__PURE__ */ jsx44("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx44("p", { className: "text-muted-foreground", children: "Loading products..." }) });
   }
-  return /* @__PURE__ */ jsxs38("div", { className: "flex w-full flex-col gap-y-6", children: [
-    /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-x-3", children: [
-        /* @__PURE__ */ jsx43(Package2, { className: "h-8 w-8" }),
-        /* @__PURE__ */ jsx43("h1", { className: "text-3xl font-bold", children: "Product & Price Management" })
+  return /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx44(Package2, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx44("h1", { className: "text-3xl font-bold", children: "Product & Price Management" })
       ] }),
-      /* @__PURE__ */ jsx43(Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
+      /* @__PURE__ */ jsx44(Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
     ] }),
-    products.length === 0 && /* @__PURE__ */ jsxs38("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__ */ jsx43(Package2, { className: "text-muted-foreground h-16 w-16" }),
-      /* @__PURE__ */ jsxs38("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx43("h3", { className: "mb-2 text-xl font-semibold", children: "No products yet" }),
-        /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
-        /* @__PURE__ */ jsx43(Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
+    products.length === 0 && /* @__PURE__ */ jsxs39("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__ */ jsx44(Package2, { className: "text-muted-foreground h-16 w-16" }),
+      /* @__PURE__ */ jsxs39("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx44("h3", { className: "mb-2 text-xl font-semibold", children: "No products yet" }),
+        /* @__PURE__ */ jsx44("p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
+        /* @__PURE__ */ jsx44(Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
       ] })
     ] }),
-    products.length > 0 && /* @__PURE__ */ jsx43(ProductsList, { products, onProductsChange: loadProducts }),
-    showCreateProduct && /* @__PURE__ */ jsx43(ProductEditor, { open: showCreateProduct, onOpenChange: setShowCreateProduct, onSuccess: loadProducts })
+    products.length > 0 && /* @__PURE__ */ jsx44(ProductsList, { products, onProductsChange: loadProducts }),
+    showCreateProduct && /* @__PURE__ */ jsx44(ProductEditor, { open: showCreateProduct, onOpenChange: setShowCreateProduct, onSuccess: loadProducts })
   ] });
 }
 __name(ProductsAdminContainer, "ProductsAdminContainer");
@@ -3729,6 +3958,7 @@ export {
   ProductPricingRow,
   ProductsAdminContainer,
   ProductsList,
+  PromoCodeInput,
   ProrationPreview,
   StripeProvider,
   SubscriptionConfirmation,