@carlonicora/nextjs-jsonapi 2.2.3 → 2.4.0

package/dist/billing/index.mjs

@@ -36,7 +36,9 @@ import {
   FormTextarea,
   Input,
   Label,
+  RoundPageContainer,
   SectionHeader,
+  SharedProvider,
   Skeleton,
   Table,
   TableBody,
@@ -48,13 +50,14 @@ import {
   TabsList,
   TabsTrigger,
   useCurrentUserContext
-} from "../chunk-YEPE2HT6.mjs";
+} from "../chunk-M2EGUO2F.mjs";
 import {
   getRoleId,
   getStripePublishableKey
-} from "../chunk-7DJOQTNN.mjs";
+} from "../chunk-3LVSA7IM.mjs";
 import {
   FeatureService,
+  Modules,
   StripeCustomerService,
   StripeInvoiceService,
   StripePriceService,
@@ -63,7 +66,7 @@ import {
   StripeSubscriptionService,
   StripeUsageService,
   cn
-} from "../chunk-DLTMYGLR.mjs";
+} from "../chunk-LCCRUWWY.mjs";
 import "../chunk-AUXK7QSA.mjs";
 import "../chunk-C7C7VY4F.mjs";
 import "../chunk-E5YA5Z5X.mjs";
@@ -3100,17 +3103,135 @@ function isStripeConfigured() {
 }
 __name(isStripeConfigured, "isStripeConfigured");
 
-// src/features/billing/stripe-price/components/forms/PriceEditor.tsx
+// src/features/billing/contexts/BillingContext.tsx
+import { useTranslations } from "next-intl";
+import { createContext, useCallback as useCallback5, useContext, useState as useState16 } from "react";
+
+// src/features/billing/stripe-product/components/forms/ProductEditor.tsx
 import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
-import { AlertCircle as AlertCircle3, PlusIcon, XIcon } from "lucide-react";
-import { useEffect as useEffect10, useState as useState15 } from "react";
+import { 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 jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
-function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
+function ProductEditor({ product, open, onOpenChange, onSuccess }) {
   const [isSubmitting, setIsSubmitting] = useState15(false);
-  const [allFeatures, setAllFeatures] = useState15([]);
+  const formSchema2 = z2.object({
+    name: z2.string().min(1, { message: "Product name is required" }),
+    description: z2.string().min(1, { message: "Description is required" }),
+    active: z2.boolean()
+  });
+  const form = useForm2({
+    resolver: zodResolver2(formSchema2),
+    defaultValues: {
+      name: product?.name || "",
+      description: product?.description || "",
+      active: product?.active ?? true
+    }
+  });
+  const onSubmit = /* @__PURE__ */ __name(async (values) => {
+    setIsSubmitting(true);
+    try {
+      if (product) {
+        await StripeProductService.updateProduct({
+          id: product.id,
+          name: values.name,
+          description: values.description,
+          active: values.active
+        });
+      } else {
+        await StripeProductService.createProduct({
+          id: v42(),
+          name: values.name,
+          description: values.description,
+          active: values.active
+        });
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[ProductEditor] Failed to save product:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "onSubmit");
+  return /* @__PURE__ */ jsx40(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs35(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs35(DialogHeader, { children: [
+      /* @__PURE__ */ jsx40(DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
+      /* @__PURE__ */ jsx40(DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
+    ] }),
+    /* @__PURE__ */ jsx40(Form, { ...form, children: /* @__PURE__ */ jsxs35("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx40(FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
+      /* @__PURE__ */ jsx40(
+        FormTextarea,
+        {
+          form,
+          id: "description",
+          name: "Description",
+          placeholder: "Enter product description",
+          className: "min-h-32"
+        }
+      ),
+      /* @__PURE__ */ jsx40(FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ jsx40(CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
+    ] }) })
+  ] }) });
+}
+__name(ProductEditor, "ProductEditor");
+
+// src/features/billing/contexts/BillingContext.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+var BillingContext = createContext(void 0);
+var BillingProvider = /* @__PURE__ */ __name(({ children }) => {
+  const t = useTranslations();
+  const { hasRole } = useCurrentUserContext();
+  const [showCreateProduct, setShowCreateProduct] = useState16(false);
+  const [refreshToken, setRefreshToken] = useState16(0);
+  const refresh = useCallback5(() => setRefreshToken((value) => value + 1), []);
+  const breadcrumbs = [{ name: t(`billing.admin.products.title`) }];
+  const title = /* @__PURE__ */ __name(() => {
+    const response = { type: t(`billing.admin.products.title`) };
+    if (hasRole(getRoleId().Administrator)) {
+      response.functions = [
+        /* @__PURE__ */ jsx41(Button, { onClick: () => setShowCreateProduct(true), children: t(`billing.admin.products.create`) }, "productEditorTrigger"),
+        showCreateProduct ? /* @__PURE__ */ jsx41(
+          ProductEditor,
+          {
+            open: showCreateProduct,
+            onOpenChange: setShowCreateProduct,
+            onSuccess: () => {
+              setShowCreateProduct(false);
+              refresh();
+            }
+          },
+          "productEditor"
+        ) : null
+      ];
+    }
+    return response;
+  }, "title");
+  return /* @__PURE__ */ jsx41(SharedProvider, { value: { breadcrumbs, title: title() }, children: /* @__PURE__ */ jsx41(BillingContext.Provider, { value: { refreshToken, refresh }, children }) });
+}, "BillingProvider");
+var useBillingContext = /* @__PURE__ */ __name(() => {
+  const context = useContext(BillingContext);
+  if (context === void 0) {
+    throw new Error("useBillingContext must be used within a BillingProvider");
+  }
+  return context;
+}, "useBillingContext");
+var useOptionalBillingContext = /* @__PURE__ */ __name(() => useContext(BillingContext), "useOptionalBillingContext");
+
+// src/features/billing/stripe-price/components/forms/PriceEditor.tsx
+import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
+import { AlertCircle as AlertCircle3, PlusIcon, XIcon } from "lucide-react";
+import { useEffect as useEffect10, 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 jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
+function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
+  const [isSubmitting, setIsSubmitting] = useState17(false);
+  const [allFeatures, setAllFeatures] = useState17([]);
   useEffect10(() => {
     const fetchFeatures = /* @__PURE__ */ __name(async () => {
       try {
@@ -3122,32 +3243,32 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
     }, "fetchFeatures");
     fetchFeatures();
   }, []);
-  const formSchema2 = z2.object({
-    unitAmount: z2.preprocess(
+  const formSchema2 = z3.object({
+    unitAmount: z3.preprocess(
       (val) => typeof val === "string" ? parseFloat(val) : val,
-      z2.number().min(0, { message: "Amount must be 0 or greater" })
+      z3.number().min(0, { message: "Amount must be 0 or greater" })
     ),
-    currency: z2.string().min(1, { message: "Currency is required" }),
-    interval: z2.enum(["one_time", "day", "week", "month", "year"]),
-    intervalCount: z2.preprocess(
+    currency: z3.string().min(1, { message: "Currency is required" }),
+    interval: z3.enum(["one_time", "day", "week", "month", "year"]),
+    intervalCount: z3.preprocess(
       (val) => val === "" || val === void 0 ? void 0 : typeof val === "string" ? parseInt(val, 10) : val,
-      z2.number().min(1).optional()
+      z3.number().min(1).optional()
     ),
-    usageType: z2.enum(["licensed", "metered"]).optional(),
-    nickname: z2.string().optional(),
-    active: z2.boolean(),
-    isTrial: z2.boolean(),
-    description: z2.string().optional(),
-    features: z2.array(z2.string()),
-    token: z2.string(),
-    featureIds: z2.array(z2.string())
+    usageType: z3.enum(["licensed", "metered"]).optional(),
+    nickname: z3.string().optional(),
+    active: z3.boolean(),
+    isTrial: z3.boolean(),
+    description: z3.string().optional(),
+    features: z3.array(z3.string()),
+    token: z3.string(),
+    featureIds: z3.array(z3.string())
   });
   const isEditMode = !!price;
   const defaultUnitAmount = price?.unitAmount ? price.unitAmount / 100 : 0;
   const coreFeatureIds = allFeatures.filter((f) => f.isCore).map((f) => f.id);
   const defaultFeatureIds = [.../* @__PURE__ */ new Set([...price?.priceFeatures?.map((f) => f.id) ?? [], ...coreFeatureIds])];
-  const form = useForm2({
-    resolver: zodResolver2(formSchema2),
+  const form = useForm3({
+    resolver: zodResolver3(formSchema2),
     defaultValues: {
       unitAmount: defaultUnitAmount,
       currency: price?.currency || "usd",
@@ -3203,7 +3324,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
         });
       } else {
         const createInput = {
-          id: v42(),
+          id: v43(),
           productId,
           currency: values.currency,
           unitAmount: unitAmountInCents
@@ -3260,21 +3381,21 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
     { id: "licensed", text: "Licensed (per unit)" },
     { id: "metered", text: "Metered (usage-based)" }
   ];
-  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" })
+  return /* @__PURE__ */ jsx42(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs36(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs36(DialogHeader, { children: [
+      /* @__PURE__ */ jsx42(DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
+      /* @__PURE__ */ jsx42(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__ */ jsxs35("div", { className: "bg-primary/10 border-primary/30 flex gap-x-3 rounded-lg border p-4", children: [
-      /* @__PURE__ */ jsx40(AlertCircle3, { className: "text-primary mt-0.5 h-5 w-5 flex-shrink-0" }),
-      /* @__PURE__ */ jsxs35("div", { className: "text-foreground text-sm", 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." })
+    isEditMode && /* @__PURE__ */ jsxs36("div", { className: "bg-primary/10 border-primary/30 flex gap-x-3 rounded-lg border p-4", children: [
+      /* @__PURE__ */ jsx42(AlertCircle3, { className: "text-primary mt-0.5 h-5 w-5 flex-shrink-0" }),
+      /* @__PURE__ */ jsxs36("div", { className: "text-foreground text-sm", children: [
+        /* @__PURE__ */ jsx42("p", { className: "font-semibold mb-1", children: "Stripe Price Immutability" }),
+        /* @__PURE__ */ jsx42("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__ */ 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(
+    /* @__PURE__ */ jsx42(Form, { ...form, children: /* @__PURE__ */ jsxs36("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx42(
           FormInput,
           {
             form,
@@ -3285,9 +3406,9 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             isRequired: true
           }
         ),
-        /* @__PURE__ */ jsx40(FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
+        /* @__PURE__ */ jsx42(FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
       ] }),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx42(
         FormSelect,
         {
           form,
@@ -3297,8 +3418,8 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           disabled: isEditMode
         }
       ),
-      isRecurring && /* @__PURE__ */ jsxs35("div", { className: "grid grid-cols-2 gap-x-4", children: [
-        /* @__PURE__ */ jsx40(
+      isRecurring && /* @__PURE__ */ jsxs36("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx42(
           FormInput,
           {
             form,
@@ -3309,7 +3430,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
             disabled: isEditMode
           }
         ),
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx42(
           FormSelect,
           {
             form,
@@ -3320,7 +3441,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx42(
         FormInput,
         {
           form,
@@ -3329,7 +3450,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           placeholder: "e.g., Standard Plan, Pro Tier"
         }
       ),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx42(
         FormTextarea,
         {
           form,
@@ -3339,12 +3460,12 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
           className: "min-h-24"
         }
       ),
-      /* @__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(
+      /* @__PURE__ */ jsx42(FormInput, { form, id: "token", name: "Token (optional)", placeholder: "Enter token value" }),
+      /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx42(Label, { children: "Features (optional)" }),
+        /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
+          form.watch("features").map((_, index) => /* @__PURE__ */ jsxs36("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx42(
               Input,
               {
                 ...form.register(`features.${index}`),
@@ -3352,7 +3473,7 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
                 className: "flex-1"
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx42(
               Button,
               {
                 type: "button",
@@ -3365,11 +3486,11 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
                     currentFeatures.filter((_2, i) => i !== index)
                   );
                 },
-                children: /* @__PURE__ */ jsx40(XIcon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx42(XIcon, { className: "h-4 w-4" })
               }
             )
           ] }, index)),
-          /* @__PURE__ */ jsxs35(
+          /* @__PURE__ */ jsxs36(
             Button,
             {
               type: "button",
@@ -3381,20 +3502,20 @@ function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
               },
               className: "mt-2",
               children: [
-                /* @__PURE__ */ jsx40(PlusIcon, { className: "h-4 w-4 mr-2" }),
+                /* @__PURE__ */ jsx42(PlusIcon, { className: "h-4 w-4 mr-2" }),
                 "Add 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) => {
+      isRecurring && allFeatures.length > 0 && /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx42(Label, { children: "Platform Features" }),
+        /* @__PURE__ */ jsx42("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__ */ jsxs35("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx40(
+          return /* @__PURE__ */ jsxs36("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ jsx42(
               "input",
               {
                 type: "checkbox",
@@ -3417,22 +3538,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__ */ jsxs35(
+            /* @__PURE__ */ jsxs36(
               "label",
               {
                 htmlFor: `feature-${feature.id}`,
                 className: `text-sm ${isCore ? "text-muted-foreground" : ""}`,
                 children: [
                   feature.name,
-                  isCore && /* @__PURE__ */ jsx40("span", { className: "ml-2 text-xs text-muted-foreground", children: "(Core - Required)" })
+                  isCore && /* @__PURE__ */ jsx42("span", { className: "ml-2 text-xs text-muted-foreground", children: "(Core - Required)" })
                 ]
               }
             )
           ] }, feature.id);
         }) })
       ] }),
-      /* @__PURE__ */ jsx40(FormCheckbox, { form, id: "active", name: "Active" }),
-      isRecurring && /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx42(FormCheckbox, { form, id: "active", name: "Active" }),
+      isRecurring && /* @__PURE__ */ jsx42(
         FormCheckbox,
         {
           form,
@@ -3441,7 +3562,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__ */ jsx40(CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
+      /* @__PURE__ */ jsx42(CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
     ] }) })
   ] }) });
 }
@@ -3449,17 +3570,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 useState16 } from "react";
-import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState18 } from "react";
+import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function PricesList({ productId, onPricesChange }) {
-  const [prices, setPrices] = useState16([]);
-  const [loading, setLoading] = useState16(true);
-  const [showCreatePrice, setShowCreatePrice] = useState16(false);
-  const [editingPrice, setEditingPrice] = useState16(null);
-  const [priceToArchive, setPriceToArchive] = useState16(null);
-  const [priceToReactivate, setPriceToReactivate] = useState16(null);
-  const [archivingPriceId, setArchivingPriceId] = useState16(null);
-  const [reactivatingPriceId, setReactivatingPriceId] = useState16(null);
+  const [prices, setPrices] = useState18([]);
+  const [loading, setLoading] = useState18(true);
+  const [showCreatePrice, setShowCreatePrice] = useState18(false);
+  const [editingPrice, setEditingPrice] = useState18(null);
+  const [priceToArchive, setPriceToArchive] = useState18(null);
+  const [priceToReactivate, setPriceToReactivate] = useState18(null);
+  const [archivingPriceId, setArchivingPriceId] = useState18(null);
+  const [reactivatingPriceId, setReactivatingPriceId] = useState18(null);
   const loadPrices = /* @__PURE__ */ __name(async () => {
     setLoading(true);
     try {
@@ -3522,27 +3643,27 @@ function PricesList({ productId, onPricesChange }) {
     return "";
   }, "formatInterval");
   if (loading) {
-    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__ */ jsx43("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground", children: "Loading prices..." }) });
   }
-  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" })
+  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx43("h4", { className: "text-lg font-semibold", children: "Prices" }),
+      /* @__PURE__ */ jsx43(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__ */ jsxs37("div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
+      /* @__PURE__ */ jsx43(DollarSign, { className: "text-muted-foreground h-12 w-12" }),
+      /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
+      /* @__PURE__ */ jsx43(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add 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) => {
+    prices.length > 0 && /* @__PURE__ */ jsx43("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__ */ 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(
+      return /* @__PURE__ */ jsxs37("div", { className: "border rounded-lg bg-white p-4 hover:shadow-sm transition-shadow", children: [
+        /* @__PURE__ */ jsxs37("div", { className: "flex items-start justify-between mb-3", children: [
+          /* @__PURE__ */ jsx43(DollarSign, { className: "h-5 w-5 text-primary" }),
+          /* @__PURE__ */ jsxs37("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx43(Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx43(Edit, { className: "h-4 w-4" }) }),
+            price.active ? /* @__PURE__ */ jsx43(
               Button,
               {
                 variant: "ghost",
@@ -3550,9 +3671,9 @@ function PricesList({ productId, onPricesChange }) {
                 onClick: () => setPriceToArchive(price),
                 className: "h-8 w-8 p-0",
                 disabled: isArchiving,
-                children: /* @__PURE__ */ jsx41(Archive, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx43(Archive, { className: "h-4 w-4" })
               }
-            ) : /* @__PURE__ */ jsx41(
+            ) : /* @__PURE__ */ jsx43(
               Button,
               {
                 variant: "ghost",
@@ -3560,25 +3681,25 @@ function PricesList({ productId, onPricesChange }) {
                 onClick: () => setPriceToReactivate(price),
                 className: "h-8 w-8 p-0",
                 disabled: isReactivating,
-                children: /* @__PURE__ */ jsx41(RotateCcw, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx43(RotateCcw, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx41("div", { className: "mb-2", children: /* @__PURE__ */ jsxs36("div", { className: "text-2xl font-bold", children: [
+        /* @__PURE__ */ jsx43("div", { className: "mb-2", children: /* @__PURE__ */ jsxs37("div", { className: "text-2xl font-bold", children: [
           formatCurrency(price.unitAmount, price.currency),
           " ",
-          /* @__PURE__ */ jsx41("span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
+          /* @__PURE__ */ jsx43("span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
         ] }) }),
-        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(Badge, { variant: "softGreen", children: "Active" }) : /* @__PURE__ */ jsx41(Badge, { variant: "softGray", children: "Inactive" }),
-          price.recurring?.usageType === "metered" && /* @__PURE__ */ jsx41(Badge, { variant: "softBlue", children: "Metered" }),
-          /* @__PURE__ */ jsx41(Badge, { variant: "softGray", className: "uppercase", children: price.currency })
+        price.metadata?.nickname && /* @__PURE__ */ jsx43("p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
+        /* @__PURE__ */ jsxs37("div", { className: "flex flex-wrap gap-2", children: [
+          price.active ? /* @__PURE__ */ jsx43(Badge, { variant: "softGreen", children: "Active" }) : /* @__PURE__ */ jsx43(Badge, { variant: "softGray", children: "Inactive" }),
+          price.recurring?.usageType === "metered" && /* @__PURE__ */ jsx43(Badge, { variant: "softBlue", children: "Metered" }),
+          /* @__PURE__ */ jsx43(Badge, { variant: "softGray", className: "uppercase", children: price.currency })
         ] })
       ] }, price.id);
     }) }),
-    showCreatePrice && /* @__PURE__ */ jsx41(
+    showCreatePrice && /* @__PURE__ */ jsx43(
       PriceEditor,
       {
         productId,
@@ -3590,7 +3711,7 @@ function PricesList({ productId, onPricesChange }) {
         }
       }
     ),
-    editingPrice && /* @__PURE__ */ jsx41(
+    editingPrice && /* @__PURE__ */ jsx43(
       PriceEditor,
       {
         productId,
@@ -3604,19 +3725,19 @@ function PricesList({ productId, onPricesChange }) {
         }
       }
     ),
-    /* @__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: [
+    /* @__PURE__ */ jsx43(AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ jsxs37(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs37(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Archive Price" }),
+        /* @__PURE__ */ jsxs37(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__ */ jsxs36(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx41(AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
-        /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsxs37(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx43(
           AlertDialogAction,
           {
             onClick: handleArchive,
@@ -3627,19 +3748,19 @@ function PricesList({ productId, onPricesChange }) {
         )
       ] })
     ] }) }),
-    /* @__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: [
+    /* @__PURE__ */ jsx43(AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ jsxs37(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs37(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Reactivate Price" }),
+        /* @__PURE__ */ jsxs37(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__ */ jsxs36(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx41(AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
-        /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsxs37(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx43(
           AlertDialogAction,
           {
             onClick: handleReactivate,
@@ -3656,91 +3777,19 @@ __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 useState19 } from "react";
-
-// src/features/billing/stripe-product/components/forms/ProductEditor.tsx
-import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
-import { useState as useState17 } from "react";
-import { useForm as useForm3 } from "react-hook-form";
-import { v4 as v43 } from "uuid";
-import { z as z3 } from "zod";
-import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
-function ProductEditor({ product, open, onOpenChange, onSuccess }) {
-  const [isSubmitting, setIsSubmitting] = useState17(false);
-  const formSchema2 = z3.object({
-    name: z3.string().min(1, { message: "Product name is required" }),
-    description: z3.string().min(1, { message: "Description is required" }),
-    active: z3.boolean()
-  });
-  const form = useForm3({
-    resolver: zodResolver3(formSchema2),
-    defaultValues: {
-      name: product?.name || "",
-      description: product?.description || "",
-      active: product?.active ?? true
-    }
-  });
-  const onSubmit = /* @__PURE__ */ __name(async (values) => {
-    setIsSubmitting(true);
-    try {
-      if (product) {
-        await StripeProductService.updateProduct({
-          id: product.id,
-          name: values.name,
-          description: values.description,
-          active: values.active
-        });
-      } else {
-        await StripeProductService.createProduct({
-          id: v43(),
-          name: values.name,
-          description: values.description,
-          active: values.active
-        });
-      }
-      onSuccess();
-      onOpenChange(false);
-    } catch (error) {
-      console.error("[ProductEditor] Failed to save product:", error);
-    } finally {
-      setIsSubmitting(false);
-    }
-  }, "onSubmit");
-  return /* @__PURE__ */ 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__ */ 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,
-          id: "description",
-          name: "Description",
-          placeholder: "Enter product description",
-          className: "min-h-32"
-        }
-      ),
-      /* @__PURE__ */ jsx42(FormCheckbox, { form, id: "active", name: "Active" }),
-      /* @__PURE__ */ jsx42(CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
-    ] }) })
-  ] }) });
-}
-__name(ProductEditor, "ProductEditor");
+import { useEffect as useEffect12, useState as useState20 } from "react";
 
 // src/features/billing/stripe-product/components/lists/ProductsList.tsx
 import { Archive as Archive2, ChevronDown, ChevronUp, Edit as Edit2, Package, RefreshCw as RefreshCw2 } from "lucide-react";
-import { useState as useState18 } from "react";
-import { jsx as jsx43, jsxs as jsxs38 } from "react/jsx-runtime";
+import { useState as useState19 } from "react";
+import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 function ProductsList({ products, onProductsChange }) {
-  const [expandedProductId, setExpandedProductId] = useState18(null);
-  const [editingProduct, setEditingProduct] = useState18(null);
-  const [archivingProductId, setArchivingProductId] = useState18(null);
-  const [reactivatingProductId, setReactivatingProductId] = useState18(null);
-  const [productToArchive, setProductToArchive] = useState18(null);
-  const [productToReactivate, setProductToReactivate] = useState18(null);
+  const [expandedProductId, setExpandedProductId] = useState19(null);
+  const [editingProduct, setEditingProduct] = useState19(null);
+  const [archivingProductId, setArchivingProductId] = useState19(null);
+  const [reactivatingProductId, setReactivatingProductId] = useState19(null);
+  const [productToArchive, setProductToArchive] = useState19(null);
+  const [productToReactivate, setProductToReactivate] = useState19(null);
   const handleArchive = /* @__PURE__ */ __name(async () => {
     if (!productToArchive) {
       return;
@@ -3781,18 +3830,18 @@ function ProductsList({ products, onProductsChange }) {
       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__ */ jsx44(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-sm font-medium", children: product.name }),
-                product.active ? /* @__PURE__ */ jsx43(Badge, { variant: "softGreen", children: "Active" }) : /* @__PURE__ */ jsx43(Badge, { variant: "softGray", children: "Inactive" })
+                /* @__PURE__ */ jsx44("h3", { className: "text-sm font-medium", children: product.name }),
+                product.active ? /* @__PURE__ */ jsx44(Badge, { variant: "softGreen", children: "Active" }) : /* @__PURE__ */ jsx44(Badge, { variant: "softGray", children: "Inactive" })
               ] }),
-              product.description && /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground text-sm mt-1", children: product.description })
+              product.description && /* @__PURE__ */ jsx44("p", { className: "text-muted-foreground text-sm mt-1", children: product.description })
             ] })
           ] }),
           /* @__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" }),
+              /* @__PURE__ */ jsx44(Edit2, { className: "h-4 w-4 mr-1" }),
               "Edit"
             ] }),
             product.active ? /* @__PURE__ */ jsxs38(
@@ -3803,7 +3852,7 @@ function ProductsList({ products, onProductsChange }) {
                 onClick: () => setProductToArchive(product),
                 disabled: isArchiving,
                 children: [
-                  /* @__PURE__ */ jsx43(Archive2, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx44(Archive2, { className: "h-4 w-4 mr-1" }),
                   isArchiving ? "Archiving..." : "Archive"
                 ]
               }
@@ -3815,18 +3864,18 @@ function ProductsList({ products, onProductsChange }) {
                 onClick: () => setProductToReactivate(product),
                 disabled: isReactivating,
                 children: [
-                  /* @__PURE__ */ jsx43(RefreshCw2, { className: "h-4 w-4 mr-1" }),
+                  /* @__PURE__ */ jsx44(RefreshCw2, { className: "h-4 w-4 mr-1" }),
                   isReactivating ? "Reactivating..." : "Reactivate"
                 ]
               }
             ),
-            /* @__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" }) })
+            /* @__PURE__ */ jsx44(Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ jsx44(ChevronUp, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx44(ChevronDown, { className: "h-5 w-5" }) })
           ] })
         ] }),
-        isExpanded && /* @__PURE__ */ jsx43("div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ jsx43(PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
+        isExpanded && /* @__PURE__ */ jsx44("div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ jsx44(PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
       ] }, product.id);
     }),
-    editingProduct && /* @__PURE__ */ jsx43(
+    editingProduct && /* @__PURE__ */ jsx44(
       ProductEditor,
       {
         product: editingProduct,
@@ -3838,9 +3887,9 @@ function ProductsList({ products, onProductsChange }) {
         }
       }
     ),
-    /* @__PURE__ */ jsx43(AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsx44(AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
       /* @__PURE__ */ jsxs38(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Archive Product" }),
+        /* @__PURE__ */ jsx44(AlertDialogTitle, { children: "Archive Product" }),
         /* @__PURE__ */ jsxs38(AlertDialogDescription, { children: [
           'Are you sure you want to archive "',
           productToArchive?.name,
@@ -3848,8 +3897,8 @@ function ProductsList({ products, onProductsChange }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs38(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx44(
           AlertDialogAction,
           {
             onClick: handleArchive,
@@ -3860,9 +3909,9 @@ function ProductsList({ products, onProductsChange }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx43(AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsx44(AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ jsxs38(AlertDialogContent, { children: [
       /* @__PURE__ */ jsxs38(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogTitle, { children: "Reactivate Product" }),
+        /* @__PURE__ */ jsx44(AlertDialogTitle, { children: "Reactivate Product" }),
         /* @__PURE__ */ jsxs38(AlertDialogDescription, { children: [
           'Are you sure you want to reactivate "',
           productToReactivate?.name,
@@ -3870,8 +3919,8 @@ function ProductsList({ products, onProductsChange }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs38(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx43(AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx44(
           AlertDialogAction,
           {
             onClick: handleReactivate,
@@ -3887,14 +3936,15 @@ function ProductsList({ products, onProductsChange }) {
 __name(ProductsList, "ProductsList");
 
 // src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
-import { jsx as jsx44, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
 function ProductsAdminContainer() {
   const { hasRole } = useCurrentUserContext();
-  const [products, setProducts] = useState19([]);
-  const [loading, setLoading] = useState19(true);
-  const [showCreateProduct, setShowCreateProduct] = useState19(false);
+  const billing = useOptionalBillingContext();
+  const [products, setProducts] = useState20([]);
+  const [loading, setLoading] = useState20(true);
+  const [showCreateProduct, setShowCreateProduct] = useState20(false);
   if (!hasRole(getRoleId().Administrator)) {
-    return /* @__PURE__ */ jsx44("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx44("p", { className: "text-destructive text-xs/relaxed", children: "Permission denied. Administrator access required." }) });
+    return /* @__PURE__ */ jsx45("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx45("p", { className: "text-destructive text-xs/relaxed", children: "Permission denied. Administrator access required." }) });
   }
   const loadProducts = /* @__PURE__ */ __name(async () => {
     setLoading(true);
@@ -3909,35 +3959,39 @@ function ProductsAdminContainer() {
   }, "loadProducts");
   useEffect12(() => {
     loadProducts();
-  }, []);
+  }, [billing?.refreshToken]);
   if (loading) {
-    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__ */ jsx45("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx45("p", { className: "text-muted-foreground", children: "Loading products..." }) });
   }
-  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-primary text-3xl font-semibold", children: "Product & Price Management" })
+  return /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col", children: [
+    !billing && /* @__PURE__ */ jsx45("div", { className: "flex w-full items-center justify-end px-4 pt-4", children: /* @__PURE__ */ jsx45(Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" }) }),
+    /* @__PURE__ */ jsxs39("div", { className: "flex w-full flex-col gap-y-6 px-4 pb-4", children: [
+      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__ */ jsx45(Package2, { className: "text-muted-foreground h-16 w-16" }),
+        /* @__PURE__ */ jsxs39("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx45("h3", { className: "mb-2 text-sm font-medium", children: "No products yet" }),
+          /* @__PURE__ */ jsx45("p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
+          /* @__PURE__ */ jsx45(Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
+        ] })
       ] }),
-      /* @__PURE__ */ jsx44(Button, { onClick: () => setShowCreateProduct(true), children: "Create 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-sm font-medium", 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__ */ jsx44(ProductsList, { products, onProductsChange: loadProducts }),
-    showCreateProduct && /* @__PURE__ */ jsx44(ProductEditor, { open: showCreateProduct, onOpenChange: setShowCreateProduct, onSuccess: loadProducts })
+      products.length > 0 && /* @__PURE__ */ jsx45(ProductsList, { products, onProductsChange: loadProducts }),
+      showCreateProduct && /* @__PURE__ */ jsx45(ProductEditor, { open: showCreateProduct, onOpenChange: setShowCreateProduct, onSuccess: loadProducts })
+    ] })
   ] });
 }
 __name(ProductsAdminContainer, "ProductsAdminContainer");
+
+// src/features/billing/stripe-product/components/containers/ProductsAdminPageContainer.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+function ProductsAdminPageContainer() {
+  return /* @__PURE__ */ jsx46(BillingProvider, { children: /* @__PURE__ */ jsx46(RoundPageContainer, { module: Modules.StripeProduct, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsx46(ProductsAdminContainer, {}) }) });
+}
+__name(ProductsAdminPageContainer, "ProductsAdminPageContainer");
 export {
   BillingAlertBanner,
   BillingDashboardContainer,
   BillingDetailModal,
+  BillingProvider,
   BillingUsageSummaryCard,
   CancelSubscriptionDialog,
   CustomerInfoCard,
@@ -3960,6 +4014,7 @@ export {
   ProductPricingList,
   ProductPricingRow,
   ProductsAdminContainer,
+  ProductsAdminPageContainer,
   ProductsList,
   PromoCodeInput,
   ProrationPreview,
@@ -3977,6 +4032,8 @@ export {
   formatCurrency,
   formatDate3 as formatDate,
   formatInterval,
-  isStripeConfigured
+  isStripeConfigured,
+  useBillingContext,
+  useOptionalBillingContext
 };
 //# sourceMappingURL=index.mjs.map