@carlonicora/nextjs-jsonapi 1.14.0 → 1.16.0

package/dist/{chunk-2FCG3K64.mjs → chunk-5RAUCUAA.mjs}

@@ -1,7 +1,9 @@
 import {
   getApiUrl,
   getAppUrl,
+  getI18nLink,
   getRoleId,
+  getStripePublishableKey,
   getTrackablePages,
   isDiscordConfigured,
   isInternalAuthConfigured,
@@ -9,7 +11,7 @@ import {
   useI18nLocale,
   useI18nRouter,
   useI18nTranslations
-} from "./chunk-SJIVGCNM.mjs";
+} from "./chunk-POKIJ56Q.mjs";
 import {
   AuthService,
   ClientAbstractService,
@@ -22,6 +24,12 @@ import {
   RehydrationFactory,
   RoleService,
   S3Service,
+  StripeCustomerService,
+  StripeInvoiceService,
+  StripePriceService,
+  StripeProductService,
+  StripeSubscriptionService,
+  StripeUsageService,
   UserService,
   checkPermissions,
   cn,
@@ -30,7 +38,7 @@ import {
   rehydrate,
   useComposedRefs,
   useIsMobile
-} from "./chunk-A333VMBO.mjs";
+} from "./chunk-BCQSE3EU.mjs";
 import {
   __name
 } from "./chunk-PAWJFY3S.mjs";
@@ -4792,11 +4800,11 @@ function KanbanOverlay(props) {
 __name(KanbanOverlay, "KanbanOverlay");
 
 // src/shadcnui/custom/link.tsx
-import NextLink from "next/link";
 import * as React33 from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
-var Link2 = React33.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx46(NextLink, { ref, className: cn(`font-medium`, className), ...props });
+var Link2 = React33.forwardRef(({ className, href, children, ...props }, ref) => {
+  const NextIntlLink = getI18nLink();
+  return /* @__PURE__ */ jsx46(NextIntlLink, { prefetch: false, ref, href, className: cn(`font-medium`, className), ...props, children });
 });
 Link2.displayName = "Link";
 
@@ -5175,7 +5183,7 @@ function UserEditorInternal({ user, propagateChanges, adminCreated, trigger, onR
   useEffect9(() => {
     if (!companyFromContext && userCompany) setCompany(userCompany);
   }, [company]);
-  const formSchema = z.object({
+  const formSchema2 = z.object({
     id: z.uuidv4(),
     name: z.string().min(1, { message: t(`foundations.user.fields.name.error`) }),
     email: z.string().min(1, { message: t(`generic.fields.email.error`) }),
@@ -5188,7 +5196,7 @@ function UserEditorInternal({ user, propagateChanges, adminCreated, trigger, onR
     avatar: z.string().optional()
   });
   const form = useForm({
-    resolver: zodResolver(formSchema),
+    resolver: zodResolver(formSchema2),
     defaultValues: {
       id: user?.id || v4(),
       name: user?.name || "",
@@ -6331,12 +6339,12 @@ function CompanyConfigurationEditorInternal({ company }) {
     setOpen(false);
     form.reset();
   }, "close");
-  const formSchema = z2.object({
+  const formSchema2 = z2.object({
     isManagedKnowledge: z2.boolean().optional(),
     allowPublicBot: z2.boolean().optional()
   });
   const form = useForm2({
-    resolver: zodResolver2(formSchema),
+    resolver: zodResolver2(formSchema2),
     defaultValues,
     shouldUnregister: false
   });
@@ -6510,7 +6518,7 @@ function CompanyEditorInternal({ company, propagateChanges, onRevalidate }) {
   const [contentType, setContentType] = useState16(null);
   const t = useTranslations22();
   const generateUrl = usePageUrlGenerator();
-  const formSchema = z3.object({
+  const formSchema2 = z3.object({
     id: z3.uuidv4(),
     name: z3.string().min(1, {
       message: t(`foundations.company.fields.name.error`)
@@ -6520,7 +6528,7 @@ function CompanyEditorInternal({ company, propagateChanges, onRevalidate }) {
     logo: z3.string().optional()
   });
   const form = useForm3({
-    resolver: zodResolver3(formSchema),
+    resolver: zodResolver3(formSchema2),
     defaultValues: {
       id: company?.id || v42(),
       name: company?.name || "",
@@ -6574,7 +6582,7 @@ function CompanyEditorInternal({ company, propagateChanges, onRevalidate }) {
       if (hasRole(getRoleId().Administrator)) {
         setFeatures(allfeatures);
       } else {
-        setFeatures(allfeatures.filter((feature) => feature.isProduction));
+        setFeatures(allfeatures.filter((feature) => feature.isCore));
       }
     }
     __name(fetchFeatures, "fetchFeatures");
@@ -6735,7 +6743,6 @@ var CompanyProvider = /* @__PURE__ */ __name(({ children, dehydratedCompany }) =
     if (company && hasRole(getRoleId().Administrator) && hasPermissionToModule({ module: Modules.Company, action: "delete" /* Delete */ }))
       functions.push(/* @__PURE__ */ jsx79(CompanyDeleter, { company }, "companyDeleter"));
     if (hasRole(getRoleId().Administrator) || hasPermissionToModule({ module: Modules.Company, action: "update" /* Update */ })) {
-      if (company) functions.push(/* @__PURE__ */ jsx79(CompanyConfigurationEditor, { company }, "companyConfigurationEditor"));
       functions.push(/* @__PURE__ */ jsx79(CompanyEditor, { company, propagateChanges: setCompany }, "companyEditor"));
     }
     if (functions.length > 0) response.functions = functions;
@@ -7664,7 +7671,7 @@ __name(AllowedUsersDetails, "AllowedUsersDetails");
 import dynamic from "next/dynamic";
 import React38 from "react";
 import { jsx as jsx97 } from "react/jsx-runtime";
-var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-436ZHDY3.mjs"), {
+var BlockNoteEditor = dynamic(() => import("./BlockNoteEditor-HFX7Z5BQ.mjs"), {
   ssr: false
 });
 var BlockNoteEditorContainer = React38.memo(/* @__PURE__ */ __name(function EditorContainer(props) {
@@ -7951,7 +7958,7 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
     () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
     [locale]
   );
-  const formatDate = /* @__PURE__ */ __name((date) => dateFormatter.format(date), "formatDate");
+  const formatDate5 = /* @__PURE__ */ __name((date) => dateFormatter.format(date), "formatDate");
   const datePlaceholder = useMemo7(() => {
     const parts = dateFormatter.formatToParts(new Date(2e3, 0, 1));
     return parts.map((part) => {
@@ -7970,7 +7977,7 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
       return part.value;
     }).join("");
   }, [dateFormatter]);
-  const [inputValue, setInputValue] = useState28(() => value ? formatDate(value) : "");
+  const [inputValue, setInputValue] = useState28(() => value ? formatDate5(value) : "");
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const yearOptions = Array.from({ length: currentYear - 1900 + 11 }, (_, i) => 1900 + i);
   const monthNames = useMemo7(() => {
@@ -7993,7 +8000,7 @@ var DatePickerPopover = /* @__PURE__ */ __name(({
   const handleCalendarSelect = /* @__PURE__ */ __name((selectedDate) => {
     onSelect(selectedDate);
     if (selectedDate) {
-      setInputValue(formatDate(selectedDate));
+      setInputValue(formatDate5(selectedDate));
       setDisplayMonth(selectedDate);
     } else {
       setInputValue("");
@@ -8528,7 +8535,7 @@ function FormDate({
     () => new Intl.DateTimeFormat(locale, { day: "2-digit", month: "2-digit", year: "numeric" }),
     [locale]
   );
-  const formatDate = /* @__PURE__ */ __name((date) => dateFormatter.format(date), "formatDate");
+  const formatDate5 = /* @__PURE__ */ __name((date) => dateFormatter.format(date), "formatDate");
   const datePlaceholder = useMemo8(() => {
     const parts = dateFormatter.formatToParts(new Date(2e3, 0, 1));
     return parts.map((part) => {
@@ -8549,7 +8556,7 @@ function FormDate({
   }, [dateFormatter]);
   const [inputValue, setInputValue] = useState31(() => {
     const currentValue = form.getValues(id);
-    return currentValue ? formatDate(currentValue) : "";
+    return currentValue ? formatDate5(currentValue) : "";
   });
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const yearOptions = Array.from({ length: currentYear - 1900 + 1 }, (_, i) => 1900 + i);
@@ -8575,7 +8582,7 @@ function FormDate({
   const handleCalendarSelect = /* @__PURE__ */ __name((selectedDate, field) => {
     field.onChange(selectedDate);
     if (selectedDate) {
-      setInputValue(formatDate(selectedDate));
+      setInputValue(formatDate5(selectedDate));
       setDisplayMonth(selectedDate);
     } else {
       setInputValue("");
@@ -8712,7 +8719,7 @@ function FormDateTime({
     }),
     [locale]
   );
-  const formatDateTime = /* @__PURE__ */ __name((date) => dateTimeFormatter.format(date), "formatDateTime");
+  const formatDateTime2 = /* @__PURE__ */ __name((date) => dateTimeFormatter.format(date), "formatDateTime");
   const [selectedHours, setSelectedHours] = useState32((/* @__PURE__ */ new Date()).getHours());
   const [selectedMinutes, setSelectedMinutes] = useState32(roundToNearestFiveMinutes((/* @__PURE__ */ new Date()).getMinutes()));
   const hoursOptions = Array.from({ length: 24 }, (_, i) => {
@@ -8758,7 +8765,7 @@ function FormDateTime({
                 variant: "outline",
                 className: cn("w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground"),
                 children: [
-                  field.value ? formatDateTime(field.value) : /* @__PURE__ */ jsx110("span", { children: t(`generic.pick_date_time`) }),
+                  field.value ? formatDateTime2(field.value) : /* @__PURE__ */ jsx110("span", { children: t(`generic.pick_date_time`) }),
                   /* @__PURE__ */ jsx110(CalendarIcon4, { className: "ml-auto h-4 w-4 opacity-50" })
                 ]
               }
@@ -9371,118 +9378,35 @@ var dropzone = {
 
 // src/features/feature/components/forms/FormFeatures.tsx
 import { jsx as jsx120, jsxs as jsxs72 } from "react/jsx-runtime";
-function FormFeatures({
-  form,
-  name,
-  features,
-  featureField = "featureIds",
-  moduleField = "moduleIds"
-}) {
+function FormFeatures({ form, name, features, featureField = "featureIds" }) {
   const selectedFeatures = form.watch(featureField);
-  const selectedModules = form.watch(moduleField);
   const toggleFeature = /* @__PURE__ */ __name((feature, checked) => {
     let newFeatureIds = [...selectedFeatures];
-    let newModuleIds = [...selectedModules];
     if (checked) {
       if (!newFeatureIds.includes(feature.id)) {
         newFeatureIds.push(feature.id);
       }
-      feature.modules.forEach((module) => {
-        if (!newModuleIds.includes(module.id)) {
-          newModuleIds.push(module.id);
-        }
-      });
     } else {
       newFeatureIds = newFeatureIds.filter((id) => id !== feature.id);
-      feature.modules.forEach((module) => {
-        newModuleIds = newModuleIds.filter((id) => id !== module.id);
-      });
     }
     form.setValue(featureField, newFeatureIds);
-    form.setValue(moduleField, newModuleIds);
   }, "toggleFeature");
-  const toggleModule = /* @__PURE__ */ __name((feature, module, checked) => {
-    const modulesForFeature = feature.modules.map((m) => m.id);
-    let newModuleIds = [...selectedModules];
-    if (checked) {
-      if (!selectedFeatures.includes(feature.id)) {
-        newModuleIds = newModuleIds.filter((id) => !modulesForFeature.includes(id));
-        newModuleIds.push(module.id);
-        form.setValue(featureField, [...selectedFeatures, feature.id]);
-      } else {
-        if (!newModuleIds.includes(module.id)) {
-          newModuleIds.push(module.id);
-        }
-      }
-    } else {
-      newModuleIds = newModuleIds.filter((id) => id !== module.id);
-      const remaining = feature.modules.filter((m) => newModuleIds.includes(m.id));
-      if (remaining.length === 0) {
-        form.setValue(
-          featureField,
-          selectedFeatures.filter((id) => id !== feature.id)
-        );
-      }
-    }
-    form.setValue(moduleField, newModuleIds);
-  }, "toggleModule");
-  const isFeatureChecked = /* @__PURE__ */ __name((feature) => selectedFeatures.includes(feature.id) || feature.modules.every((module) => selectedModules.includes(module.id)), "isFeatureChecked");
+  const isFeatureChecked = /* @__PURE__ */ __name((feature) => selectedFeatures.includes(feature.id), "isFeatureChecked");
   return /* @__PURE__ */ jsxs72("div", { className: "flex w-full flex-col", children: [
-    name && /* @__PURE__ */ jsx120("h2", { className: "mb-5 font-semibold", children: name }),
-    features.map((feature) => /* @__PURE__ */ jsx120(
-      Accordion,
-      {
-        type: "single",
-        collapsible: true,
-        className: `w-full p-0`,
-        children: /* @__PURE__ */ jsxs72(AccordionItem, { value: feature.id, className: "p-0", children: [
-          /* @__PURE__ */ jsxs72(
-            "div",
-            {
-              className: `flex items-center justify-between p-0 ${feature.modules.filter((module) => !module.isCore).length === 0 ? "py-4" : ""}`,
-              children: [
-                /* @__PURE__ */ jsxs72("div", { className: "flex items-center", onClick: (e) => e.stopPropagation(), children: [
-                  /* @__PURE__ */ jsx120(
-                    Checkbox,
-                    {
-                      id: feature.id,
-                      checked: isFeatureChecked(feature),
-                      onCheckedChange: (val) => {
-                        toggleFeature(feature, val === true);
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx120(FormLabel, { htmlFor: feature.id, className: "ml-3 cursor-pointer font-normal", children: feature.name })
-                ] }),
-                feature.modules.filter((module) => !module.isCore).length > 0 && /* @__PURE__ */ jsx120(AccordionTrigger, { asChild: true, children: /* @__PURE__ */ jsx120("div", { className: "w-full" }) })
-              ]
-            }
-          ),
-          feature.modules.filter((module) => !module.isCore).length > 0 && /* @__PURE__ */ jsx120(AccordionContent, { className: "pl-6", children: feature.modules.filter((module) => !module.isCore).sort((a, b) => a.name.localeCompare(b.name)).map((module) => /* @__PURE__ */ jsxs72(
-            "div",
-            {
-              className: "flex items-center border-t py-2",
-              onClick: (e) => e.stopPropagation(),
-              children: [
-                /* @__PURE__ */ jsx120(
-                  Checkbox,
-                  {
-                    id: module.id,
-                    checked: selectedModules.includes(module.id),
-                    onCheckedChange: (val) => {
-                      toggleModule(feature, module, val === true);
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx120(FormLabel, { htmlFor: module.id, className: "ml-3 cursor-pointer font-normal", children: module.name })
-              ]
-            },
-            module.id
-          )) })
-        ] })
-      },
-      feature.id
-    )),
+    name && /* @__PURE__ */ jsx120("h2", { className: "mb-4 border-b text-lg font-semibold", children: name }),
+    /* @__PURE__ */ jsx120(ScrollArea, { className: "h-[40vh]", children: /* @__PURE__ */ jsx120("div", { className: "flex flex-col gap-y-2 pr-4", children: features.filter((feature) => !feature.isCore).map((feature) => /* @__PURE__ */ jsxs72("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsx120(
+        Checkbox,
+        {
+          id: feature.id,
+          checked: isFeatureChecked(feature),
+          onCheckedChange: (val) => {
+            toggleFeature(feature, val === true);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx120(FormLabel, { htmlFor: feature.id, className: "ml-3 cursor-pointer font-normal", children: feature.name })
+    ] }, feature.id)) }) }),
     /* @__PURE__ */ jsx120(FormMessage, {})
   ] });
 }
@@ -9688,7 +9612,7 @@ function useJsonApiGet(params) {
     setLoading(true);
     setError(null);
     try {
-      const { JsonApiGet } = await import("./JsonApiRequest-HFWXMKMA.mjs");
+      const { JsonApiGet } = await import("./JsonApiRequest-6IPS3DZJ.mjs");
       const language = navigator.language.split("-")[0] || "en";
       const apiResponse = await JsonApiGet({
         classKey: params.classKey,
@@ -9793,7 +9717,7 @@ function useJsonApiMutation(config) {
       setLoading(true);
       setError(null);
       try {
-        const { JsonApiPost, JsonApiPut, JsonApiPatch, JsonApiDelete } = await import("./JsonApiRequest-HFWXMKMA.mjs");
+        const { JsonApiPost, JsonApiPut, JsonApiPatch, JsonApiDelete } = await import("./JsonApiRequest-6IPS3DZJ.mjs");
         const language = navigator.language.split("-")[0] || "en";
         let apiResponse;
         switch (config.method) {
@@ -10455,7 +10379,7 @@ function Register() {
   const t = useTranslations46();
   const { setComponentType } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState42(false);
-  const formSchema = z5.object({
+  const formSchema2 = z5.object({
     company: z5.string().min(1, {
       message: t(`generic.errors.missing_company_name`)
     }),
@@ -10470,7 +10394,7 @@ function Register() {
     })
   });
   const form = useForm5({
-    resolver: zodResolver5(formSchema),
+    resolver: zodResolver5(formSchema2),
     defaultValues: {
       company: "",
       name: "",
@@ -10701,7 +10625,7 @@ function AcceptInvitation() {
       setError(t(`foundations.auth.errors.invalid_invitation_code`));
     }
   }, []);
-  const formSchema = z6.object({
+  const formSchema2 = z6.object({
     password: z6.string().min(1, {
       message: t(`foundations.user.fields.password.error`)
     }),
@@ -10713,7 +10637,7 @@ function AcceptInvitation() {
     path: ["passwordRetype"]
   });
   const form = useForm6({
-    resolver: zodResolver6(formSchema),
+    resolver: zodResolver6(formSchema2),
     defaultValues: {
       password: "",
       passwordRetype: ""
@@ -10860,13 +10784,13 @@ function ForgotPassword() {
   const t = useTranslations50();
   const { setComponentType } = useAuthContext();
   const [showConfirmation, setShowConfirmation] = useState47(false);
-  const formSchema = z7.object({
+  const formSchema2 = z7.object({
     email: z7.string().email({
       message: t(`generic.errors.invalid_email`)
     })
   });
   const form = useForm7({
-    resolver: zodResolver7(formSchema),
+    resolver: zodResolver7(formSchema2),
     defaultValues: {
       email: ""
     }
@@ -10932,14 +10856,14 @@ function Login() {
   const { setComponentType } = useAuthContext();
   const generateUrl = usePageUrlGenerator();
   const router = useI18nRouter();
-  const formSchema = z8.object({
+  const formSchema2 = z8.object({
     email: z8.string().email({
       message: t(`generic.errors.invalid_email`)
     }),
     password: z8.string().min(3, { message: t(`foundations.auth.errors.password_too_short`) })
   });
   const form = useForm8({
-    resolver: zodResolver8(formSchema),
+    resolver: zodResolver8(formSchema2),
     defaultValues: {
       email: "",
       password: ""
@@ -11099,7 +11023,7 @@ function ResetPassword() {
       setError(t(`foundations.auth.errors.invalid_password_reset_code`));
     }
   }, []);
-  const formSchema = z9.object({
+  const formSchema2 = z9.object({
     password: z9.string().min(1, {
       message: t(`foundations.user.fields.password.error`)
     }),
@@ -11111,7 +11035,7 @@ function ResetPassword() {
     path: ["passwordRetype"]
   });
   const form = useForm9({
-    resolver: zodResolver9(formSchema),
+    resolver: zodResolver9(formSchema2),
     defaultValues: {
       password: "",
       passwordRetype: ""
@@ -11154,217 +11078,3580 @@ function ResetPassword() {
 }
 __name(ResetPassword, "ResetPassword");
 
-// src/features/content/components/lists/ContentsList.tsx
-import { useTranslations as useTranslations53 } from "next-intl";
+// src/features/billing/components/cards/SubscriptionSummaryCard.tsx
+import { ChevronRight, CreditCard } from "lucide-react";
 import { jsx as jsx144, jsxs as jsxs86 } from "react/jsx-runtime";
-function ContentsList({ contentList }) {
-  const t = useTranslations53();
-  return /* @__PURE__ */ jsxs86("div", { className: "flex min-h-0 w-full flex-col overflow-y-auto", children: [
-    /* @__PURE__ */ jsx144("h2", { className: "text-xl font-semibold", children: t(`foundations.content.news`) }),
-    /* @__PURE__ */ jsx144("div", { className: "flex flex-col", children: contentList.map((content) => /* @__PURE__ */ jsx144(ContentsListElement, { content }, content.id)) })
-  ] });
-}
-__name(ContentsList, "ContentsList");
-function ContentsListElement({ content }) {
-  const generateUrl = usePageUrlGenerator();
-  const contentModule = content.contentType ? Modules.findByModelName(content.contentType) : void 0;
-  const link = contentModule ? generateUrl({ page: contentModule, id: content.id }) : "#";
-  return /* @__PURE__ */ jsx144("div", { className: "hover:bg-muted flex w-full flex-col gap-y-2 border-b p-2 py-4", children: /* @__PURE__ */ jsxs86("div", { className: "flex w-full justify-between gap-x-2", children: [
-    /* @__PURE__ */ jsxs86(HoverCard, { children: [
-      /* @__PURE__ */ jsx144(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs86(Link2, { href: link, className: "flex w-full items-center justify-start gap-2 font-semibold", children: [
-        contentModule && getIconByModule({ module: contentModule, className: "h-4 w-4" }),
-        content.name
-      ] }) }),
-      /* @__PURE__ */ jsxs86(HoverCardContent, { className: "flex max-h-96 w-96 flex-col gap-y-4 overflow-y-auto", children: [
-        /* @__PURE__ */ jsx144(Link2, { href: link, className: "font-semibold", children: content.name }),
-        /* @__PURE__ */ jsx144("div", { className: "text-xs", children: content.abstract })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx144(ContributorsList, { content })
-  ] }) });
-}
-__name(ContentsListElement, "ContentsListElement");
-
-// src/features/content/components/lists/ContentsListById.tsx
-import { useTranslations as useTranslations54 } from "next-intl";
-import { jsx as jsx145 } from "react/jsx-runtime";
-function ContentsListById({ contentIds }) {
-  const t = useTranslations54();
-  const data = useDataListRetriever({
-    module: Modules.Content,
-    retriever: /* @__PURE__ */ __name((params) => ContentService.findMany(params), "retriever"),
-    retrieverParams: { contentIds }
+function getStatusBadgeVariant(status) {
+  switch (status) {
+    case "active" /* ACTIVE */:
+      return "default";
+    case "trialing" /* TRIALING */:
+      return "secondary";
+    case "past_due" /* PAST_DUE */:
+    case "unpaid" /* UNPAID */:
+    case "canceled" /* CANCELED */:
+      return "destructive";
+    default:
+      return "outline";
+  }
+}
+__name(getStatusBadgeVariant, "getStatusBadgeVariant");
+function formatDate(date) {
+  return new Date(date).toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
   });
-  return /* @__PURE__ */ jsx145(
-    ContentListTable,
-    {
-      data,
-      fields: ["name" /* name */, "authors" /* authors */, "updatedAt" /* updatedAt */],
-      tableGeneratorType: Modules.Content,
-      title: t(`generic.relevant`)
-    }
-  );
 }
-__name(ContentsListById, "ContentsListById");
-
-// src/features/content/components/lists/RelevantContentsList.tsx
-import { useTranslations as useTranslations55 } from "next-intl";
-import { jsx as jsx146 } from "react/jsx-runtime";
-function RelevantContentsList({ id }) {
-  const t = useTranslations55();
-  const data = useDataListRetriever({
-    module: Modules.Content,
-    retriever: /* @__PURE__ */ __name((params) => ContentService.findRelevant(params), "retriever"),
-    retrieverParams: { id }
-  });
-  return /* @__PURE__ */ jsx146(
-    ContentListTable,
-    {
-      data,
-      fields: ["name" /* name */, "authors" /* authors */, "relevance" /* relevance */, "updatedAt" /* updatedAt */],
-      tableGeneratorType: Modules.Content,
-      title: t(`generic.relevant`)
-    }
+__name(formatDate, "formatDate");
+function formatPrice(amount, currency) {
+  if (amount === void 0) return "N/A";
+  const currencyCode = currency?.toUpperCase() || "USD";
+  return new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: currencyCode
+  }).format(amount / 100);
+}
+__name(formatPrice, "formatPrice");
+function formatPlanName(subscription) {
+  const productName = subscription.price?.product?.name || "";
+  const nickname = subscription.price?.nickname || "";
+  if (productName && nickname) {
+    return `${productName} - ${nickname}`;
+  }
+  return productName || nickname || "Subscription";
+}
+__name(formatPlanName, "formatPlanName");
+function SubscriptionSummaryCard({
+  subscriptions,
+  loading,
+  error,
+  onManageClick
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs86(Card, { children: [
+      /* @__PURE__ */ jsxs86(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx144(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+        /* @__PURE__ */ jsx144(CreditCard, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs86(CardContent, { children: [
+        /* @__PURE__ */ jsx144(Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ jsx144(Skeleton, { className: "h-4 w-24 mb-1" }),
+        /* @__PURE__ */ jsx144(Skeleton, { className: "h-4 w-40" })
+      ] })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs86(Card, { children: [
+      /* @__PURE__ */ jsxs86(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx144(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+        /* @__PURE__ */ jsx144(CreditCard, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx144(CardContent, { children: /* @__PURE__ */ jsx144("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
+  }
+  const activeSubscriptions = subscriptions.filter(
+    (sub) => sub.status === "active" /* ACTIVE */ || sub.status === "trialing" /* TRIALING */
   );
+  const primarySubscription = activeSubscriptions[0];
+  return /* @__PURE__ */ jsxs86(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ jsxs86(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx144(CardTitle, { className: "text-sm font-medium", children: "Subscriptions" }),
+      /* @__PURE__ */ jsx144(CreditCard, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx144(CardContent, { children: subscriptions.length === 0 ? /* @__PURE__ */ jsxs86("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx144("p", { className: "text-xl font-bold text-muted-foreground", children: "No active plan" }),
+      /* @__PURE__ */ jsx144("p", { className: "text-xs text-muted-foreground", children: "Subscribe to get started" }),
+      /* @__PURE__ */ jsxs86(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "mt-2",
+          onClick: (e) => {
+            e.stopPropagation();
+            onManageClick();
+          },
+          children: [
+            "View Plans",
+            /* @__PURE__ */ jsx144(ChevronRight, { className: "h-4 w-4 ml-1" })
+          ]
+        }
+      )
+    ] }) : primarySubscription ? /* @__PURE__ */ jsxs86("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs86("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx144("p", { className: "text-xl font-bold", children: formatPlanName(primarySubscription) }),
+        /* @__PURE__ */ jsx144(Badge, { variant: primarySubscription.cancelAtPeriodEnd ? "secondary" : getStatusBadgeVariant(primarySubscription.status), children: primarySubscription.cancelAtPeriodEnd ? "Canceling" : primarySubscription.status })
+      ] }),
+      /* @__PURE__ */ jsxs86("p", { className: "text-sm text-muted-foreground", children: [
+        formatPrice(primarySubscription.price?.unitAmount, primarySubscription.price?.currency),
+        primarySubscription.price?.recurring && /* @__PURE__ */ jsxs86("span", { children: [
+          "/",
+          primarySubscription.price.recurring.interval
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx144("p", { className: "text-xs text-muted-foreground", children: primarySubscription.cancelAtPeriodEnd ? `Cancels on ${formatDate(primarySubscription.currentPeriodEnd)}` : `Renews on ${formatDate(primarySubscription.currentPeriodEnd)}` }),
+      activeSubscriptions.length > 1 && /* @__PURE__ */ jsxs86("p", { className: "text-xs text-muted-foreground", children: [
+        "+",
+        activeSubscriptions.length - 1,
+        " more subscription(s)"
+      ] })
+    ] }) : null })
+  ] });
 }
-__name(RelevantContentsList, "RelevantContentsList");
-
-// src/features/notification/components/common/NotificationErrorBoundary.tsx
-import { Component } from "react";
-import { jsx as jsx147, jsxs as jsxs87 } from "react/jsx-runtime";
-var NotificationErrorBoundary = class extends Component {
-  static {
-    __name(this, "NotificationErrorBoundary");
+__name(SubscriptionSummaryCard, "SubscriptionSummaryCard");
+
+// src/features/billing/components/cards/PaymentMethodSummaryCard.tsx
+import { Wallet, ChevronRight as ChevronRight2 } from "lucide-react";
+import { jsx as jsx145, jsxs as jsxs87 } from "react/jsx-runtime";
+function getCardBrandIcon(brand) {
+  const brandMap = {
+    visa: "Visa",
+    mastercard: "Mastercard",
+    amex: "Amex",
+    discover: "Discover",
+    diners: "Diners",
+    jcb: "JCB",
+    unionpay: "UnionPay"
+  };
+  return brandMap[brand.toLowerCase()] || brand;
+}
+__name(getCardBrandIcon, "getCardBrandIcon");
+function PaymentMethodSummaryCard({
+  paymentMethods,
+  defaultPaymentMethodId,
+  loading,
+  error,
+  onManageClick
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs87(Card, { children: [
+      /* @__PURE__ */ jsxs87(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx145(CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+        /* @__PURE__ */ jsx145(Wallet, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs87(CardContent, { children: [
+        /* @__PURE__ */ jsx145(Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ jsx145(Skeleton, { className: "h-4 w-24" })
+      ] })
+    ] });
   }
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
+  if (error) {
+    return /* @__PURE__ */ jsxs87(Card, { children: [
+      /* @__PURE__ */ jsxs87(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx145(CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+        /* @__PURE__ */ jsx145(Wallet, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx145(CardContent, { children: /* @__PURE__ */ jsx145("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
   }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
+  const defaultMethod = paymentMethods.find((pm) => pm.id === defaultPaymentMethodId) || paymentMethods[0];
+  return /* @__PURE__ */ jsxs87(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onManageClick, children: [
+    /* @__PURE__ */ jsxs87(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx145(CardTitle, { className: "text-sm font-medium", children: "Payment Method" }),
+      /* @__PURE__ */ jsx145(Wallet, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx145(CardContent, { children: paymentMethods.length === 0 ? /* @__PURE__ */ jsxs87("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx145("p", { className: "text-xl font-bold text-muted-foreground", children: "No payment method" }),
+      /* @__PURE__ */ jsx145("p", { className: "text-xs text-muted-foreground", children: "Add a card to enable subscriptions" }),
+      /* @__PURE__ */ jsxs87(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: (e) => {
+        e.stopPropagation();
+        onManageClick();
+      }, children: [
+        "Add Card",
+        /* @__PURE__ */ jsx145(ChevronRight2, { className: "h-4 w-4 ml-1" })
+      ] })
+    ] }) : defaultMethod?.card ? /* @__PURE__ */ jsxs87("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs87("p", { className: "text-xl font-bold", children: [
+        getCardBrandIcon(defaultMethod.card.brand),
+        " ****",
+        defaultMethod.card.last4
+      ] }),
+      /* @__PURE__ */ jsxs87("p", { className: "text-sm text-muted-foreground", children: [
+        "Expires ",
+        String(defaultMethod.card.expMonth).padStart(2, "0"),
+        "/",
+        defaultMethod.card.expYear
+      ] }),
+      paymentMethods.length > 1 && /* @__PURE__ */ jsxs87("p", { className: "text-xs text-muted-foreground", children: [
+        "+",
+        paymentMethods.length - 1,
+        " more card(s)"
+      ] })
+    ] }) : /* @__PURE__ */ jsxs87("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx145("p", { className: "text-xl font-bold", children: defaultMethod?.type || "Payment Method" }),
+      paymentMethods.length > 1 && /* @__PURE__ */ jsxs87("p", { className: "text-xs text-muted-foreground", children: [
+        "+",
+        paymentMethods.length - 1,
+        " more method(s)"
+      ] })
+    ] }) })
+  ] });
+}
+__name(PaymentMethodSummaryCard, "PaymentMethodSummaryCard");
+
+// src/features/billing/components/cards/CustomerInfoCard.tsx
+import { ExternalLink, User } from "lucide-react";
+import { useState as useState49 } from "react";
+import { jsx as jsx146, jsxs as jsxs88 } from "react/jsx-runtime";
+function formatBalance(balance, currency) {
+  if (balance === void 0 || balance === 0) return "$0.00";
+  const currencyCode = currency?.toUpperCase() || "USD";
+  const displayBalance = -balance;
+  return new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: currencyCode
+  }).format(displayBalance / 100);
+}
+__name(formatBalance, "formatBalance");
+function CustomerInfoCard({ customer, loading, error }) {
+  const [portalLoading, setPortalLoading] = useState49(false);
+  const handlePortalClick = /* @__PURE__ */ __name(async (e) => {
+    e.stopPropagation();
+    setPortalLoading(true);
+    try {
+      const { url } = await StripeCustomerService.createPortalSession();
+      window.open(url, "_blank");
+    } catch (err) {
+      console.error("[CustomerInfoCard] Failed to create portal session:", err);
+    } finally {
+      setPortalLoading(false);
+    }
+  }, "handlePortalClick");
+  if (loading) {
+    return /* @__PURE__ */ jsxs88(Card, { children: [
+      /* @__PURE__ */ jsxs88(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx146(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+        /* @__PURE__ */ jsx146(User, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs88(CardContent, { children: [
+        /* @__PURE__ */ jsx146(Skeleton, { className: "h-6 w-32 mb-2" }),
+        /* @__PURE__ */ jsx146(Skeleton, { className: "h-4 w-48 mb-1" }),
+        /* @__PURE__ */ jsx146(Skeleton, { className: "h-4 w-24" })
+      ] })
+    ] });
   }
-  componentDidCatch(error, errorInfo) {
-    console.error("\u{1F6A8} [NotificationErrorBoundary] Caught error:", error, errorInfo);
+  if (error) {
+    return /* @__PURE__ */ jsxs88(Card, { children: [
+      /* @__PURE__ */ jsxs88(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx146(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+        /* @__PURE__ */ jsx146(User, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx146(CardContent, { children: /* @__PURE__ */ jsx146("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
   }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback || /* @__PURE__ */ jsx147("div", { className: "flex items-center justify-center p-4 text-center", children: /* @__PURE__ */ jsxs87("div", { className: "text-muted-foreground text-sm", children: [
-        /* @__PURE__ */ jsx147("p", { children: "Something went wrong with notifications." }),
-        /* @__PURE__ */ jsx147(
-          "button",
-          {
-            onClick: () => this.setState({ hasError: false }),
-            className: "text-primary mt-2 underline hover:no-underline",
-            children: "Try again"
-          }
-        )
-      ] }) });
-    }
-    return this.props.children;
+  if (!customer) {
+    return /* @__PURE__ */ jsxs88(Card, { children: [
+      /* @__PURE__ */ jsxs88(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx146(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+        /* @__PURE__ */ jsx146(User, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs88(CardContent, { children: [
+        /* @__PURE__ */ jsx146("p", { className: "text-xl font-bold text-muted-foreground", children: "Not set up" }),
+        /* @__PURE__ */ jsx146("p", { className: "text-xs text-muted-foreground", children: "Billing account will be created when you subscribe" })
+      ] })
+    ] });
   }
-};
-
-// src/features/notification/components/containers/NotificationsListContainer.tsx
-import { useTranslations as useTranslations57 } from "next-intl";
-
-// src/features/notification/components/lists/NotificationsList.tsx
-import { ArchiveIcon } from "lucide-react";
-import { useTranslations as useTranslations56 } from "next-intl";
-import { Fragment as Fragment28, jsx as jsx148, jsxs as jsxs88 } from "react/jsx-runtime";
-function NotificationsList({ archived }) {
-  const t = useTranslations56();
-  const generateUrl = usePageUrlGenerator();
-  const data = useDataListRetriever({
-    retriever: /* @__PURE__ */ __name((params) => NotificationService.findMany(params), "retriever"),
-    retrieverParams: { isArchived: archived },
-    module: Modules.Notification
+  return /* @__PURE__ */ jsxs88(Card, { children: [
+    /* @__PURE__ */ jsxs88(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx146(CardTitle, { className: "text-sm font-medium", children: "Billing Account" }),
+      /* @__PURE__ */ jsx146(User, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx146(CardContent, { children: /* @__PURE__ */ jsxs88("div", { className: "space-y-2", children: [
+      customer.name && /* @__PURE__ */ jsx146("p", { className: "text-xl font-bold", children: customer.name }),
+      customer.email && /* @__PURE__ */ jsx146("p", { className: "text-sm text-muted-foreground", children: customer.email }),
+      customer.balance !== void 0 && customer.balance !== 0 && /* @__PURE__ */ jsxs88("p", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx146("span", { className: "text-muted-foreground", children: "Credit Balance: " }),
+        /* @__PURE__ */ jsx146("span", { className: customer.balance < 0 ? "text-green-600" : "text-destructive", children: formatBalance(customer.balance, customer.currency) })
+      ] }),
+      /* @__PURE__ */ jsxs88(Button, { variant: "outline", size: "sm", className: "mt-2", onClick: handlePortalClick, disabled: portalLoading, children: [
+        portalLoading ? "Loading..." : "Manage in Stripe Portal",
+        /* @__PURE__ */ jsx146(ExternalLink, { className: "h-4 w-4 ml-1" })
+      ] })
+    ] }) })
+  ] });
+}
+__name(CustomerInfoCard, "CustomerInfoCard");
+
+// src/features/billing/components/cards/InvoicesSummaryCard.tsx
+import { ChevronRight as ChevronRight3, ReceiptIcon } from "lucide-react";
+import { jsx as jsx147, jsxs as jsxs89 } from "react/jsx-runtime";
+function getStatusBadgeVariant2(status) {
+  switch (status) {
+    case "paid" /* PAID */:
+      return "default";
+    case "open" /* OPEN */:
+      return "secondary";
+    case "uncollectible" /* UNCOLLECTIBLE */:
+    case "void" /* VOID */:
+      return "destructive";
+    default:
+      return "outline";
+  }
+}
+__name(getStatusBadgeVariant2, "getStatusBadgeVariant");
+function formatDate2(date) {
+  return new Date(date).toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
   });
-  const archiveNotification = /* @__PURE__ */ __name(async (notification) => {
-    await NotificationService.archive({ id: notification.id });
-    data.removeElement(notification);
-  }, "archiveNotification");
-  const LoadingSkeleton = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx148("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx148(Card, { children: /* @__PURE__ */ jsx148(CardContent, { className: "p-2", children: /* @__PURE__ */ jsxs88("div", { className: "flex w-full flex-row items-center", children: [
-    /* @__PURE__ */ jsx148(Skeleton, { className: "mr-4 h-8 w-8 rounded-full" }),
-    /* @__PURE__ */ jsxs88("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ jsx148(Skeleton, { className: "h-4 w-3/4" }),
-      /* @__PURE__ */ jsx148(Skeleton, { className: "h-3 w-1/2" })
+}
+__name(formatDate2, "formatDate");
+function formatAmount(amount, currency) {
+  const currencyCode = currency?.toUpperCase() || "USD";
+  return new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: currencyCode
+  }).format(amount / 100);
+}
+__name(formatAmount, "formatAmount");
+function InvoicesSummaryCard({ invoices, loading, error, onViewAllClick }) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs89(Card, { children: [
+      /* @__PURE__ */ jsxs89(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx147(CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+        /* @__PURE__ */ jsx147(ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs89(CardContent, { children: [
+        /* @__PURE__ */ jsx147(Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ jsx147(Skeleton, { className: "h-4 w-32 mb-1" }),
+        /* @__PURE__ */ jsx147(Skeleton, { className: "h-4 w-20" })
+      ] })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs89(Card, { children: [
+      /* @__PURE__ */ jsxs89(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx147(CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+        /* @__PURE__ */ jsx147(ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsx147(CardContent, { children: /* @__PURE__ */ jsx147("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
+  }
+  const latestInvoice = invoices[0];
+  const paidInvoices = invoices.filter((inv) => inv.status === "paid" /* PAID */);
+  const openInvoices = invoices.filter((inv) => inv.status === "open" /* OPEN */);
+  return /* @__PURE__ */ jsxs89(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewAllClick, children: [
+    /* @__PURE__ */ jsxs89(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx147(CardTitle, { className: "text-sm font-medium", children: "Recent Invoices" }),
+      /* @__PURE__ */ jsx147(ReceiptIcon, { className: "h-4 w-4 text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ jsx148(Skeleton, { className: "h-8 w-20" })
-  ] }) }) }, i)) }), "LoadingSkeleton");
-  return /* @__PURE__ */ jsx148("div", { className: "space-y-4", children: data.isLoaded ? data.data?.map((notification) => {
-    const notificationData = generateNotificationData({ notification, generateUrl });
-    return /* @__PURE__ */ jsx148(Card, { children: /* @__PURE__ */ jsx148(CardContent, { className: "p-0", children: /* @__PURE__ */ jsxs88("div", { className: `flex w-full flex-row items-center p-2`, children: [
-      notificationData.actor ? /* @__PURE__ */ jsx148("div", { className: "flex w-12 max-w-12 px-2", children: /* @__PURE__ */ jsx148(Link2, { href: generateUrl({ page: Modules.User, id: notificationData.actor.id }), children: /* @__PURE__ */ jsx148(UserAvatar, { user: notificationData.actor, className: "h-8 w-8" }) }) }) : /* @__PURE__ */ jsx148("div", { className: "flex w-14 max-w-14 px-2" }),
-      /* @__PURE__ */ jsxs88("div", { className: "flex w-full flex-col", children: [
-        /* @__PURE__ */ jsx148("p", { className: "text-sm", children: t.rich(`foundations.notification.${notification.notificationType}.description`, {
-          strong: /* @__PURE__ */ __name((chunks) => /* @__PURE__ */ jsx148("strong", { children: chunks }), "strong"),
-          actor: notificationData.actor?.name ?? "",
-          title: notificationData.title
-        }) }),
-        /* @__PURE__ */ jsx148("div", { className: "text-muted-foreground mt-1 w-full text-xs", children: new Date(notification.createdAt).toLocaleString() })
+    /* @__PURE__ */ jsx147(CardContent, { children: invoices.length === 0 ? /* @__PURE__ */ jsxs89("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx147("p", { className: "text-xl font-bold text-muted-foreground", children: "No invoices yet" }),
+      /* @__PURE__ */ jsx147("p", { className: "text-xs text-muted-foreground", children: "Invoices will appear after your first billing cycle" })
+    ] }) : latestInvoice ? /* @__PURE__ */ jsxs89("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs89("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx147("p", { className: "text-xl font-bold", children: formatAmount(latestInvoice.total, latestInvoice.currency) }),
+        /* @__PURE__ */ jsx147(Badge, { variant: getStatusBadgeVariant2(latestInvoice.status), children: latestInvoice.status })
       ] }),
-      /* @__PURE__ */ jsxs88("div", { className: "flex flex-row items-center", children: [
-        notificationData.url ? /* @__PURE__ */ jsx148(Link2, { href: notificationData.url, children: /* @__PURE__ */ jsx148(Button, { variant: `outline`, size: `sm`, onClick: (e) => e.stopPropagation(), children: t(`foundations.notification.${notification.notificationType}.buttons.action`) }) }) : /* @__PURE__ */ jsx148(Fragment28, {}),
-        !archived && /* @__PURE__ */ jsxs88(Tooltip2, { children: [
-          /* @__PURE__ */ jsx148(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx148(
-            Button,
-            {
-              variant: `link`,
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                archiveNotification(notification);
-              },
-              className: "text-muted-foreground hover:text-destructive ml-2",
-              children: /* @__PURE__ */ jsx148(ArchiveIcon, { className: "h-4 w-4 cursor-pointer" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx148(TooltipContent, { children: t(`foundations.notification.buttons.archive`) })
+      /* @__PURE__ */ jsx147("p", { className: "text-sm text-muted-foreground", children: latestInvoice.stripeInvoiceNumber || `Invoice from ${formatDate2(latestInvoice.periodStart)}` }),
+      /* @__PURE__ */ jsxs89("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
+        paidInvoices.length > 0 && /* @__PURE__ */ jsxs89("span", { children: [
+          paidInvoices.length,
+          " paid"
+        ] }),
+        openInvoices.length > 0 && /* @__PURE__ */ jsxs89("span", { className: "text-orange-600", children: [
+          openInvoices.length,
+          " open"
+        ] }),
+        /* @__PURE__ */ jsxs89("span", { className: "flex items-center", children: [
+          "View all",
+          /* @__PURE__ */ jsx147(ChevronRight3, { className: "h-3 w-3 ml-1" })
         ] })
       ] })
-    ] }) }) }, notification.id);
-  }) : /* @__PURE__ */ jsx148(LoadingSkeleton, {}) });
+    ] }) : null })
+  ] });
 }
-__name(NotificationsList, "NotificationsList");
-
-// src/features/notification/components/containers/NotificationsListContainer.tsx
-import { jsx as jsx149, jsxs as jsxs89 } from "react/jsx-runtime";
-function NotificationsListContainerContent() {
-  const t = useTranslations57();
-  const { notifications, isLoading, error } = useNotificationContext();
+__name(InvoicesSummaryCard, "InvoicesSummaryCard");
+
+// src/features/billing/components/cards/BillingUsageSummaryCard.tsx
+import { Activity, ChevronRight as ChevronRight4 } from "lucide-react";
+import { jsx as jsx148, jsxs as jsxs90 } from "react/jsx-runtime";
+function formatNumber(value) {
+  return new Intl.NumberFormat(void 0, {
+    notation: "compact",
+    compactDisplay: "short"
+  }).format(value);
+}
+__name(formatNumber, "formatNumber");
+function BillingUsageSummaryCard({
+  meters,
+  summaries,
+  loading,
+  error,
+  onViewDetailsClick
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs90(Card, { children: [
+      /* @__PURE__ */ jsxs90(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx148(CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+        /* @__PURE__ */ jsx148(Activity, { className: "h-4 w-4 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxs90(CardContent, { children: [
+        /* @__PURE__ */ jsx148(Skeleton, { className: "h-6 w-24 mb-2" }),
+        /* @__PURE__ */ jsx148(Skeleton, { className: "h-4 w-32" })
+      ] })
+    ] });
+  }
   if (error) {
-    return /* @__PURE__ */ jsx149("div", { className: "flex items-center justify-center p-8 text-center", children: /* @__PURE__ */ jsxs89("div", { className: "text-destructive text-sm", children: [
-      /* @__PURE__ */ jsxs89("p", { children: [
-        "Error loading notifications: ",
-        error
+    return /* @__PURE__ */ jsxs90(Card, { children: [
+      /* @__PURE__ */ jsxs90(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+        /* @__PURE__ */ jsx148(CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+        /* @__PURE__ */ jsx148(Activity, { className: "h-4 w-4 text-muted-foreground" })
       ] }),
-      /* @__PURE__ */ jsx149("p", { className: "text-muted-foreground mt-2", children: "Please try refreshing the page." })
-    ] }) });
+      /* @__PURE__ */ jsx148(CardContent, { children: /* @__PURE__ */ jsx148("p", { className: "text-sm text-destructive", children: error }) })
+    ] });
   }
-  const tabs = [
-    {
-      label: t(`foundations.notification.inbox`),
-      content: /* @__PURE__ */ jsx149(NotificationsList, { archived: false })
-    },
-    {
-      label: t(`foundations.notification.archived`),
-      content: /* @__PURE__ */ jsx149(NotificationsList, { archived: true })
-    }
-  ];
-  return /* @__PURE__ */ jsx149(TabsContainer, { tabs });
-}
-__name(NotificationsListContainerContent, "NotificationsListContainerContent");
-function NotificationsListContainer() {
-  return /* @__PURE__ */ jsx149(NotificationErrorBoundary, { children: /* @__PURE__ */ jsx149(NotificationsListContainerContent, {}) });
+  const totalUsage = Object.values(summaries).reduce((acc, summary) => {
+    return acc + (summary?.aggregatedValue || 0);
+  }, 0);
+  const primaryMeter = meters.find((m) => summaries[m.id]?.aggregatedValue);
+  const primarySummary = primaryMeter ? summaries[primaryMeter.id] : null;
+  return /* @__PURE__ */ jsxs90(Card, { className: "cursor-pointer hover:bg-accent/50 transition-colors", onClick: onViewDetailsClick, children: [
+    /* @__PURE__ */ jsxs90(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ jsx148(CardTitle, { className: "text-sm font-medium", children: "Usage This Month" }),
+      /* @__PURE__ */ jsx148(Activity, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ jsx148(CardContent, { children: meters.length === 0 ? /* @__PURE__ */ jsxs90("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx148("p", { className: "text-xl font-bold text-muted-foreground", children: "No meters" }),
+      /* @__PURE__ */ jsx148("p", { className: "text-xs text-muted-foreground", children: "No usage meters are configured" })
+    ] }) : /* @__PURE__ */ jsxs90("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs90("p", { className: "text-xl font-bold", children: [
+        formatNumber(totalUsage),
+        " units"
+      ] }),
+      primaryMeter && primarySummary && /* @__PURE__ */ jsxs90("p", { className: "text-sm text-muted-foreground", children: [
+        primaryMeter.displayName,
+        ": ",
+        formatNumber(primarySummary.aggregatedValue)
+      ] }),
+      meters.length > 1 && /* @__PURE__ */ jsxs90("p", { className: "text-xs text-muted-foreground", children: [
+        "Across ",
+        meters.length,
+        " meters"
+      ] }),
+      /* @__PURE__ */ jsxs90("span", { className: "flex items-center text-xs text-muted-foreground", children: [
+        "View details",
+        /* @__PURE__ */ jsx148(ChevronRight4, { className: "h-3 w-3 ml-1" })
+      ] })
+    ] }) })
+  ] });
+}
+__name(BillingUsageSummaryCard, "BillingUsageSummaryCard");
+
+// src/features/billing/components/containers/BillingDashboardContainer.tsx
+import { CreditCard as CreditCard4, Loader2 as Loader24, Wallet as Wallet2 } from "lucide-react";
+import { useCallback as useCallback18, useEffect as useEffect47, useState as useState62 } from "react";
+
+// src/features/billing/stripe-customer/components/containers/PaymentMethodsContainer.tsx
+import { CreditCard as CreditCard2 } from "lucide-react";
+import { useEffect as useEffect42, useState as useState52 } from "react";
+
+// src/features/billing/stripe-customer/components/forms/PaymentMethodEditor.tsx
+import { CardElement, useElements, useStripe } from "@stripe/react-stripe-js";
+import { useEffect as useEffect40, useState as useState50 } from "react";
+import { jsx as jsx149, jsxs as jsxs91 } from "react/jsx-runtime";
+function PaymentMethodEditor({ open, onOpenChange, onSuccess }) {
+  const stripe = useStripe();
+  const elements = useElements();
+  const [setupIntent, setSetupIntent] = useState50(null);
+  const [loading, setLoading] = useState50(true);
+  const [isSubmitting, setIsSubmitting] = useState50(false);
+  const [error, setError] = useState50(null);
+  const [setAsDefault, setSetAsDefault] = useState50(true);
+  useEffect40(() => {
+    const fetchSetupIntent = /* @__PURE__ */ __name(async () => {
+      setLoading(true);
+      try {
+        const intent = await StripeCustomerService.createSetupIntent();
+        setSetupIntent(intent);
+      } catch (err) {
+        console.error("[PaymentMethodEditor] Failed to create setup intent:", err);
+        setError("Failed to initialize payment form. Please try again.");
+      } finally {
+        setLoading(false);
+      }
+    }, "fetchSetupIntent");
+    if (open) {
+      fetchSetupIntent();
+    }
+  }, [open]);
+  const handleSubmit = /* @__PURE__ */ __name(async (e) => {
+    e.preventDefault();
+    if (!stripe || !elements || !setupIntent) {
+      return;
+    }
+    setIsSubmitting(true);
+    setError(null);
+    try {
+      const cardElement = elements.getElement(CardElement);
+      if (!cardElement) {
+        throw new Error("Card element not found");
+      }
+      const { error: stripeError, setupIntent: confirmedSetupIntent } = await stripe.confirmCardSetup(
+        setupIntent.clientSecret,
+        {
+          payment_method: {
+            card: cardElement
+          }
+        }
+      );
+      if (stripeError) {
+        console.error("[PaymentMethodEditor] Stripe error:", stripeError);
+        setError(stripeError.message || "Failed to add payment method. Please check your card details.");
+        setIsSubmitting(false);
+        return;
+      }
+      if (setAsDefault && confirmedSetupIntent?.payment_method) {
+        await StripeCustomerService.setDefaultPaymentMethod({
+          paymentMethodId: typeof confirmedSetupIntent.payment_method === "string" ? confirmedSetupIntent.payment_method : confirmedSetupIntent.payment_method.id
+        });
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch (err) {
+      console.error("[PaymentMethodEditor] Error:", err);
+      setError(err.message || "An unexpected error occurred. Please try again.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "handleSubmit");
+  return /* @__PURE__ */ jsx149(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs91(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsxs91(DialogHeader, { children: [
+      /* @__PURE__ */ jsx149(DialogTitle, { children: "Add Payment Method" }),
+      /* @__PURE__ */ jsx149(DialogDescription, { children: "Add a new payment method to your account. Your card information is securely processed by Stripe." })
+    ] }),
+    loading && /* @__PURE__ */ jsx149("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx149("p", { className: "text-muted-foreground", children: "Loading payment form..." }) }),
+    !loading && setupIntent && /* @__PURE__ */ jsxs91("form", { onSubmit: handleSubmit, className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx149("div", { className: "rounded-md border border-gray-300 p-3", children: /* @__PURE__ */ jsx149(
+        CardElement,
+        {
+          options: {
+            style: {
+              base: {
+                fontSize: "16px",
+                color: "#424770",
+                "::placeholder": {
+                  color: "#aab7c4"
+                }
+              },
+              invalid: {
+                color: "#9e2146"
+              }
+            }
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsxs91("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ jsx149(
+          Checkbox,
+          {
+            id: "setAsDefault",
+            checked: setAsDefault,
+            onCheckedChange: (checked) => setSetAsDefault(!!checked)
+          }
+        ),
+        /* @__PURE__ */ jsx149(Label3, { htmlFor: "setAsDefault", className: "text-sm font-normal", children: "Set as default payment method" })
+      ] }),
+      error && /* @__PURE__ */ jsx149(Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ jsx149(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsxs91("div", { className: "flex justify-end gap-x-2", children: [
+        /* @__PURE__ */ jsx149(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Cancel" }),
+        /* @__PURE__ */ jsx149(Button, { type: "submit", disabled: !stripe || isSubmitting, children: isSubmitting ? "Processing..." : "Add Card" })
+      ] })
+    ] }),
+    !loading && !setupIntent && error && /* @__PURE__ */ jsx149(Alert, { variant: "destructive", className: "bg-red-50 border-red-200", children: /* @__PURE__ */ jsx149(AlertDescription, { children: error }) })
+  ] }) });
+}
+__name(PaymentMethodEditor, "PaymentMethodEditor");
+
+// src/features/billing/stripe-customer/components/details/PaymentMethodCard.tsx
+import { MoreVertical } from "lucide-react";
+import { useEffect as useEffect41, useState as useState51 } from "react";
+import { Fragment as Fragment28, jsx as jsx150, jsxs as jsxs92 } from "react/jsx-runtime";
+var brandIcons = {
+  visa: "\u{1F4B3}",
+  mastercard: "\u{1F4B3}",
+  amex: "\u{1F4B3}",
+  discover: "\u{1F4B3}"
+};
+function PaymentMethodCard({ paymentMethod, onUpdate }) {
+  const [loading, setLoading] = useState51(false);
+  const [customer, setCustomer] = useState51(null);
+  const [showRemoveDialog, setShowRemoveDialog] = useState51(false);
+  useEffect41(() => {
+    const loadCustomer = /* @__PURE__ */ __name(async () => {
+      try {
+        const fetchedCustomer = await StripeCustomerService.getCustomer();
+        setCustomer(fetchedCustomer);
+      } catch (error) {
+        console.error("[PaymentMethodCard] Failed to load customer:", error);
+      }
+    }, "loadCustomer");
+    loadCustomer();
+  }, []);
+  const isDefault = customer?.defaultPaymentMethodId === paymentMethod.id;
+  const brand = paymentMethod.card?.brand || "card";
+  const last4 = paymentMethod.card?.last4 || "****";
+  const expMonth = paymentMethod.card?.expMonth || 0;
+  const expYear = paymentMethod.card?.expYear || 0;
+  const brandIcon = brandIcons[brand.toLowerCase()] || "\u{1F4B3}";
+  const handleSetDefault = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      await StripeCustomerService.setDefaultPaymentMethod({ paymentMethodId: paymentMethod.id });
+      onUpdate();
+    } catch (error) {
+      console.error("[PaymentMethodCard] Failed to set as default:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "handleSetDefault");
+  const handleRemove = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      await StripeCustomerService.removePaymentMethod({ paymentMethodId: paymentMethod.id });
+      setShowRemoveDialog(false);
+      onUpdate();
+    } catch (error) {
+      console.error("[PaymentMethodCard] Failed to remove:", error);
+      setLoading(false);
+    }
+  }, "handleRemove");
+  return /* @__PURE__ */ jsxs92(Fragment28, { children: [
+    /* @__PURE__ */ jsxs92(Card, { className: "relative", children: [
+      isDefault && /* @__PURE__ */ jsx150(Badge, { className: "absolute right-2 top-2 bg-green-100 text-green-800 hover:bg-green-100", children: "Default" }),
+      /* @__PURE__ */ jsxs92(CardHeader, { className: "flex flex-row items-center justify-between pb-2", children: [
+        /* @__PURE__ */ jsxs92("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ jsx150("span", { className: "text-2xl", children: brandIcon }),
+          /* @__PURE__ */ jsx150("span", { className: "text-sm font-medium capitalize", children: brand })
+        ] }),
+        /* @__PURE__ */ jsxs92(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx150(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx150(Button, { variant: "ghost", size: "sm", disabled: loading, className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx150(MoreVertical, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxs92(DropdownMenuContent, { align: "end", children: [
+            !isDefault && /* @__PURE__ */ jsx150(DropdownMenuItem, { onClick: handleSetDefault, disabled: loading, children: "Set as Default" }),
+            /* @__PURE__ */ jsx150(DropdownMenuItem, { onClick: () => setShowRemoveDialog(true), disabled: loading, className: "text-red-600", children: "Remove" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx150(CardContent, { children: /* @__PURE__ */ jsxs92("div", { className: "flex flex-col gap-y-1", children: [
+        /* @__PURE__ */ jsxs92("p", { className: "text-lg font-semibold", children: [
+          "\u2022\u2022\u2022\u2022 ",
+          last4
+        ] }),
+        /* @__PURE__ */ jsxs92("p", { className: "text-sm text-muted-foreground", children: [
+          "Expires ",
+          String(expMonth).padStart(2, "0"),
+          "/",
+          expYear
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx150(AlertDialog, { open: showRemoveDialog, onOpenChange: setShowRemoveDialog, children: /* @__PURE__ */ jsxs92(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs92(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx150(AlertDialogTitle, { children: "Remove Payment Method" }),
+        /* @__PURE__ */ jsxs92(AlertDialogDescription, { children: [
+          "Are you sure you want to remove this payment method? This action cannot be undone.",
+          isDefault && " This is your default payment method."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs92(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx150(AlertDialogCancel, { disabled: loading, children: "Cancel" }),
+        /* @__PURE__ */ jsx150(AlertDialogAction, { onClick: handleRemove, disabled: loading, className: "bg-red-600 hover:bg-red-700", children: loading ? "Removing..." : "Remove" })
+      ] })
+    ] }) })
+  ] });
+}
+__name(PaymentMethodCard, "PaymentMethodCard");
+
+// src/features/billing/stripe-customer/components/lists/PaymentMethodsList.tsx
+import { jsx as jsx151 } from "react/jsx-runtime";
+function PaymentMethodsList({ paymentMethods, onUpdate }) {
+  return /* @__PURE__ */ jsx151("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: paymentMethods.map((paymentMethod) => /* @__PURE__ */ jsx151(PaymentMethodCard, { paymentMethod, onUpdate }, paymentMethod.id)) });
+}
+__name(PaymentMethodsList, "PaymentMethodsList");
+
+// src/features/billing/stripe-customer/components/containers/PaymentMethodsContainer.tsx
+import { jsx as jsx152, jsxs as jsxs93 } from "react/jsx-runtime";
+function PaymentMethodsContainer() {
+  const [paymentMethods, setPaymentMethods] = useState52([]);
+  const [loading, setLoading] = useState52(true);
+  const [showAddPaymentMethod, setShowAddPaymentMethod] = useState52(false);
+  const loadPaymentMethods = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedPaymentMethods = await StripeCustomerService.listPaymentMethods();
+      setPaymentMethods(fetchedPaymentMethods);
+    } catch (error) {
+      console.error("[PaymentMethodsContainer] Failed to load payment methods:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadPaymentMethods");
+  useEffect42(() => {
+    loadPaymentMethods();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx152("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx152("p", { className: "text-muted-foreground", children: "Loading payment methods..." }) });
+  }
+  return /* @__PURE__ */ jsxs93("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs93("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs93("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx152(CreditCard2, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx152("h1", { className: "text-3xl font-bold", children: "Payment Methods" })
+      ] }),
+      /* @__PURE__ */ jsx152(Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Payment Method" })
+    ] }),
+    paymentMethods.length === 0 && /* @__PURE__ */ jsxs93("div", { className: "flex flex-col items-center justify-center gap-y-4 rounded-lg border-2 border-dashed border-gray-300 bg-muted/50 p-12", children: [
+      /* @__PURE__ */ jsx152(CreditCard2, { className: "h-16 w-16 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs93("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx152("h3", { className: "mb-2 text-xl font-semibold", children: "No payment methods" }),
+        /* @__PURE__ */ jsx152("p", { className: "mb-4 text-muted-foreground", children: "Add a payment method to enable subscriptions and secure checkout." }),
+        /* @__PURE__ */ jsx152(Button, { onClick: () => setShowAddPaymentMethod(true), children: "Add Your First Card" })
+      ] })
+    ] }),
+    paymentMethods.length > 0 && /* @__PURE__ */ jsx152(PaymentMethodsList, { paymentMethods, onUpdate: loadPaymentMethods }),
+    showAddPaymentMethod && /* @__PURE__ */ jsx152(
+      PaymentMethodEditor,
+      {
+        open: showAddPaymentMethod,
+        onOpenChange: setShowAddPaymentMethod,
+        onSuccess: loadPaymentMethods
+      }
+    )
+  ] });
+}
+__name(PaymentMethodsContainer, "PaymentMethodsContainer");
+
+// src/features/billing/stripe-invoice/components/containers/InvoicesContainer.tsx
+import { useEffect as useEffect43, useState as useState54 } from "react";
+
+// src/features/billing/stripe-invoice/components/lists/InvoicesList.tsx
+import { useState as useState53 } from "react";
+
+// src/features/billing/components/utils/currency.ts
+function formatInterval(price) {
+  if (price.priceType === "one_time" || !price.recurring) {
+    return "one-time";
+  }
+  const { interval, intervalCount } = price.recurring;
+  if (intervalCount === 1) {
+    return `/${interval}`;
+  }
+  const pluralInterval = interval === "day" ? "days" : interval === "week" ? "weeks" : interval === "month" ? "months" : "years";
+  return `/${intervalCount} ${pluralInterval}`;
+}
+__name(formatInterval, "formatInterval");
+function formatCurrency(amount, currency) {
+  if (amount === void 0) return "$0.00";
+  const dollars = amount / 100;
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: currency.toUpperCase(),
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }).format(dollars);
+  } catch (error) {
+    console.error("Error formatting currency:", error);
+    return `$${dollars.toFixed(2)}`;
+  }
+}
+__name(formatCurrency, "formatCurrency");
+
+// src/features/billing/components/utils/date.ts
+function formatDate3(date) {
+  if (!date) return "N/A";
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }).format(dateObj);
+  } catch (error) {
+    console.error("Error formatting date:", error);
+    return "Invalid Date";
+  }
+}
+__name(formatDate3, "formatDate");
+
+// src/features/billing/stripe-invoice/components/details/InvoiceDetails.tsx
+import { Download, ExternalLink as ExternalLink2, RefreshCw as RefreshCw2 } from "lucide-react";
+
+// src/features/billing/stripe-invoice/components/widgets/InvoiceStatusBadge.tsx
+import { jsx as jsx153 } from "react/jsx-runtime";
+var statusConfig = {
+  ["draft" /* DRAFT */]: {
+    label: "Draft",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["open" /* OPEN */]: {
+    label: "Open",
+    color: "bg-blue-100 text-blue-800"
+  },
+  ["paid" /* PAID */]: {
+    label: "Paid",
+    color: "bg-green-100 text-green-800"
+  },
+  ["void" /* VOID */]: {
+    label: "Void",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["uncollectible" /* UNCOLLECTIBLE */]: {
+    label: "Uncollectible",
+    color: "bg-red-100 text-red-800"
+  }
+};
+function InvoiceStatusBadge({ status }) {
+  const config = statusConfig[status] || statusConfig["draft" /* DRAFT */];
+  return /* @__PURE__ */ jsx153("span", { className: `${config.color} text-xs px-2 py-1 rounded-full font-medium`, children: config.label });
+}
+__name(InvoiceStatusBadge, "InvoiceStatusBadge");
+
+// src/features/billing/stripe-invoice/components/details/InvoiceDetails.tsx
+import { jsx as jsx154, jsxs as jsxs94 } from "react/jsx-runtime";
+function InvoiceDetails({ invoice, open, onOpenChange, onInvoiceChange }) {
+  const handleDownloadPDF = /* @__PURE__ */ __name(() => {
+    if (invoice.stripePdfUrl) {
+      window.open(invoice.stripePdfUrl, "_blank");
+    }
+  }, "handleDownloadPDF");
+  const handleRetryPayment = /* @__PURE__ */ __name(async () => {
+  }, "handleRetryPayment");
+  const handleViewInStripe = /* @__PURE__ */ __name(() => {
+    if (invoice.stripeHostedInvoiceUrl) {
+      window.open(invoice.stripeHostedInvoiceUrl, "_blank");
+    }
+  }, "handleViewInStripe");
+  const getInvoiceNumber = /* @__PURE__ */ __name(() => {
+    if (invoice.stripeInvoiceNumber) {
+      return invoice.stripeInvoiceNumber;
+    }
+    return invoice.stripeInvoiceId.slice(-8);
+  }, "getInvoiceNumber");
+  const productName = invoice.subscription?.price?.product?.name || "Subscription";
+  return /* @__PURE__ */ jsx154(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs94(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs94(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs94(DialogTitle, { children: [
+        "Invoice ",
+        getInvoiceNumber()
+      ] }),
+      /* @__PURE__ */ jsx154(DialogDescription, { children: formatDate3(invoice.periodStart) })
+    ] }),
+    /* @__PURE__ */ jsxs94("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs94("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Status:" }),
+        /* @__PURE__ */ jsx154(InvoiceStatusBadge, { status: invoice.status })
+      ] }),
+      /* @__PURE__ */ jsxs94("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxs94("div", { children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Billing Period:" }),
+          /* @__PURE__ */ jsxs94("p", { className: "font-medium", children: [
+            formatDate3(invoice.periodStart),
+            " - ",
+            formatDate3(invoice.periodEnd)
+          ] })
+        ] }),
+        invoice.dueDate && /* @__PURE__ */ jsxs94("div", { children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Due Date:" }),
+          /* @__PURE__ */ jsx154("p", { className: "font-medium", children: formatDate3(invoice.dueDate) })
+        ] }),
+        invoice.paidAt && /* @__PURE__ */ jsxs94("div", { children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Paid Date:" }),
+          /* @__PURE__ */ jsx154("p", { className: "font-medium", children: formatDate3(invoice.paidAt) })
+        ] }),
+        /* @__PURE__ */ jsxs94("div", { children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Attempt Count:" }),
+          /* @__PURE__ */ jsx154("p", { className: "font-medium", children: invoice.attemptCount })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs94("div", { children: [
+        /* @__PURE__ */ jsx154("h4", { className: "text-sm font-medium text-muted-foreground mb-2", children: "Line Items" }),
+        /* @__PURE__ */ jsx154("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs94("table", { className: "w-full", children: [
+          /* @__PURE__ */ jsx154("thead", { className: "bg-muted", children: /* @__PURE__ */ jsxs94("tr", { children: [
+            /* @__PURE__ */ jsx154("th", { className: "text-left p-3 text-sm font-medium", children: "Description" }),
+            /* @__PURE__ */ jsx154("th", { className: "text-right p-3 text-sm font-medium", children: "Amount" })
+          ] }) }),
+          /* @__PURE__ */ jsx154("tbody", { children: /* @__PURE__ */ jsxs94("tr", { className: "border-t", children: [
+            /* @__PURE__ */ jsx154("td", { className: "p-3", children: productName }),
+            /* @__PURE__ */ jsx154("td", { className: "p-3 text-right", children: formatCurrency(invoice.subtotal, invoice.currency) })
+          ] }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs94("div", { className: "space-y-2 border-t pt-4", children: [
+        /* @__PURE__ */ jsxs94("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Subtotal:" }),
+          /* @__PURE__ */ jsx154("span", { className: "font-medium", children: formatCurrency(invoice.subtotal, invoice.currency) })
+        ] }),
+        invoice.tax !== void 0 && invoice.tax > 0 && /* @__PURE__ */ jsxs94("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Tax:" }),
+          /* @__PURE__ */ jsx154("span", { className: "font-medium", children: formatCurrency(invoice.tax, invoice.currency) })
+        ] }),
+        /* @__PURE__ */ jsxs94("div", { className: "flex justify-between text-lg font-semibold border-t pt-2", children: [
+          /* @__PURE__ */ jsx154("span", { children: "Total:" }),
+          /* @__PURE__ */ jsx154("span", { children: formatCurrency(invoice.total, invoice.currency) })
+        ] }),
+        invoice.amountPaid > 0 && /* @__PURE__ */ jsxs94("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Amount Paid:" }),
+          /* @__PURE__ */ jsx154("span", { className: "font-medium text-green-600", children: formatCurrency(invoice.amountPaid, invoice.currency) })
+        ] }),
+        invoice.amountRemaining > 0 && /* @__PURE__ */ jsxs94("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx154("span", { className: "text-sm font-medium text-muted-foreground", children: "Amount Due:" }),
+          /* @__PURE__ */ jsx154("span", { className: "font-medium text-red-600", children: formatCurrency(invoice.amountRemaining, invoice.currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs94("div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
+        invoice.stripePdfUrl && /* @__PURE__ */ jsxs94(Button, { variant: "outline", onClick: handleDownloadPDF, children: [
+          /* @__PURE__ */ jsx154(Download, { className: "mr-2 h-4 w-4" }),
+          "Download PDF"
+        ] }),
+        invoice.status === "open" /* OPEN */ && invoice.attempted && /* @__PURE__ */ jsxs94(Button, { variant: "default", onClick: handleRetryPayment, children: [
+          /* @__PURE__ */ jsx154(RefreshCw2, { className: "mr-2 h-4 w-4" }),
+          "Retry Payment"
+        ] }),
+        invoice.stripeHostedInvoiceUrl && /* @__PURE__ */ jsxs94(Button, { variant: "outline", onClick: handleViewInStripe, children: [
+          /* @__PURE__ */ jsx154(ExternalLink2, { className: "mr-2 h-4 w-4" }),
+          "View in Stripe"
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+__name(InvoiceDetails, "InvoiceDetails");
+
+// src/features/billing/stripe-invoice/components/lists/InvoicesList.tsx
+import { Fragment as Fragment29, jsx as jsx155, jsxs as jsxs95 } from "react/jsx-runtime";
+function InvoicesList({ invoices, onInvoicesChange }) {
+  const [selectedInvoice, setSelectedInvoice] = useState53(null);
+  const handleRowClick = /* @__PURE__ */ __name((invoice) => {
+    setSelectedInvoice(invoice);
+  }, "handleRowClick");
+  const getInvoiceNumber = /* @__PURE__ */ __name((invoice) => {
+    if (invoice.stripeInvoiceNumber) {
+      return invoice.stripeInvoiceNumber;
+    }
+    return invoice.stripeInvoiceId.slice(-8);
+  }, "getInvoiceNumber");
+  return /* @__PURE__ */ jsxs95(Fragment29, { children: [
+    /* @__PURE__ */ jsx155("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs95(Table, { children: [
+      /* @__PURE__ */ jsx155(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs95(TableRow, { children: [
+        /* @__PURE__ */ jsx155(TableHead, { children: "Invoice #" }),
+        /* @__PURE__ */ jsx155(TableHead, { children: "Date" }),
+        /* @__PURE__ */ jsx155(TableHead, { children: "Status" }),
+        /* @__PURE__ */ jsx155(TableHead, { className: "text-right", children: "Amount" }),
+        /* @__PURE__ */ jsx155(TableHead, { children: "Period" })
+      ] }) }),
+      /* @__PURE__ */ jsx155(TableBody, { children: invoices.map((invoice) => {
+        const invoiceNumber = getInvoiceNumber(invoice);
+        const date = formatDate3(invoice.periodStart);
+        const amount = formatCurrency(invoice.total, invoice.currency);
+        const period = `${formatDate3(invoice.periodStart)} - ${formatDate3(invoice.periodEnd)}`;
+        return /* @__PURE__ */ jsxs95(
+          TableRow,
+          {
+            onClick: () => handleRowClick(invoice),
+            className: "cursor-pointer hover:bg-muted/50",
+            children: [
+              /* @__PURE__ */ jsx155(TableCell, { className: "font-medium", children: invoiceNumber }),
+              /* @__PURE__ */ jsx155(TableCell, { className: "text-muted-foreground text-sm", children: date }),
+              /* @__PURE__ */ jsx155(TableCell, { children: /* @__PURE__ */ jsx155(InvoiceStatusBadge, { status: invoice.status }) }),
+              /* @__PURE__ */ jsx155(TableCell, { className: "text-right font-medium", children: amount }),
+              /* @__PURE__ */ jsx155(TableCell, { className: "text-muted-foreground text-sm", children: period })
+            ]
+          },
+          invoice.id
+        );
+      }) })
+    ] }) }),
+    selectedInvoice && /* @__PURE__ */ jsx155(
+      InvoiceDetails,
+      {
+        invoice: selectedInvoice,
+        open: !!selectedInvoice,
+        onOpenChange: (open) => !open && setSelectedInvoice(null),
+        onInvoiceChange: () => {
+          onInvoicesChange();
+          setSelectedInvoice(null);
+        }
+      }
+    )
+  ] });
+}
+__name(InvoicesList, "InvoicesList");
+
+// src/features/billing/stripe-invoice/components/containers/InvoicesContainer.tsx
+import { jsx as jsx156, jsxs as jsxs96 } from "react/jsx-runtime";
+function InvoicesContainer() {
+  const [invoices, setInvoices] = useState54([]);
+  const [loading, setLoading] = useState54(true);
+  const [statusFilter, setStatusFilter] = useState54("all");
+  const loadInvoices = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const params = statusFilter !== "all" ? { status: statusFilter } : void 0;
+      const data = await StripeInvoiceService.listInvoices(params);
+      setInvoices(data);
+    } catch (error) {
+      console.error("[InvoicesContainer] Failed to load invoices:", error);
+      setInvoices([]);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadInvoices");
+  useEffect43(() => {
+    loadInvoices();
+  }, [statusFilter]);
+  const handleFilterChange = /* @__PURE__ */ __name((value) => {
+    setStatusFilter(value);
+  }, "handleFilterChange");
+  return /* @__PURE__ */ jsxs96("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx156(Tabs, { value: statusFilter, onValueChange: handleFilterChange, children: /* @__PURE__ */ jsxs96(TabsList, { children: [
+      /* @__PURE__ */ jsx156(TabsTrigger, { value: "all", children: "All" }),
+      /* @__PURE__ */ jsx156(TabsTrigger, { value: "paid" /* PAID */, children: "Paid" }),
+      /* @__PURE__ */ jsx156(TabsTrigger, { value: "open" /* OPEN */, children: "Open" }),
+      /* @__PURE__ */ jsx156(TabsTrigger, { value: "void" /* VOID */, children: "Void" }),
+      /* @__PURE__ */ jsx156(TabsTrigger, { value: "uncollectible" /* UNCOLLECTIBLE */, children: "Uncollectible" })
+    ] }) }),
+    loading && /* @__PURE__ */ jsx156("div", { className: "text-center py-8 text-muted-foreground", children: "Loading invoices..." }),
+    !loading && invoices.length === 0 && /* @__PURE__ */ jsxs96("div", { className: "border border-dashed border-gray-300 rounded-lg p-8 text-center", children: [
+      /* @__PURE__ */ jsx156("p", { className: "text-lg font-medium text-muted-foreground mb-2", children: "No invoices yet" }),
+      /* @__PURE__ */ jsx156("p", { className: "text-sm text-muted-foreground", children: "Invoices will appear here after your first billing cycle" })
+    ] }),
+    !loading && invoices.length > 0 && /* @__PURE__ */ jsx156(InvoicesList, { invoices, onInvoicesChange: loadInvoices })
+  ] });
+}
+__name(InvoicesContainer, "InvoicesContainer");
+
+// src/features/billing/stripe-subscription/components/containers/SubscriptionsContainer.tsx
+import { CheckCircle as CheckCircle2, CreditCard as CreditCard3, Loader2 as Loader23 } from "lucide-react";
+import { useEffect as useEffect45, useState as useState60 } from "react";
+import { v4 as v46 } from "uuid";
+
+// src/features/billing/stripe-subscription/hooks/useConfirmSubscriptionPayment.ts
+import { useStripe as useStripe2 } from "@stripe/react-stripe-js";
+import { useCallback as useCallback17, useState as useState55 } from "react";
+function useConfirmSubscriptionPayment() {
+  const stripe = useStripe2();
+  const [isConfirming, setIsConfirming] = useState55(false);
+  const confirmPayment = useCallback17(
+    async (clientSecret) => {
+      if (!stripe) {
+        console.error("[useConfirmSubscriptionPayment] Stripe not initialized");
+        return {
+          success: false,
+          error: "Payment system not initialized. Please refresh the page and try again."
+        };
+      }
+      if (!clientSecret) {
+        console.error("[useConfirmSubscriptionPayment] No client secret provided");
+        return {
+          success: false,
+          error: "Payment confirmation failed. Missing payment details."
+        };
+      }
+      setIsConfirming(true);
+      try {
+        const { error: stripeError, paymentIntent } = await stripe.confirmCardPayment(clientSecret);
+        if (stripeError) {
+          console.error("[useConfirmSubscriptionPayment] Stripe error:", stripeError);
+          return {
+            success: false,
+            error: stripeError.message || "Payment confirmation failed. Please try again."
+          };
+        }
+        if (paymentIntent?.status === "succeeded") {
+          return { success: true };
+        }
+        if (paymentIntent?.status === "requires_action") {
+          return {
+            success: false,
+            error: "Additional authentication required. Please complete the verification."
+          };
+        }
+        return {
+          success: false,
+          error: "Payment could not be completed. Please try again."
+        };
+      } catch (err) {
+        console.error("[useConfirmSubscriptionPayment] Unexpected error:", err);
+        return {
+          success: false,
+          error: err.message || "An unexpected error occurred during payment confirmation."
+        };
+      } finally {
+        setIsConfirming(false);
+      }
+    },
+    [stripe]
+  );
+  return {
+    confirmPayment,
+    isConfirming
+  };
+}
+__name(useConfirmSubscriptionPayment, "useConfirmSubscriptionPayment");
+
+// src/features/billing/stripe-subscription/components/forms/CancelSubscriptionDialog.tsx
+import { zodResolver as zodResolver10 } from "@hookform/resolvers/zod";
+import { useState as useState56 } from "react";
+import { useForm as useForm10 } from "react-hook-form";
+import { z as z10 } from "zod";
+import { jsx as jsx157, jsxs as jsxs97 } from "react/jsx-runtime";
+var formSchema = z10.object({
+  cancelImmediately: z10.boolean(),
+  reason: z10.string().optional()
+});
+function CancelSubscriptionDialog({
+  subscription,
+  open,
+  onOpenChange,
+  onSuccess
+}) {
+  const [isSubmitting, setIsSubmitting] = useState56(false);
+  const form = useForm10({
+    resolver: zodResolver10(formSchema),
+    defaultValues: {
+      cancelImmediately: false,
+      reason: ""
+    }
+  });
+  const cancelImmediately = form.watch("cancelImmediately");
+  const onSubmit = /* @__PURE__ */ __name(async (values) => {
+    setIsSubmitting(true);
+    try {
+      await StripeSubscriptionService.cancelSubscription({
+        id: subscription.id,
+        cancelImmediately: values.cancelImmediately
+      });
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[CancelSubscriptionDialog] Failed to cancel subscription:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "onSubmit");
+  const periodEndDate = formatDate3(subscription.currentPeriodEnd);
+  return /* @__PURE__ */ jsx157(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs97(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsxs97(DialogHeader, { children: [
+      /* @__PURE__ */ jsx157(DialogTitle, { children: "Cancel Subscription" }),
+      /* @__PURE__ */ jsx157(DialogDescription, { children: "Are you sure you want to cancel this subscription? This action cannot be undone." })
+    ] }),
+    /* @__PURE__ */ jsx157(Form, { ...form, children: /* @__PURE__ */ jsxs97("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx157(FormCheckbox, { form, id: "cancelImmediately", name: "Cancel Immediately" }),
+      cancelImmediately ? /* @__PURE__ */ jsx157("div", { className: "bg-red-50 border border-red-200 rounded-lg p-3 text-sm text-red-800", children: "Your subscription will be canceled immediately and you will lose access right away." }) : /* @__PURE__ */ jsxs97("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-3 text-sm text-blue-800", children: [
+        "Your subscription will remain active until ",
+        periodEndDate,
+        ". You can continue using the service until then."
+      ] }),
+      /* @__PURE__ */ jsx157(
+        FormTextarea,
+        {
+          form,
+          id: "reason",
+          name: "Reason (Optional)",
+          placeholder: "Let us know why you're canceling...",
+          className: "min-h-24"
+        }
+      ),
+      /* @__PURE__ */ jsxs97("div", { className: "flex gap-x-2 justify-end pt-2", children: [
+        /* @__PURE__ */ jsx157(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: isSubmitting, children: "Keep Subscription" }),
+        /* @__PURE__ */ jsx157(Button, { type: "submit", variant: "destructive", disabled: isSubmitting, children: isSubmitting ? "Canceling..." : "Confirm Cancellation" })
+      ] })
+    ] }) })
+  ] }) });
+}
+__name(CancelSubscriptionDialog, "CancelSubscriptionDialog");
+
+// src/features/billing/stripe-subscription/components/forms/SubscriptionEditor.tsx
+import { CheckCircle, Loader2 as Loader22 } from "lucide-react";
+import { useEffect as useEffect44, useState as useState57 } from "react";
+import { v4 as v45 } from "uuid";
+
+// src/features/billing/stripe-subscription/components/widgets/PricingCard.tsx
+import { Check } from "lucide-react";
+import { jsx as jsx158, jsxs as jsxs98 } from "react/jsx-runtime";
+function PricingCard({ price, isCurrentPlan = false, isSelected = false, isDisabled = false, isLoading = false, onSelect }) {
+  const description = price.description || price.nickname || "Standard";
+  const features = price.features || [];
+  const formattedPrice = formatCurrency(price.unitAmount, price.currency);
+  const interval = formatInterval(price);
+  const handleKeyDown = /* @__PURE__ */ __name((e) => {
+    if ((e.key === "Enter" || e.key === " ") && !isDisabled && !isCurrentPlan) {
+      e.preventDefault();
+      onSelect(price);
+    }
+  }, "handleKeyDown");
+  const handleClick = /* @__PURE__ */ __name(() => {
+    if (!isDisabled && !isCurrentPlan && !isLoading) {
+      onSelect(price);
+    }
+  }, "handleClick");
+  return /* @__PURE__ */ jsxs98(
+    Card,
+    {
+      role: "radio",
+      "aria-checked": isSelected,
+      "aria-label": `${description} plan at ${formattedPrice} ${interval}`,
+      tabIndex: isDisabled ? -1 : 0,
+      onKeyDown: handleKeyDown,
+      onClick: handleClick,
+      className: cn(
+        "relative cursor-pointer transition-all duration-200 flex flex-col h-full",
+        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        isCurrentPlan && "bg-muted/30",
+        isSelected && !isCurrentPlan && "ring-2 ring-primary",
+        !isDisabled && !isCurrentPlan && "hover:shadow-md hover:border-primary/50",
+        isDisabled && "opacity-50 pointer-events-none",
+        isLoading && "pointer-events-none"
+      ),
+      children: [
+        isCurrentPlan && /* @__PURE__ */ jsx158(Badge, { variant: "secondary", className: "absolute top-2 right-2", children: "Current" }),
+        /* @__PURE__ */ jsx158(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx158("h3", { className: "font-semibold text-lg", children: description }) }),
+        /* @__PURE__ */ jsxs98(CardContent, { className: "pb-4 grow", children: [
+          /* @__PURE__ */ jsxs98("div", { className: "mb-4", children: [
+            /* @__PURE__ */ jsx158("span", { className: "text-3xl font-bold", children: formattedPrice }),
+            /* @__PURE__ */ jsx158("span", { className: "text-muted-foreground ml-1", children: interval })
+          ] }),
+          features.length > 0 && /* @__PURE__ */ jsx158("ul", { className: "space-y-2", children: features.map((feature, index) => /* @__PURE__ */ jsxs98("li", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx158(Check, { className: "h-4 w-4 text-green-500 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ jsx158("span", { className: "text-sm text-muted-foreground", children: feature })
+          ] }, index)) })
+        ] }),
+        /* @__PURE__ */ jsx158(CardFooter, { children: /* @__PURE__ */ jsx158(
+          Button,
+          {
+            variant: isCurrentPlan ? "secondary" : isSelected ? "default" : "outline",
+            className: "w-full",
+            disabled: isDisabled || isCurrentPlan || isLoading,
+            children: isLoading ? "Processing..." : isCurrentPlan ? "Current Plan" : isSelected ? "Selected" : "Select Plan"
+          }
+        ) })
+      ]
+    }
+  );
+}
+__name(PricingCard, "PricingCard");
+
+// src/features/billing/stripe-subscription/components/widgets/PricingCardsGrid.tsx
+import { jsx as jsx159, jsxs as jsxs99 } from "react/jsx-runtime";
+function PricingCardsGrid({
+  products,
+  pricesByProduct,
+  currentPriceId,
+  selectedPriceId,
+  loadingPriceId,
+  loading = false,
+  onSelectPrice
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsx159(PricingCardsGridSkeleton, {});
+  }
+  if (products.length === 0) {
+    return /* @__PURE__ */ jsx159("div", { className: "text-center py-8 text-muted-foreground", children: "No plans available" });
+  }
+  return /* @__PURE__ */ jsx159("div", { className: "space-y-8", role: "radiogroup", "aria-label": "Available pricing plans", children: products.map((product) => {
+    const prices = pricesByProduct.get(product.id) || [];
+    if (prices.length === 0) return null;
+    const sortedPrices = [...prices].sort((a, b) => (a.unitAmount ?? 0) - (b.unitAmount ?? 0));
+    return /* @__PURE__ */ jsxs99("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx159("h3", { className: "text-lg font-semibold", children: product.name }),
+      /* @__PURE__ */ jsx159("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: sortedPrices.map((price) => /* @__PURE__ */ jsx159(
+        PricingCard,
+        {
+          price,
+          isCurrentPlan: price.stripePriceId === currentPriceId,
+          isSelected: price.stripePriceId === selectedPriceId,
+          isLoading: price.stripePriceId === loadingPriceId,
+          onSelect: onSelectPrice
+        },
+        price.stripePriceId
+      )) })
+    ] }, product.id);
+  }) });
+}
+__name(PricingCardsGrid, "PricingCardsGrid");
+function PricingCardsGridSkeleton() {
+  return /* @__PURE__ */ jsx159("div", { className: "space-y-8", children: [1, 2].map((productIndex) => /* @__PURE__ */ jsxs99("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx159(Skeleton, { className: "h-6 w-32" }),
+    /* @__PURE__ */ jsx159("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((cardIndex) => /* @__PURE__ */ jsxs99(Card, { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsx159(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx159(Skeleton, { className: "h-5 w-24" }) }),
+      /* @__PURE__ */ jsxs99(CardContent, { className: "pb-4", children: [
+        /* @__PURE__ */ jsxs99("div", { className: "mb-4", children: [
+          /* @__PURE__ */ jsx159(Skeleton, { className: "h-9 w-20 inline-block" }),
+          /* @__PURE__ */ jsx159(Skeleton, { className: "h-4 w-12 inline-block ml-2" })
+        ] }),
+        /* @__PURE__ */ jsxs99("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs99("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx159(Skeleton, { className: "h-4 w-4 rounded-full" }),
+            /* @__PURE__ */ jsx159(Skeleton, { className: "h-4 w-32" })
+          ] }),
+          /* @__PURE__ */ jsxs99("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx159(Skeleton, { className: "h-4 w-4 rounded-full" }),
+            /* @__PURE__ */ jsx159(Skeleton, { className: "h-4 w-28" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx159(CardFooter, { children: /* @__PURE__ */ jsx159(Skeleton, { className: "h-9 w-full" }) })
+    ] }, cardIndex)) })
+  ] }, productIndex)) });
+}
+__name(PricingCardsGridSkeleton, "PricingCardsGridSkeleton");
+
+// src/features/billing/stripe-subscription/components/widgets/ProrationPreview.tsx
+import { jsx as jsx160, jsxs as jsxs100 } from "react/jsx-runtime";
+function ProrationPreview({ preview }) {
+  return /* @__PURE__ */ jsxs100("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: [
+    /* @__PURE__ */ jsx160("h4", { className: "font-semibold text-blue-900 mb-3", children: "Proration Breakdown" }),
+    /* @__PURE__ */ jsxs100("div", { className: "space-y-2", children: [
+      preview.lineItems.map((item, index) => /* @__PURE__ */ jsxs100("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx160("span", { className: "text-blue-800", children: item.description }),
+        /* @__PURE__ */ jsx160("span", { className: `font-medium ${item.amount < 0 ? "text-green-600" : "text-blue-900"}`, children: formatCurrency(item.amount, preview.currency) })
+      ] }, index)),
+      /* @__PURE__ */ jsx160("div", { className: "border-t border-blue-200 pt-2 mt-2", children: /* @__PURE__ */ jsxs100("div", { className: "flex justify-between font-semibold", children: [
+        /* @__PURE__ */ jsx160("span", { className: "text-blue-900", children: "Net Due Today" }),
+        /* @__PURE__ */ jsx160("span", { className: "text-blue-900", children: formatCurrency(preview.immediateCharge, preview.currency) })
+      ] }) }),
+      preview.lineItems.length > 0 && preview.lineItems[0].period && /* @__PURE__ */ jsxs100("div", { className: "text-xs text-blue-700 mt-2", children: [
+        "Next invoice on ",
+        formatDate3(preview.lineItems[0].period.end),
+        " for",
+        " ",
+        formatCurrency(preview.amountDue, preview.currency)
+      ] })
+    ] })
+  ] });
+}
+__name(ProrationPreview, "ProrationPreview");
+
+// src/features/billing/stripe-subscription/components/forms/SubscriptionEditor.tsx
+import { jsx as jsx161, jsxs as jsxs101 } from "react/jsx-runtime";
+function SubscriptionEditor({
+  subscription,
+  open,
+  onOpenChange,
+  onSuccess,
+  onAddPaymentMethod
+}) {
+  const { confirmPayment, isConfirming } = useConfirmSubscriptionPayment();
+  const [products, setProducts] = useState57([]);
+  const [pricesByProduct, setPricesByProduct] = useState57(/* @__PURE__ */ new Map());
+  const [loading, setLoading] = useState57(true);
+  const [selectedPriceId, setSelectedPriceId] = useState57(null);
+  const [loadingPriceId, setLoadingPriceId] = useState57(null);
+  const [prorationPreview, setProrationPreview] = useState57(null);
+  const [loadingProration, setLoadingProration] = useState57(false);
+  const [hasPaymentMethod, setHasPaymentMethod] = useState57(true);
+  const [loadingPaymentMethods, setLoadingPaymentMethods] = useState57(true);
+  const [paymentRequiredError, setPaymentRequiredError] = useState57(false);
+  const [paymentConfirmationState, setPaymentConfirmationState] = useState57("idle");
+  const [paymentError, setPaymentError] = useState57(null);
+  const currentPriceId = subscription?.price?.id;
+  const isEditMode = !!subscription;
+  useEffect44(() => {
+    const checkPaymentMethods = /* @__PURE__ */ __name(async () => {
+      if (subscription) {
+        setLoadingPaymentMethods(false);
+        return;
+      }
+      setLoadingPaymentMethods(true);
+      try {
+        const paymentMethods = await StripeCustomerService.listPaymentMethods();
+        const hasMethod = paymentMethods.length > 0;
+        setHasPaymentMethod(hasMethod);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to check payment methods:", error);
+        setHasPaymentMethod(false);
+      } finally {
+        setLoadingPaymentMethods(false);
+      }
+    }, "checkPaymentMethods");
+    if (open) {
+      checkPaymentMethods();
+    }
+  }, [open, subscription]);
+  useEffect44(() => {
+    const loadData = /* @__PURE__ */ __name(async () => {
+      setLoading(true);
+      try {
+        const fetchedProducts = await StripeProductService.listProducts({ active: true });
+        const grouped = /* @__PURE__ */ new Map();
+        for (const product of fetchedProducts) {
+          if (product.stripePrices && product.stripePrices.length > 0) {
+            grouped.set(product.id, product.stripePrices);
+          }
+        }
+        setProducts(fetchedProducts);
+        setPricesByProduct(grouped);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to load products/prices:", error);
+      } finally {
+        setLoading(false);
+      }
+    }, "loadData");
+    if (open) {
+      loadData();
+    }
+  }, [open]);
+  useEffect44(() => {
+    const loadProration = /* @__PURE__ */ __name(async () => {
+      if (!subscription || !selectedPriceId || selectedPriceId === currentPriceId) {
+        setProrationPreview(null);
+        return;
+      }
+      setLoadingProration(true);
+      try {
+        const preview = await StripeSubscriptionService.getProrationPreview({
+          subscriptionId: subscription.id,
+          newPriceId: selectedPriceId
+        });
+        setProrationPreview(preview);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to load proration preview:", error);
+        setProrationPreview(null);
+      } finally {
+        setLoadingProration(false);
+      }
+    }, "loadProration");
+    loadProration();
+  }, [selectedPriceId, subscription, currentPriceId]);
+  const handleSelectPrice = /* @__PURE__ */ __name(async (price) => {
+    const priceId = price.id;
+    if (isEditMode) {
+      setSelectedPriceId(priceId);
+    } else {
+      setLoadingPriceId(priceId);
+      setSelectedPriceId(priceId);
+      setPaymentError(null);
+      setPaymentConfirmationState("idle");
+      try {
+        const result = await StripeSubscriptionService.createSubscription({
+          id: v45(),
+          priceId
+        });
+        if (result.meta.requiresAction && result.meta.clientSecret) {
+          setPaymentConfirmationState("confirming");
+          const confirmation = await confirmPayment(result.meta.clientSecret);
+          if (!confirmation.success) {
+            console.error("[SubscriptionEditor] Payment confirmation failed:", confirmation.error);
+            setPaymentConfirmationState("error");
+            setPaymentError(confirmation.error || "Payment confirmation failed");
+            setLoadingPriceId(null);
+            return;
+          }
+          await StripeSubscriptionService.syncSubscription({
+            subscriptionId: result.subscription.id
+          });
+        }
+        setPaymentConfirmationState("success");
+        setTimeout(() => {
+          onSuccess();
+          onOpenChange(false);
+        }, 1e3);
+      } catch (error) {
+        console.error("[SubscriptionEditor] Failed to create subscription:", error);
+        if (error?.status === 402 || error?.response?.status === 402) {
+          setPaymentRequiredError(true);
+          setHasPaymentMethod(false);
+        } else {
+          setPaymentConfirmationState("error");
+          setPaymentError(error?.message || "Failed to create subscription");
+        }
+        setLoadingPriceId(null);
+      }
+    }
+  }, "handleSelectPrice");
+  const handleConfirmPlanChange = /* @__PURE__ */ __name(async () => {
+    if (!subscription || !selectedPriceId) return;
+    setLoadingPriceId(selectedPriceId);
+    try {
+      await StripeSubscriptionService.changePlan({
+        id: subscription.id,
+        newPriceId: selectedPriceId
+      });
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[SubscriptionEditor] Failed to change plan:", error);
+    } finally {
+      setLoadingPriceId(null);
+    }
+  }, "handleConfirmPlanChange");
+  const handleCancel = /* @__PURE__ */ __name(() => {
+    setSelectedPriceId(null);
+    setProrationPreview(null);
+  }, "handleCancel");
+  return /* @__PURE__ */ jsx161(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs101(DialogContent, { className: "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs101(DialogHeader, { children: [
+      /* @__PURE__ */ jsx161(DialogTitle, { children: subscription ? "Change Plan" : "Subscribe to a Plan" }),
+      /* @__PURE__ */ jsx161(DialogDescription, { children: subscription ? "Select a new plan to switch to. You'll see a proration preview before confirming." : "Choose a plan to start your subscription." })
+    ] }),
+    loadingPaymentMethods && !subscription ? /* @__PURE__ */ jsx161("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx161("div", { className: "text-muted-foreground", children: "Checking payment methods..." }) }) : !hasPaymentMethod && !subscription ? /* @__PURE__ */ jsxs101(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx161(AlertTitle, { children: "Payment Method Required" }),
+      /* @__PURE__ */ jsxs101(AlertDescription, { className: "mt-2", children: [
+        /* @__PURE__ */ jsx161("p", { className: "mb-4", children: paymentRequiredError ? "Your subscription could not be created because no payment method is on file." : "You need to add a payment method before you can subscribe to a plan." }),
+        onAddPaymentMethod && /* @__PURE__ */ jsx161(Button, { onClick: onAddPaymentMethod, variant: "outline", children: "Add Payment Method" })
+      ] })
+    ] }) : paymentConfirmationState === "confirming" || isConfirming ? /* @__PURE__ */ jsxs101("div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
+      /* @__PURE__ */ jsx161(Loader22, { className: "h-8 w-8 animate-spin text-primary" }),
+      /* @__PURE__ */ jsxs101("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx161("p", { className: "font-medium", children: "Processing payment..." }),
+        /* @__PURE__ */ jsx161("p", { className: "text-sm text-muted-foreground", children: "Please complete any verification if prompted." })
+      ] })
+    ] }) : paymentConfirmationState === "success" ? /* @__PURE__ */ jsxs101("div", { className: "flex flex-col items-center justify-center py-12 space-y-4", children: [
+      /* @__PURE__ */ jsx161(CheckCircle, { className: "h-12 w-12 text-green-500" }),
+      /* @__PURE__ */ jsxs101("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx161("p", { className: "font-medium text-green-600", children: "Payment successful!" }),
+        /* @__PURE__ */ jsx161("p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
+      ] })
+    ] }) : paymentConfirmationState === "error" ? /* @__PURE__ */ jsx161("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs101(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx161(AlertTitle, { children: "Payment Failed" }),
+      /* @__PURE__ */ jsxs101(AlertDescription, { className: "mt-2", children: [
+        /* @__PURE__ */ jsx161("p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
+        /* @__PURE__ */ jsx161(
+          Button,
+          {
+            onClick: () => {
+              setPaymentConfirmationState("idle");
+              setPaymentError(null);
+              setLoadingPriceId(null);
+            },
+            variant: "outline",
+            children: "Try Again"
+          }
+        )
+      ] })
+    ] }) }) : /* @__PURE__ */ jsxs101("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx161(
+        PricingCardsGrid,
+        {
+          products,
+          pricesByProduct,
+          currentPriceId,
+          selectedPriceId: selectedPriceId ?? void 0,
+          loadingPriceId: loadingPriceId ?? void 0,
+          loading,
+          onSelectPrice: handleSelectPrice
+        }
+      ),
+      isEditMode && loadingProration && /* @__PURE__ */ jsx161("div", { className: "bg-muted/50 rounded-lg p-4 text-sm text-muted-foreground text-center", children: "Loading proration preview..." }),
+      isEditMode && prorationPreview && !loadingProration && /* @__PURE__ */ jsxs101("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx161(ProrationPreview, { preview: prorationPreview }),
+        /* @__PURE__ */ jsxs101("div", { className: "flex justify-end gap-3", children: [
+          /* @__PURE__ */ jsx161(Button, { variant: "outline", onClick: handleCancel, disabled: !!loadingPriceId, children: "Cancel" }),
+          /* @__PURE__ */ jsx161(Button, { onClick: handleConfirmPlanChange, disabled: !!loadingPriceId, children: loadingPriceId ? "Processing..." : "Confirm Plan Change" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+__name(SubscriptionEditor, "SubscriptionEditor");
+
+// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
+import { useState as useState59 } from "react";
+
+// src/features/billing/stripe-subscription/components/details/SubscriptionDetails.tsx
+import { useState as useState58 } from "react";
+
+// src/features/billing/stripe-subscription/components/widgets/SubscriptionStatusBadge.tsx
+import { jsx as jsx162 } from "react/jsx-runtime";
+var statusConfig2 = {
+  ["active" /* ACTIVE */]: {
+    label: "Active",
+    color: "bg-green-100 text-green-800"
+  },
+  ["trialing" /* TRIALING */]: {
+    label: "Trial",
+    color: "bg-blue-100 text-blue-800"
+  },
+  ["past_due" /* PAST_DUE */]: {
+    label: "Past Due",
+    color: "bg-red-100 text-red-800"
+  },
+  ["canceled" /* CANCELED */]: {
+    label: "Canceled",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["paused" /* PAUSED */]: {
+    label: "Paused",
+    color: "bg-yellow-100 text-yellow-800"
+  },
+  ["unpaid" /* UNPAID */]: {
+    label: "Unpaid",
+    color: "bg-orange-100 text-orange-800"
+  },
+  ["incomplete" /* INCOMPLETE */]: {
+    label: "Incomplete",
+    color: "bg-gray-100 text-gray-800"
+  },
+  ["incomplete_expired" /* INCOMPLETE_EXPIRED */]: {
+    label: "Expired",
+    color: "bg-gray-100 text-gray-800"
+  }
+};
+var cancelingConfig = {
+  label: "Canceling",
+  color: "bg-amber-100 text-amber-800"
+};
+function SubscriptionStatusBadge({ status, cancelAtPeriodEnd }) {
+  const config = cancelAtPeriodEnd ? cancelingConfig : statusConfig2[status] || statusConfig2["canceled" /* CANCELED */];
+  return /* @__PURE__ */ jsx162("span", { className: `${config.color} text-xs px-2 py-1 rounded-full font-medium`, children: config.label });
+}
+__name(SubscriptionStatusBadge, "SubscriptionStatusBadge");
+
+// src/features/billing/stripe-subscription/components/details/SubscriptionDetails.tsx
+import { Fragment as Fragment30, jsx as jsx163, jsxs as jsxs102 } from "react/jsx-runtime";
+function formatPlanName2(price) {
+  if (!price) return "N/A";
+  const productName = price.product?.name || "";
+  const nickname = price.nickname || "";
+  let interval = "";
+  if (price.recurring?.interval) {
+    const intervalMap = {
+      day: "Daily",
+      week: "Weekly",
+      month: "Monthly",
+      year: "Yearly"
+    };
+    interval = intervalMap[price.recurring.interval] || price.recurring.interval;
+  }
+  const parts = [productName, nickname].filter(Boolean);
+  const planLabel = parts.join(" - ");
+  return interval ? `${planLabel} (${interval})` : planLabel || "N/A";
+}
+__name(formatPlanName2, "formatPlanName");
+function formatBillingAmount(price) {
+  if (!price?.unitAmount) return "N/A";
+  return formatCurrency(price.unitAmount, price.currency);
+}
+__name(formatBillingAmount, "formatBillingAmount");
+function SubscriptionDetails({
+  subscription,
+  open,
+  onOpenChange,
+  onSubscriptionChange
+}) {
+  const [showEdit, setShowEdit] = useState58(false);
+  const [showCancel, setShowCancel] = useState58(false);
+  const [isProcessing, setIsProcessing] = useState58(false);
+  const handlePause = /* @__PURE__ */ __name(async () => {
+    setIsProcessing(true);
+    try {
+      await StripeSubscriptionService.pauseSubscription({ subscriptionId: subscription.id });
+      onSubscriptionChange();
+    } catch (error) {
+      console.error("[SubscriptionDetails] Failed to pause subscription:", error);
+    } finally {
+      setIsProcessing(false);
+    }
+  }, "handlePause");
+  const handleResume = /* @__PURE__ */ __name(async () => {
+    setIsProcessing(true);
+    try {
+      await StripeSubscriptionService.resumeSubscription({ subscriptionId: subscription.id });
+      onSubscriptionChange();
+    } catch (error) {
+      console.error("[SubscriptionDetails] Failed to resume subscription:", error);
+    } finally {
+      setIsProcessing(false);
+    }
+  }, "handleResume");
+  const handleManageViaPortal = /* @__PURE__ */ __name(async () => {
+    try {
+      const { url } = await StripeCustomerService.createPortalSession();
+      window.open(url, "_blank");
+    } catch (error) {
+      console.error("[SubscriptionDetails] Failed to create portal session:", error);
+    }
+  }, "handleManageViaPortal");
+  const canPause = subscription.status === "active" /* ACTIVE */;
+  const canResume = subscription.status === "paused" /* PAUSED */;
+  const canCancel = subscription.status === "active" /* ACTIVE */ || subscription.status === "trialing" /* TRIALING */ || subscription.status === "paused" /* PAUSED */;
+  return /* @__PURE__ */ jsxs102(Fragment30, { children: [
+    /* @__PURE__ */ jsx163(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs102(DialogContent, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ jsxs102(DialogHeader, { children: [
+        /* @__PURE__ */ jsx163(DialogTitle, { children: "Subscription Details" }),
+        /* @__PURE__ */ jsx163(DialogDescription, { children: "View and manage your subscription" })
+      ] }),
+      /* @__PURE__ */ jsxs102("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-x-3", children: [
+          /* @__PURE__ */ jsx163("span", { className: "text-sm font-medium text-muted-foreground", children: "Status:" }),
+          /* @__PURE__ */ jsx163(SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd })
+        ] }),
+        /* @__PURE__ */ jsxs102("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs102("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx163("span", { className: "text-sm font-medium text-muted-foreground", children: "Plan:" }),
+            /* @__PURE__ */ jsx163("span", { className: "font-medium", children: formatPlanName2(subscription.price) })
+          ] }),
+          /* @__PURE__ */ jsxs102("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx163("span", { className: "text-sm font-medium text-muted-foreground", children: "Billing Amount:" }),
+            /* @__PURE__ */ jsx163("span", { className: "font-medium", children: formatBillingAmount(subscription.price) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx163("div", { className: "space-y-2", children: /* @__PURE__ */ jsxs102("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx163("span", { className: "text-sm font-medium text-muted-foreground", children: "Current Period:" }),
+          /* @__PURE__ */ jsxs102("span", { className: "font-medium", children: [
+            formatDate3(subscription.currentPeriodStart),
+            " - ",
+            formatDate3(subscription.currentPeriodEnd)
+          ] })
+        ] }) }),
+        subscription.trialEnd && /* @__PURE__ */ jsxs102("div", { className: "flex justify-between", children: [
+          /* @__PURE__ */ jsx163("span", { className: "text-sm font-medium text-muted-foreground", children: "Trial Ends:" }),
+          /* @__PURE__ */ jsx163("span", { className: "font-medium", children: formatDate3(subscription.trialEnd) })
+        ] }),
+        subscription.cancelAtPeriodEnd && /* @__PURE__ */ jsx163("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-3", children: /* @__PURE__ */ jsxs102("p", { className: "text-sm text-yellow-800", children: [
+          "This subscription will be canceled at the end of the current period on",
+          " ",
+          formatDate3(subscription.currentPeriodEnd),
+          "."
+        ] }) }),
+        /* @__PURE__ */ jsxs102("div", { className: "flex flex-wrap gap-2 pt-4 border-t", children: [
+          /* @__PURE__ */ jsx163(Button, { variant: "default", onClick: () => setShowEdit(true), children: "Change Plan" }),
+          canPause && /* @__PURE__ */ jsx163(Button, { variant: "outline", onClick: handlePause, disabled: isProcessing, children: isProcessing ? "Pausing..." : "Pause" }),
+          canResume && /* @__PURE__ */ jsx163(Button, { variant: "outline", onClick: handleResume, disabled: isProcessing, children: isProcessing ? "Resuming..." : "Resume" }),
+          canCancel && /* @__PURE__ */ jsx163(Button, { variant: "destructive", onClick: () => setShowCancel(true), children: "Cancel" }),
+          /* @__PURE__ */ jsx163(Button, { variant: "outline", onClick: handleManageViaPortal, children: "Manage via Portal" })
+        ] })
+      ] })
+    ] }) }),
+    showEdit && /* @__PURE__ */ jsx163(
+      SubscriptionEditor,
+      {
+        subscription,
+        open: showEdit,
+        onOpenChange: setShowEdit,
+        onSuccess: () => {
+          onSubscriptionChange();
+          setShowEdit(false);
+        }
+      }
+    ),
+    showCancel && /* @__PURE__ */ jsx163(
+      CancelSubscriptionDialog,
+      {
+        subscription,
+        open: showCancel,
+        onOpenChange: setShowCancel,
+        onSuccess: () => {
+          onSubscriptionChange();
+          setShowCancel(false);
+        }
+      }
+    )
+  ] });
+}
+__name(SubscriptionDetails, "SubscriptionDetails");
+
+// src/features/billing/stripe-subscription/components/lists/SubscriptionsList.tsx
+import { Fragment as Fragment31, jsx as jsx164, jsxs as jsxs103 } from "react/jsx-runtime";
+function formatPlanName3(price) {
+  if (!price) return "N/A";
+  const productName = price.product?.name || "";
+  const nickname = price.nickname || "";
+  let interval = "";
+  if (price.recurring?.interval) {
+    const intervalMap = {
+      day: "Daily",
+      week: "Weekly",
+      month: "Monthly",
+      year: "Yearly"
+    };
+    interval = intervalMap[price.recurring.interval] || price.recurring.interval;
+  }
+  const parts = [productName, nickname].filter(Boolean);
+  const planLabel = parts.join(" - ");
+  return interval ? `${planLabel} (${interval})` : planLabel || "N/A";
+}
+__name(formatPlanName3, "formatPlanName");
+function SubscriptionsList({ subscriptions, onSubscriptionsChange }) {
+  const [selectedSub, setSelectedSub] = useState59(null);
+  const handleRowClick = /* @__PURE__ */ __name((subscription) => {
+    setSelectedSub(subscription);
+  }, "handleRowClick");
+  return /* @__PURE__ */ jsxs103(Fragment31, { children: [
+    /* @__PURE__ */ jsx164("div", { className: "border rounded-lg overflow-hidden", children: /* @__PURE__ */ jsxs103(Table, { children: [
+      /* @__PURE__ */ jsx164(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs103(TableRow, { children: [
+        /* @__PURE__ */ jsx164(TableHead, { children: "Status" }),
+        /* @__PURE__ */ jsx164(TableHead, { children: "Plan" }),
+        /* @__PURE__ */ jsx164(TableHead, { children: "Period" }),
+        /* @__PURE__ */ jsx164(TableHead, { className: "text-right", children: "Amount" })
+      ] }) }),
+      /* @__PURE__ */ jsx164(TableBody, { children: subscriptions.map((subscription) => {
+        const price = subscription.price;
+        const amount = price?.unitAmount ? formatCurrency(price.unitAmount, price.currency) : "N/A";
+        const period = `${formatDate3(subscription.currentPeriodStart)} - ${formatDate3(subscription.currentPeriodEnd)}`;
+        return /* @__PURE__ */ jsxs103(
+          TableRow,
+          {
+            onClick: () => handleRowClick(subscription),
+            className: "cursor-pointer hover:bg-muted/50",
+            children: [
+              /* @__PURE__ */ jsx164(TableCell, { children: /* @__PURE__ */ jsx164(SubscriptionStatusBadge, { status: subscription.status, cancelAtPeriodEnd: subscription.cancelAtPeriodEnd }) }),
+              /* @__PURE__ */ jsx164(TableCell, { className: "font-medium", children: formatPlanName3(price) }),
+              /* @__PURE__ */ jsx164(TableCell, { className: "text-muted-foreground text-sm", children: period }),
+              /* @__PURE__ */ jsx164(TableCell, { className: "text-right font-medium", children: amount })
+            ]
+          },
+          subscription.id
+        );
+      }) })
+    ] }) }),
+    selectedSub && /* @__PURE__ */ jsx164(
+      SubscriptionDetails,
+      {
+        subscription: selectedSub,
+        open: !!selectedSub,
+        onOpenChange: (open) => !open && setSelectedSub(null),
+        onSubscriptionChange: () => {
+          onSubscriptionsChange();
+          setSelectedSub(null);
+        }
+      }
+    )
+  ] });
+}
+__name(SubscriptionsList, "SubscriptionsList");
+
+// src/features/billing/stripe-subscription/components/containers/SubscriptionsContainer.tsx
+import { Fragment as Fragment32, jsx as jsx165, jsxs as jsxs104 } from "react/jsx-runtime";
+function SubscriptionsContainer() {
+  const { confirmPayment, isConfirming } = useConfirmSubscriptionPayment();
+  const [subscriptions, setSubscriptions] = useState60([]);
+  const [loading, setLoading] = useState60(true);
+  const [showCreateSubscription, setShowCreateSubscription] = useState60(false);
+  const [showPaymentMethodEditor, setShowPaymentMethodEditor] = useState60(false);
+  const [products, setProducts] = useState60([]);
+  const [pricesByProduct, setPricesByProduct] = useState60(/* @__PURE__ */ new Map());
+  const [loadingPricing, setLoadingPricing] = useState60(false);
+  const [hasPaymentMethod, setHasPaymentMethod] = useState60(null);
+  const [pendingPriceId, setPendingPriceId] = useState60(null);
+  const [creatingSubscription, setCreatingSubscription] = useState60(false);
+  const [paymentConfirmationState, setPaymentConfirmationState] = useState60("idle");
+  const [paymentError, setPaymentError] = useState60(null);
+  const loadSubscriptions = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedSubscriptions = await StripeSubscriptionService.listSubscriptions();
+      setSubscriptions(fetchedSubscriptions);
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to load subscriptions:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadSubscriptions");
+  const loadPricingData = /* @__PURE__ */ __name(async () => {
+    setLoadingPricing(true);
+    try {
+      const fetchedProducts = await StripeProductService.listProducts({ active: true });
+      const grouped = /* @__PURE__ */ new Map();
+      for (const product of fetchedProducts) {
+        if (product.stripePrices && product.stripePrices.length > 0) {
+          grouped.set(product.id, product.stripePrices);
+        }
+      }
+      setProducts(fetchedProducts);
+      setPricesByProduct(grouped);
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to load pricing data:", error);
+    } finally {
+      setLoadingPricing(false);
+    }
+  }, "loadPricingData");
+  const checkPaymentMethod = /* @__PURE__ */ __name(async () => {
+    try {
+      const paymentMethods = await StripeCustomerService.listPaymentMethods();
+      const hasMethod = paymentMethods.length > 0;
+      setHasPaymentMethod(hasMethod);
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to check payment methods:", error);
+      setHasPaymentMethod(false);
+    }
+  }, "checkPaymentMethod");
+  const createSubscriptionWithPrice = /* @__PURE__ */ __name(async (priceId) => {
+    setCreatingSubscription(true);
+    setPaymentError(null);
+    setPaymentConfirmationState("idle");
+    try {
+      const result = await StripeSubscriptionService.createSubscription({
+        id: v46(),
+        priceId
+      });
+      if (result.meta.requiresAction && result.meta.clientSecret) {
+        setPaymentConfirmationState("confirming");
+        const confirmation = await confirmPayment(result.meta.clientSecret);
+        if (!confirmation.success) {
+          console.error("[SubscriptionsContainer] Payment confirmation failed:", confirmation.error);
+          setPaymentConfirmationState("error");
+          setPaymentError(confirmation.error || "Payment confirmation failed");
+          setCreatingSubscription(false);
+          return;
+        }
+        await StripeSubscriptionService.syncSubscription({
+          subscriptionId: result.subscription.id
+        });
+      }
+      setPaymentConfirmationState("success");
+      await loadSubscriptions();
+    } catch (error) {
+      console.error("[SubscriptionsContainer] Failed to create subscription:", error);
+      if (error?.status === 402 || error?.response?.status === 402) {
+        setPendingPriceId(priceId);
+        setHasPaymentMethod(false);
+        setShowPaymentMethodEditor(true);
+      } else {
+        setPaymentConfirmationState("error");
+        setPaymentError(error?.message || "Failed to create subscription");
+      }
+    } finally {
+      setCreatingSubscription(false);
+    }
+  }, "createSubscriptionWithPrice");
+  const handleSelectPrice = /* @__PURE__ */ __name(async (price) => {
+    const priceId = price.id;
+    if (!hasPaymentMethod) {
+      setPendingPriceId(priceId);
+      setShowPaymentMethodEditor(true);
+      return;
+    }
+    await createSubscriptionWithPrice(priceId);
+  }, "handleSelectPrice");
+  const handlePaymentMethodSuccess = /* @__PURE__ */ __name(async () => {
+    setShowPaymentMethodEditor(false);
+    setHasPaymentMethod(true);
+    if (pendingPriceId) {
+      await createSubscriptionWithPrice(pendingPriceId);
+      setPendingPriceId(null);
+    }
+  }, "handlePaymentMethodSuccess");
+  useEffect45(() => {
+    loadSubscriptions();
+  }, []);
+  useEffect45(() => {
+    if (!loading && subscriptions.length === 0) {
+      loadPricingData();
+      checkPaymentMethod();
+    }
+  }, [loading, subscriptions.length]);
+  const criticalSubscriptions = subscriptions.filter(
+    (sub) => sub.status === "past_due" /* PAST_DUE */ || sub.status === "trialing" /* TRIALING */ && sub.trialEnd && new Date(sub.trialEnd).getTime() - (/* @__PURE__ */ new Date()).getTime() <= 7 * 24 * 60 * 60 * 1e3
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx165("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx165("p", { className: "text-muted-foreground", children: "Loading subscriptions..." }) });
+  }
+  return /* @__PURE__ */ jsxs104("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs104("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs104("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx165(CreditCard3, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx165("h1", { className: "text-3xl font-bold", children: "Subscriptions" })
+      ] }),
+      subscriptions.length > 0 && /* @__PURE__ */ jsx165(Button, { onClick: () => setShowCreateSubscription(true), children: "Subscribe to a Plan" })
+    ] }),
+    criticalSubscriptions.map((subscription) => /* @__PURE__ */ jsx165(BillingAlertBanner, { subscription }, subscription.id)),
+    subscriptions.length === 0 && /* @__PURE__ */ jsxs104("div", { className: "space-y-6", children: [
+      (paymentConfirmationState === "confirming" || isConfirming) && /* @__PURE__ */ jsxs104("div", { className: "flex flex-col items-center justify-center py-12 space-y-4 bg-muted/50 rounded-lg", children: [
+        /* @__PURE__ */ jsx165(Loader23, { className: "h-8 w-8 animate-spin text-primary" }),
+        /* @__PURE__ */ jsxs104("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx165("p", { className: "font-medium", children: "Processing payment..." }),
+          /* @__PURE__ */ jsx165("p", { className: "text-sm text-muted-foreground", children: "Please complete any verification if prompted." })
+        ] })
+      ] }),
+      paymentConfirmationState === "success" && /* @__PURE__ */ jsxs104("div", { className: "flex flex-col items-center justify-center py-8 space-y-4 bg-green-50 rounded-lg border border-green-200", children: [
+        /* @__PURE__ */ jsx165(CheckCircle2, { className: "h-12 w-12 text-green-500" }),
+        /* @__PURE__ */ jsxs104("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx165("p", { className: "font-medium text-green-600", children: "Payment successful!" }),
+          /* @__PURE__ */ jsx165("p", { className: "text-sm text-muted-foreground", children: "Your subscription is now active." })
+        ] })
+      ] }),
+      paymentConfirmationState === "error" && /* @__PURE__ */ jsxs104(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx165(AlertTitle, { children: "Payment Failed" }),
+        /* @__PURE__ */ jsxs104(AlertDescription, { className: "mt-2", children: [
+          /* @__PURE__ */ jsx165("p", { className: "mb-4", children: paymentError || "We couldn't process your payment. Please try again." }),
+          /* @__PURE__ */ jsx165(
+            Button,
+            {
+              onClick: () => {
+                setPaymentConfirmationState("idle");
+                setPaymentError(null);
+              },
+              variant: "outline",
+              children: "Try Again"
+            }
+          )
+        ] })
+      ] }),
+      paymentConfirmationState === "idle" && !isConfirming && /* @__PURE__ */ jsxs104(Fragment32, { children: [
+        /* @__PURE__ */ jsxs104("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx165(CreditCard3, { className: "text-muted-foreground mx-auto h-16 w-16 mb-4" }),
+          /* @__PURE__ */ jsx165("h3", { className: "mb-2 text-xl font-semibold", children: "Choose Your Plan" }),
+          /* @__PURE__ */ jsx165("p", { className: "text-muted-foreground mb-6", children: "Select a subscription plan to get started with our services." })
+        ] }),
+        /* @__PURE__ */ jsx165(
+          PricingCardsGrid,
+          {
+            products,
+            pricesByProduct,
+            loading: loadingPricing,
+            loadingPriceId: creatingSubscription ? pendingPriceId ?? void 0 : void 0,
+            onSelectPrice: handleSelectPrice
+          }
+        )
+      ] })
+    ] }),
+    subscriptions.length > 0 && /* @__PURE__ */ jsx165(SubscriptionsList, { subscriptions, onSubscriptionsChange: loadSubscriptions }),
+    showCreateSubscription && /* @__PURE__ */ jsx165(
+      SubscriptionEditor,
+      {
+        open: showCreateSubscription,
+        onOpenChange: setShowCreateSubscription,
+        onSuccess: loadSubscriptions,
+        onAddPaymentMethod: () => {
+          setShowCreateSubscription(false);
+          setShowPaymentMethodEditor(true);
+        }
+      }
+    ),
+    showPaymentMethodEditor && /* @__PURE__ */ jsx165(
+      PaymentMethodEditor,
+      {
+        open: showPaymentMethodEditor,
+        onOpenChange: (open) => {
+          setShowPaymentMethodEditor(open);
+          if (!open) {
+            setPendingPriceId(null);
+          }
+        },
+        onSuccess: handlePaymentMethodSuccess
+      }
+    )
+  ] });
+}
+__name(SubscriptionsContainer, "SubscriptionsContainer");
+
+// src/features/billing/stripe-usage/components/containers/UsageContainer.tsx
+import { Activity as Activity3 } from "lucide-react";
+import { useEffect as useEffect46, useState as useState61 } from "react";
+
+// src/features/billing/stripe-usage/components/details/UsageSummaryCard.tsx
+import { Activity as Activity2 } from "lucide-react";
+import { jsx as jsx166, jsxs as jsxs105 } from "react/jsx-runtime";
+function getProgressColor(percentage) {
+  if (percentage === null) return "bg-blue-500";
+  if (percentage >= 90) return "bg-red-500";
+  if (percentage >= 75) return "bg-orange-500";
+  return "bg-green-500";
+}
+__name(getProgressColor, "getProgressColor");
+function formatDate4(date) {
+  if (!date) return "N/A";
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric"
+    }).format(new Date(date));
+  } catch (error) {
+    return "Invalid Date";
+  }
+}
+__name(formatDate4, "formatDate");
+function UsageSummaryCard({ meter, summary }) {
+  const currentUsage = summary?.aggregatedValue ?? 0;
+  const limit = meter.limit;
+  const percentage = limit && limit > 0 ? currentUsage / limit * 100 : null;
+  const progressColor = getProgressColor(percentage);
+  const progressWidth = percentage !== null ? Math.min(percentage, 100) : 0;
+  const displayName = meter.displayName || meter.eventName;
+  const hasLimit = limit !== null && limit !== void 0;
+  return /* @__PURE__ */ jsxs105(Card, { children: [
+    /* @__PURE__ */ jsxs105(CardHeader, { className: "flex flex-row items-center gap-x-3 pb-3", children: [
+      /* @__PURE__ */ jsx166("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600", children: /* @__PURE__ */ jsx166(Activity2, { className: "h-5 w-5" }) }),
+      /* @__PURE__ */ jsxs105("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx166("h3", { className: "font-semibold", children: displayName }),
+        /* @__PURE__ */ jsx166("p", { className: "text-xs text-gray-500", children: meter.id })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs105(CardContent, { className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs105("div", { children: [
+        /* @__PURE__ */ jsx166("p", { className: "text-3xl font-bold", children: currentUsage.toLocaleString() }),
+        hasLimit && /* @__PURE__ */ jsxs105("p", { className: "text-sm text-gray-500", children: [
+          "of ",
+          limit.toLocaleString(),
+          " used"
+        ] })
+      ] }),
+      hasLimit ? /* @__PURE__ */ jsxs105("div", { className: "flex flex-col gap-y-2", children: [
+        /* @__PURE__ */ jsx166("div", { className: "h-2 w-full overflow-hidden rounded-full bg-gray-200", children: /* @__PURE__ */ jsx166("div", { className: `h-full transition-all ${progressColor}`, style: { width: `${progressWidth}%` } }) }),
+        /* @__PURE__ */ jsxs105("p", { className: "text-sm text-gray-500", children: [
+          percentage?.toFixed(1),
+          "% used"
+        ] })
+      ] }) : /* @__PURE__ */ jsx166("p", { className: "text-sm text-gray-500", children: "No limit set" }),
+      summary && summary.start && summary.end && /* @__PURE__ */ jsx166("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsxs105("p", { className: "text-xs text-gray-500", children: [
+        "Period: ",
+        formatDate4(summary.start),
+        " - ",
+        formatDate4(summary.end)
+      ] }) })
+    ] })
+  ] });
+}
+__name(UsageSummaryCard, "UsageSummaryCard");
+
+// src/features/billing/stripe-usage/components/widgets/UsageSummaryCards.tsx
+import { jsx as jsx167 } from "react/jsx-runtime";
+function UsageSummaryCards({ meters, summaries }) {
+  return /* @__PURE__ */ jsx167("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: meters.map((meter) => /* @__PURE__ */ jsx167(UsageSummaryCard, { meter, summary: summaries[meter.id] || null }, meter.id)) });
+}
+__name(UsageSummaryCards, "UsageSummaryCards");
+
+// src/features/billing/stripe-usage/components/containers/UsageContainer.tsx
+import { jsx as jsx168, jsxs as jsxs106 } from "react/jsx-runtime";
+function UsageContainer() {
+  const [meters, setMeters] = useState61([]);
+  const [summaries, setSummaries] = useState61({});
+  const [loading, setLoading] = useState61(true);
+  const [subscriptions, setSubscriptions] = useState61([]);
+  useEffect46(() => {
+    loadUsageData();
+  }, []);
+  const loadUsageData = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedSubscriptions = await StripeSubscriptionService.listSubscriptions();
+      setSubscriptions(fetchedSubscriptions);
+      const hasMeteredSubscriptions2 = fetchedSubscriptions.some((sub) => sub.price?.recurring?.usageType === "metered");
+      if (!hasMeteredSubscriptions2) {
+        setLoading(false);
+        return;
+      }
+      const fetchedMeters = await StripeUsageService.listMeters();
+      setMeters(fetchedMeters);
+      const summariesMap = {};
+      const now = /* @__PURE__ */ new Date();
+      const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+      const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
+      for (const meter of fetchedMeters) {
+        try {
+          const meterSummaries = await StripeUsageService.getMeterSummaries({
+            meterId: meter.id,
+            startTime: startOfMonth,
+            endTime: endOfMonth
+          });
+          summariesMap[meter.id] = meterSummaries.length > 0 ? meterSummaries[0] : null;
+        } catch (error) {
+          console.error(`[UsageContainer] Failed to load summaries for meter ${meter.id}:`, error);
+          summariesMap[meter.id] = null;
+        }
+      }
+      setSummaries(summariesMap);
+    } catch (error) {
+      console.error("[UsageContainer] Failed to load usage data:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadUsageData");
+  const hasMeteredSubscriptions = subscriptions.some((sub) => sub.price?.recurring?.usageType === "metered");
+  if (!loading && !hasMeteredSubscriptions) {
+    return null;
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx168("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx168("p", { className: "text-muted-foreground", children: "Loading usage data..." }) });
+  }
+  return /* @__PURE__ */ jsxs106("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs106("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx168(Activity3, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx168("h1", { className: "text-3xl font-bold", children: "Usage Tracking" })
+    ] }),
+    meters.length === 0 && /* @__PURE__ */ jsxs106("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__ */ jsx168(Activity3, { className: "text-muted-foreground h-16 w-16" }),
+      /* @__PURE__ */ jsxs106("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx168("h3", { className: "mb-2 text-xl font-semibold", children: "No usage meters configured" }),
+        /* @__PURE__ */ jsx168("p", { className: "text-muted-foreground", children: "Usage tracking will appear here when you have metered subscriptions with configured meters." })
+      ] })
+    ] }),
+    meters.length > 0 && /* @__PURE__ */ jsx168(UsageSummaryCards, { meters, summaries })
+  ] });
+}
+__name(UsageContainer, "UsageContainer");
+
+// src/features/billing/stripe-usage/components/lists/UsageHistoryTable.tsx
+import { jsx as jsx169, jsxs as jsxs107 } from "react/jsx-runtime";
+function formatDateTime(date) {
+  if (!date) return "N/A";
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    }).format(dateObj);
+  } catch (error) {
+    return "Invalid Date";
+  }
+}
+__name(formatDateTime, "formatDateTime");
+function UsageHistoryTable({ usageRecords }) {
+  if (usageRecords.length === 0) {
+    return /* @__PURE__ */ jsx169("div", { className: "rounded-lg border p-8 text-center", children: /* @__PURE__ */ jsx169("p", { className: "text-muted-foreground", children: "No usage history available." }) });
+  }
+  return /* @__PURE__ */ jsxs107("div", { className: "flex w-full flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsx169("h2", { className: "text-xl font-semibold", children: "Usage History" }),
+    /* @__PURE__ */ jsx169("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs107(Table, { children: [
+      /* @__PURE__ */ jsx169(TableHeader, { className: "bg-muted", children: /* @__PURE__ */ jsxs107(TableRow, { children: [
+        /* @__PURE__ */ jsx169(TableHead, { children: "Date & Time" }),
+        /* @__PURE__ */ jsx169(TableHead, { children: "Meter Event" }),
+        /* @__PURE__ */ jsx169(TableHead, { className: "text-right", children: "Quantity" }),
+        /* @__PURE__ */ jsx169(TableHead, { children: "Event ID" })
+      ] }) }),
+      /* @__PURE__ */ jsx169(TableBody, { children: usageRecords.map((record) => {
+        const dateTime = formatDateTime(record.timestamp);
+        const quantity = record.quantity.toLocaleString();
+        return /* @__PURE__ */ jsxs107(TableRow, { children: [
+          /* @__PURE__ */ jsx169(TableCell, { className: "font-medium", children: dateTime }),
+          /* @__PURE__ */ jsx169(TableCell, { className: "text-muted-foreground", children: record.meterEventName }),
+          /* @__PURE__ */ jsx169(TableCell, { className: "text-right font-medium", children: quantity }),
+          /* @__PURE__ */ jsx169(TableCell, { className: "text-muted-foreground text-sm font-mono", children: record.stripeEventId })
+        ] }, record.id);
+      }) })
+    ] }) })
+  ] });
+}
+__name(UsageHistoryTable, "UsageHistoryTable");
+
+// src/features/billing/components/modals/BillingDetailModal.tsx
+import { jsx as jsx170, jsxs as jsxs108 } from "react/jsx-runtime";
+function BillingDetailModal({
+  open,
+  onOpenChange,
+  title,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx170(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs108(DialogContent, { className: className ?? "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsx170(DialogHeader, { children: /* @__PURE__ */ jsx170(DialogTitle, { children: title }) }),
+    children
+  ] }) });
+}
+__name(BillingDetailModal, "BillingDetailModal");
+
+// src/features/billing/components/widgets/BillingAlertBanner.tsx
+import { AlertCircle } from "lucide-react";
+import { jsx as jsx171, jsxs as jsxs109 } from "react/jsx-runtime";
+function BillingAlertBanner({ subscription, onUpdatePayment, onAddPayment }) {
+  if (subscription.status === "past_due" /* PAST_DUE */) {
+    return /* @__PURE__ */ jsxs109("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 flex items-start gap-x-3", children: [
+      /* @__PURE__ */ jsx171(AlertCircle, { className: "h-5 w-5 text-red-600 mt-0.5" }),
+      /* @__PURE__ */ jsxs109("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx171("h3", { className: "font-semibold text-red-900", children: "Payment Failed" }),
+        /* @__PURE__ */ jsx171("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__ */ jsx171(Button, { variant: "outline", size: "sm", onClick: onUpdatePayment, className: "border-red-300 text-red-700", children: "Update Payment Method" })
+    ] });
+  }
+  if (subscription.status === "trialing" /* TRIALING */ && subscription.trialEnd) {
+    const trialEnd = new Date(subscription.trialEnd);
+    const now = /* @__PURE__ */ new Date();
+    const daysRemaining = Math.ceil((trialEnd.getTime() - now.getTime()) / (1e3 * 60 * 60 * 24));
+    if (daysRemaining <= 7) {
+      return /* @__PURE__ */ jsxs109("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-4 flex items-start gap-x-3", children: [
+        /* @__PURE__ */ jsx171(AlertCircle, { className: "h-5 w-5 text-yellow-600 mt-0.5" }),
+        /* @__PURE__ */ jsxs109("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx171("h3", { className: "font-semibold text-yellow-900", children: "Trial Ending Soon" }),
+          /* @__PURE__ */ jsxs109("p", { className: "text-sm text-yellow-700 mt-1", children: [
+            "Your trial ends in ",
+            daysRemaining,
+            " ",
+            daysRemaining === 1 ? "day" : "days",
+            ". Add a payment method to continue your subscription."
+          ] })
+        ] }),
+        onAddPayment && /* @__PURE__ */ jsx171(Button, { variant: "outline", size: "sm", onClick: onAddPayment, className: "border-yellow-300 text-yellow-700", children: "Add Payment Method" })
+      ] });
+    }
+  }
+  return null;
+}
+__name(BillingAlertBanner, "BillingAlertBanner");
+
+// src/features/billing/components/containers/BillingDashboardContainer.tsx
+import { Fragment as Fragment33, jsx as jsx172, jsxs as jsxs110 } from "react/jsx-runtime";
+function BillingDashboardContainer() {
+  const [data, setData] = useState62({
+    customer: null,
+    subscriptions: [],
+    paymentMethods: [],
+    invoices: [],
+    meters: [],
+    meterSummaries: {}
+  });
+  const [loading, setLoading] = useState62({
+    customer: true,
+    subscriptions: true,
+    paymentMethods: true,
+    invoices: true,
+    usage: true
+  });
+  const [errors, setErrors] = useState62({
+    customer: null,
+    subscriptions: null,
+    paymentMethods: null,
+    invoices: null,
+    usage: null
+  });
+  const [activeModal, setActiveModal] = useState62(null);
+  const [noCustomerExists, setNoCustomerExists] = useState62(false);
+  const [creatingCustomer, setCreatingCustomer] = useState62(false);
+  const hasMeteredSubscriptions = useCallback18(() => {
+    return data.subscriptions.some((sub) => sub.price?.recurring?.usageType === "metered");
+  }, [data.subscriptions]);
+  const fetchAllData = useCallback18(async () => {
+    setNoCustomerExists(false);
+    let customer = null;
+    try {
+      customer = await StripeCustomerService.getCustomer();
+      setData((prev) => ({ ...prev, customer }));
+      setErrors((prev) => ({ ...prev, customer: null }));
+      setNoCustomerExists(false);
+    } catch (error) {
+      console.error("[BillingDashboard] Failed to load customer:", error);
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      if (errorMessage.includes("Not Found") || errorMessage.includes("not found")) {
+        setNoCustomerExists(true);
+        setLoading({
+          customer: false,
+          subscriptions: false,
+          paymentMethods: false,
+          invoices: false,
+          usage: false
+        });
+        return;
+      }
+      setErrors((prev) => ({ ...prev, customer: "Failed to load billing account" }));
+    } finally {
+      setLoading((prev) => ({ ...prev, customer: false }));
+    }
+    if (customer) {
+      const fetchSubscriptions = /* @__PURE__ */ __name(async () => {
+        try {
+          const subscriptions2 = await StripeSubscriptionService.listSubscriptions();
+          setData((prev) => ({ ...prev, subscriptions: subscriptions2 }));
+          setErrors((prev) => ({ ...prev, subscriptions: null }));
+          return subscriptions2;
+        } catch (error) {
+          console.error("[BillingDashboard] Failed to load subscriptions:", error);
+          setErrors((prev) => ({ ...prev, subscriptions: "Failed to load subscriptions" }));
+          return [];
+        } finally {
+          setLoading((prev) => ({ ...prev, subscriptions: false }));
+        }
+      }, "fetchSubscriptions");
+      const fetchPaymentMethods = /* @__PURE__ */ __name(async () => {
+        try {
+          const paymentMethods = await StripeCustomerService.listPaymentMethods();
+          setData((prev) => ({ ...prev, paymentMethods }));
+          setErrors((prev) => ({ ...prev, paymentMethods: null }));
+        } catch (error) {
+          console.error("[BillingDashboard] Failed to load payment methods:", error);
+          setErrors((prev) => ({ ...prev, paymentMethods: "Failed to load payment methods" }));
+        } finally {
+          setLoading((prev) => ({ ...prev, paymentMethods: false }));
+        }
+      }, "fetchPaymentMethods");
+      const fetchInvoices = /* @__PURE__ */ __name(async () => {
+        try {
+          const invoices = await StripeInvoiceService.listInvoices();
+          setData((prev) => ({ ...prev, invoices }));
+          setErrors((prev) => ({ ...prev, invoices: null }));
+        } catch (error) {
+          console.error("[BillingDashboard] Failed to load invoices:", error);
+          setErrors((prev) => ({ ...prev, invoices: "Failed to load invoices" }));
+        } finally {
+          setLoading((prev) => ({ ...prev, invoices: false }));
+        }
+      }, "fetchInvoices");
+      const [subscriptions] = await Promise.all([fetchSubscriptions(), fetchPaymentMethods(), fetchInvoices()]);
+      const hasMetered = subscriptions.some(
+        (sub) => sub.price?.recurring?.usageType === "metered"
+      );
+      if (hasMetered) {
+        await fetchUsageData();
+      } else {
+        setLoading((prev) => ({ ...prev, usage: false }));
+      }
+    }
+  }, []);
+  const handleCreateCustomer = /* @__PURE__ */ __name(async () => {
+    setCreatingCustomer(true);
+    try {
+      await StripeCustomerService.createCustomer();
+      setNoCustomerExists(false);
+      await fetchAllData();
+    } catch (error) {
+      console.error("[BillingDashboard] Failed to create customer:", error);
+      setErrors((prev) => ({ ...prev, customer: "Failed to set up billing" }));
+    } finally {
+      setCreatingCustomer(false);
+    }
+  }, "handleCreateCustomer");
+  const fetchUsageData = /* @__PURE__ */ __name(async () => {
+    try {
+      const meters = await StripeUsageService.listMeters();
+      setData((prev) => ({ ...prev, meters }));
+      const summariesMap = {};
+      const now = /* @__PURE__ */ new Date();
+      const startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
+      const endOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
+      for (const meter of meters) {
+        try {
+          const meterSummaries = await StripeUsageService.getMeterSummaries({
+            meterId: meter.id,
+            startTime: startOfMonth,
+            endTime: endOfMonth
+          });
+          summariesMap[meter.id] = meterSummaries.length > 0 ? meterSummaries[0] : null;
+        } catch (error) {
+          console.error(`[BillingDashboard] Failed to load summaries for meter ${meter.id}:`, error);
+          summariesMap[meter.id] = null;
+        }
+      }
+      setData((prev) => ({ ...prev, meterSummaries: summariesMap }));
+      setErrors((prev) => ({ ...prev, usage: null }));
+    } catch (error) {
+      console.error("[BillingDashboard] Failed to load usage data:", error);
+      setErrors((prev) => ({ ...prev, usage: "Failed to load usage data" }));
+    } finally {
+      setLoading((prev) => ({ ...prev, usage: false }));
+    }
+  }, "fetchUsageData");
+  const refreshData = useCallback18(async () => {
+    setLoading({
+      customer: true,
+      subscriptions: true,
+      paymentMethods: true,
+      invoices: true,
+      usage: true
+    });
+    await fetchAllData();
+  }, [fetchAllData]);
+  useEffect47(() => {
+    fetchAllData();
+  }, [fetchAllData]);
+  const criticalSubscriptions = data.subscriptions.filter(
+    (sub) => sub.status === "past_due" /* PAST_DUE */ || sub.status === "trialing" /* TRIALING */ && sub.trialEnd && new Date(sub.trialEnd).getTime() - (/* @__PURE__ */ new Date()).getTime() <= 7 * 24 * 60 * 60 * 1e3
+  );
+  const handleModalClose = /* @__PURE__ */ __name((open) => {
+    if (!open) {
+      setActiveModal(null);
+      refreshData();
+    }
+  }, "handleModalClose");
+  const getModalTitle = /* @__PURE__ */ __name((type) => {
+    switch (type) {
+      case "subscriptions":
+        return "Manage Subscriptions";
+      case "payment-methods":
+        return "Payment Methods";
+      case "invoices":
+        return "Invoice History";
+      case "usage":
+        return "Usage Tracking";
+      default:
+        return "";
+    }
+  }, "getModalTitle");
+  const isInitialLoading = loading.customer && !noCustomerExists && !data.customer;
+  return /* @__PURE__ */ jsxs110("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs110("div", { className: "flex items-center gap-x-3", children: [
+      /* @__PURE__ */ jsx172(Wallet2, { className: "h-8 w-8" }),
+      /* @__PURE__ */ jsx172("h1", { className: "text-3xl font-bold", children: "Billing" })
+    ] }),
+    isInitialLoading && /* @__PURE__ */ jsx172(Card, { children: /* @__PURE__ */ jsx172(CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx172(Loader24, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }) }),
+    noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs110(Card, { children: [
+      /* @__PURE__ */ jsxs110(CardHeader, { className: "text-center", children: [
+        /* @__PURE__ */ jsx172("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx172(CreditCard4, { className: "h-8 w-8 text-primary" }) }),
+        /* @__PURE__ */ jsx172(CardTitle, { children: "Set Up Billing" }),
+        /* @__PURE__ */ jsx172(CardDescription, { children: "Your company doesn't have a billing account yet. Set one up to manage subscriptions, payment methods, and view invoices." })
+      ] }),
+      /* @__PURE__ */ jsx172(CardContent, { className: "flex justify-center pb-8", children: /* @__PURE__ */ jsx172(Button, { onClick: handleCreateCustomer, disabled: creatingCustomer, size: "lg", children: creatingCustomer ? /* @__PURE__ */ jsxs110(Fragment33, { children: [
+        /* @__PURE__ */ jsx172(Loader24, { className: "mr-2 h-4 w-4 animate-spin" }),
+        "Setting up..."
+      ] }) : "Set Up Billing Account" }) }),
+      errors.customer && /* @__PURE__ */ jsx172(CardContent, { className: "pt-0", children: /* @__PURE__ */ jsx172("p", { className: "text-center text-sm text-destructive", children: errors.customer }) })
+    ] }),
+    !noCustomerExists && !isInitialLoading && /* @__PURE__ */ jsxs110(Fragment33, { children: [
+      criticalSubscriptions.map((subscription) => /* @__PURE__ */ jsx172(
+        BillingAlertBanner,
+        {
+          subscription,
+          onUpdatePayment: () => setActiveModal("payment-methods"),
+          onAddPayment: () => setActiveModal("payment-methods")
+        },
+        subscription.id
+      )),
+      /* @__PURE__ */ jsxs110("div", { className: "grid gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsx172(
+          SubscriptionSummaryCard,
+          {
+            subscriptions: data.subscriptions,
+            loading: loading.subscriptions,
+            error: errors.subscriptions || void 0,
+            onManageClick: () => setActiveModal("subscriptions")
+          }
+        ),
+        /* @__PURE__ */ jsx172(
+          PaymentMethodSummaryCard,
+          {
+            paymentMethods: data.paymentMethods,
+            defaultPaymentMethodId: data.customer?.defaultPaymentMethodId,
+            loading: loading.paymentMethods,
+            error: errors.paymentMethods || void 0,
+            onManageClick: () => setActiveModal("payment-methods")
+          }
+        ),
+        /* @__PURE__ */ jsx172(
+          CustomerInfoCard,
+          {
+            customer: data.customer,
+            loading: loading.customer,
+            error: errors.customer || void 0
+          }
+        ),
+        /* @__PURE__ */ jsx172(
+          InvoicesSummaryCard,
+          {
+            invoices: data.invoices,
+            loading: loading.invoices,
+            error: errors.invoices || void 0,
+            onViewAllClick: () => setActiveModal("invoices")
+          }
+        ),
+        hasMeteredSubscriptions() && /* @__PURE__ */ jsx172(
+          BillingUsageSummaryCard,
+          {
+            meters: data.meters,
+            summaries: data.meterSummaries,
+            loading: loading.usage,
+            error: errors.usage || void 0,
+            onViewDetailsClick: () => setActiveModal("usage")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx172(
+        BillingDetailModal,
+        {
+          open: activeModal === "subscriptions",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("subscriptions"),
+          children: /* @__PURE__ */ jsx172(SubscriptionsContainer, {})
+        }
+      ),
+      /* @__PURE__ */ jsx172(
+        BillingDetailModal,
+        {
+          open: activeModal === "payment-methods",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("payment-methods"),
+          children: /* @__PURE__ */ jsx172(PaymentMethodsContainer, {})
+        }
+      ),
+      /* @__PURE__ */ jsx172(
+        BillingDetailModal,
+        {
+          open: activeModal === "invoices",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("invoices"),
+          children: /* @__PURE__ */ jsx172(InvoicesContainer, {})
+        }
+      ),
+      /* @__PURE__ */ jsx172(
+        BillingDetailModal,
+        {
+          open: activeModal === "usage",
+          onOpenChange: handleModalClose,
+          title: getModalTitle("usage"),
+          children: /* @__PURE__ */ jsx172(UsageContainer, {})
+        }
+      )
+    ] })
+  ] });
+}
+__name(BillingDashboardContainer, "BillingDashboardContainer");
+
+// src/features/billing/components/providers/StripeProvider.tsx
+import { Elements } from "@stripe/react-stripe-js";
+import { loadStripe } from "@stripe/stripe-js";
+import { useMemo as useMemo18 } from "react";
+import { Fragment as Fragment34, jsx as jsx173 } from "react/jsx-runtime";
+var stripePromiseCache = null;
+function getStripePromise(publishableKey) {
+  if (!publishableKey) {
+    return Promise.resolve(null);
+  }
+  if (stripePromiseCache?.key === publishableKey) {
+    return stripePromiseCache.promise;
+  }
+  const promise = loadStripe(publishableKey);
+  stripePromiseCache = { key: publishableKey, promise };
+  return promise;
+}
+__name(getStripePromise, "getStripePromise");
+function StripeProvider({ children }) {
+  const publishableKey = getStripePublishableKey();
+  const stripePromise = useMemo18(() => getStripePromise(publishableKey), [publishableKey]);
+  const options = useMemo18(() => ({}), []);
+  if (!publishableKey) {
+    return /* @__PURE__ */ jsx173(Fragment34, { children });
+  }
+  return /* @__PURE__ */ jsx173(Elements, { stripe: stripePromise, options, children });
+}
+__name(StripeProvider, "StripeProvider");
+function isStripeConfigured() {
+  return !!getStripePublishableKey();
+}
+__name(isStripeConfigured, "isStripeConfigured");
+
+// src/features/billing/stripe-price/components/forms/PriceEditor.tsx
+import { zodResolver as zodResolver11 } from "@hookform/resolvers/zod";
+import { AlertCircle as AlertCircle2, PlusIcon, XIcon as XIcon5 } from "lucide-react";
+import { useState as useState63 } from "react";
+import { useForm as useForm11 } from "react-hook-form";
+import { v4 as v47 } from "uuid";
+import { z as z11 } from "zod";
+import { jsx as jsx174, jsxs as jsxs111 } from "react/jsx-runtime";
+function PriceEditor({ productId, price, open, onOpenChange, onSuccess }) {
+  const [isSubmitting, setIsSubmitting] = useState63(false);
+  const formSchema2 = z11.object({
+    unitAmount: z11.preprocess(
+      (val) => typeof val === "string" ? parseFloat(val) : val,
+      z11.number().min(0, { message: "Amount must be 0 or greater" })
+    ),
+    currency: z11.string().min(1, { message: "Currency is required" }),
+    interval: z11.enum(["one_time", "day", "week", "month", "year"]),
+    intervalCount: z11.preprocess(
+      (val) => val === "" || val === void 0 ? void 0 : typeof val === "string" ? parseInt(val, 10) : val,
+      z11.number().min(1).optional()
+    ),
+    usageType: z11.enum(["licensed", "metered"]).optional(),
+    nickname: z11.string().optional(),
+    active: z11.boolean(),
+    description: z11.string().optional(),
+    features: z11.array(z11.string())
+  });
+  const isEditMode = !!price;
+  const defaultUnitAmount = price?.unitAmount ? price.unitAmount / 100 : 0;
+  const form = useForm11({
+    resolver: zodResolver11(formSchema2),
+    defaultValues: {
+      unitAmount: defaultUnitAmount,
+      currency: price?.currency || "usd",
+      interval: price?.priceType === "one_time" ? "one_time" : price?.recurring?.interval || "month",
+      intervalCount: price?.recurring?.intervalCount || 1,
+      usageType: price?.recurring?.usageType || "licensed",
+      nickname: price?.nickname || "",
+      active: price?.active ?? true,
+      description: price?.description || "",
+      features: price?.features || []
+    }
+  });
+  const watchInterval = form.watch("interval");
+  const isRecurring = watchInterval !== "one_time";
+  const onSubmit = /* @__PURE__ */ __name(async (values) => {
+    setIsSubmitting(true);
+    try {
+      const unitAmountInCents = Math.round(values.unitAmount * 100);
+      if (isEditMode) {
+        await StripePriceService.updatePrice({
+          id: price.id,
+          nickname: values.nickname || void 0,
+          description: values.description || void 0,
+          features: values.features.filter((f) => f.trim()) || void 0
+        });
+      } else {
+        const createInput = {
+          id: v47(),
+          productId,
+          currency: values.currency,
+          unitAmount: unitAmountInCents
+        };
+        if (isRecurring) {
+          createInput.recurring = {
+            interval: values.interval,
+            intervalCount: values.intervalCount || 1,
+            usageType: values.usageType || "licensed"
+          };
+        }
+        if (values.nickname) {
+          createInput.nickname = values.nickname;
+        }
+        if (values.description) {
+          createInput.description = values.description;
+        }
+        const filteredFeatures = values.features.filter((f) => f.trim());
+        if (filteredFeatures.length > 0) {
+          createInput.features = filteredFeatures;
+        }
+        await StripePriceService.createPrice(createInput);
+      }
+      onSuccess();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("[PriceEditor] Failed to save price:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, "onSubmit");
+  const currencyOptions = [
+    { id: "usd", text: "USD ($)" },
+    { id: "eur", text: "EUR (\u20AC)" },
+    { id: "gbp", text: "GBP (\xA3)" }
+  ];
+  const intervalOptions = [
+    { id: "one_time", text: "One-time" },
+    { id: "day", text: "Daily" },
+    { id: "week", text: "Weekly" },
+    { id: "month", text: "Monthly" },
+    { id: "year", text: "Yearly" }
+  ];
+  const usageTypeOptions = [
+    { id: "licensed", text: "Licensed (per unit)" },
+    { id: "metered", text: "Metered (usage-based)" }
+  ];
+  return /* @__PURE__ */ jsx174(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs111(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs111(DialogHeader, { children: [
+      /* @__PURE__ */ jsx174(DialogTitle, { children: isEditMode ? "Edit Price" : "Create Price" }),
+      /* @__PURE__ */ jsx174(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__ */ jsxs111("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4 flex gap-x-3", children: [
+      /* @__PURE__ */ jsx174(AlertCircle2, { className: "h-5 w-5 text-blue-600 flex-shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsxs111("div", { className: "text-sm text-blue-800", children: [
+        /* @__PURE__ */ jsx174("p", { className: "font-semibold mb-1", children: "Stripe Price Immutability" }),
+        /* @__PURE__ */ jsx174("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__ */ jsx174(Form, { ...form, children: /* @__PURE__ */ jsxs111("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsxs111("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx174(
+          FormInput,
+          {
+            form,
+            id: "unitAmount",
+            name: "Amount (in dollars)",
+            placeholder: "9.99",
+            disabled: isEditMode,
+            isRequired: true
+          }
+        ),
+        /* @__PURE__ */ jsx174(FormSelect, { form, id: "currency", name: "Currency", values: currencyOptions, disabled: isEditMode })
+      ] }),
+      /* @__PURE__ */ jsx174(
+        FormSelect,
+        {
+          form,
+          id: "interval",
+          name: "Billing Interval",
+          values: intervalOptions,
+          disabled: isEditMode
+        }
+      ),
+      isRecurring && /* @__PURE__ */ jsxs111("div", { className: "grid grid-cols-2 gap-x-4", children: [
+        /* @__PURE__ */ jsx174(
+          FormInput,
+          {
+            form,
+            id: "intervalCount",
+            name: "Interval Count",
+            placeholder: "1",
+            type: "number",
+            disabled: isEditMode
+          }
+        ),
+        /* @__PURE__ */ jsx174(
+          FormSelect,
+          {
+            form,
+            id: "usageType",
+            name: "Usage Type",
+            values: usageTypeOptions,
+            disabled: isEditMode
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx174(
+        FormInput,
+        {
+          form,
+          id: "nickname",
+          name: "Nickname (optional)",
+          placeholder: "e.g., Standard Plan, Pro Tier"
+        }
+      ),
+      /* @__PURE__ */ jsx174(
+        FormTextarea,
+        {
+          form,
+          id: "description",
+          name: "Description (optional)",
+          placeholder: "Describe what this price tier includes...",
+          className: "min-h-24"
+        }
+      ),
+      /* @__PURE__ */ jsxs111(FormItem, { children: [
+        /* @__PURE__ */ jsx174(FormLabel, { children: "Features (optional)" }),
+        /* @__PURE__ */ jsxs111("div", { className: "space-y-2", children: [
+          form.watch("features").map((_, index) => /* @__PURE__ */ jsxs111("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx174(FormControl, { children: /* @__PURE__ */ jsx174(
+              Input,
+              {
+                ...form.register(`features.${index}`),
+                placeholder: `Feature ${index + 1}`,
+                className: "flex-1"
+              }
+            ) }),
+            /* @__PURE__ */ jsx174(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "icon",
+                onClick: () => {
+                  const currentFeatures = form.getValues("features");
+                  form.setValue(
+                    "features",
+                    currentFeatures.filter((_2, i) => i !== index)
+                  );
+                },
+                children: /* @__PURE__ */ jsx174(XIcon5, { className: "h-4 w-4" })
+              }
+            )
+          ] }, index)),
+          /* @__PURE__ */ jsxs111(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: () => {
+                const currentFeatures = form.getValues("features");
+                form.setValue("features", [...currentFeatures, ""]);
+              },
+              className: "mt-2",
+              children: [
+                /* @__PURE__ */ jsx174(PlusIcon, { className: "h-4 w-4 mr-2" }),
+                "Add Feature"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx174(FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ jsx174(CommonEditorButtons, { isEdit: isEditMode, form, disabled: isSubmitting, setOpen: onOpenChange })
+    ] }) })
+  ] }) });
+}
+__name(PriceEditor, "PriceEditor");
+
+// src/features/billing/stripe-price/components/lists/PricesList.tsx
+import { Archive, DollarSign, Edit, RotateCcw } from "lucide-react";
+import { useEffect as useEffect48, useState as useState64 } from "react";
+import { jsx as jsx175, jsxs as jsxs112 } from "react/jsx-runtime";
+function PricesList({ productId, onPricesChange }) {
+  const [prices, setPrices] = useState64([]);
+  const [loading, setLoading] = useState64(true);
+  const [showCreatePrice, setShowCreatePrice] = useState64(false);
+  const [editingPrice, setEditingPrice] = useState64(null);
+  const [priceToArchive, setPriceToArchive] = useState64(null);
+  const [priceToReactivate, setPriceToReactivate] = useState64(null);
+  const [archivingPriceId, setArchivingPriceId] = useState64(null);
+  const [reactivatingPriceId, setReactivatingPriceId] = useState64(null);
+  const loadPrices = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedPrices = await StripePriceService.listPrices({ productId });
+      setPrices(fetchedPrices);
+    } catch (error) {
+      console.error("[PricesList] Failed to load prices:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadPrices");
+  useEffect48(() => {
+    loadPrices();
+  }, [productId]);
+  const handleArchive = /* @__PURE__ */ __name(async () => {
+    if (!priceToArchive) {
+      return;
+    }
+    setArchivingPriceId(priceToArchive.id);
+    try {
+      await StripePriceService.archivePrice({ id: priceToArchive.id });
+      setPriceToArchive(null);
+      await loadPrices();
+      onPricesChange();
+    } catch (error) {
+      console.error("[PricesList] Failed to archive price:", error);
+    } finally {
+      setArchivingPriceId(null);
+    }
+  }, "handleArchive");
+  const handleReactivate = /* @__PURE__ */ __name(async () => {
+    if (!priceToReactivate) {
+      return;
+    }
+    setReactivatingPriceId(priceToReactivate.id);
+    try {
+      await StripePriceService.reactivatePrice({ id: priceToReactivate.id });
+      setPriceToReactivate(null);
+      await loadPrices();
+      onPricesChange();
+    } catch (error) {
+      console.error("[PricesList] Failed to reactivate price:", error);
+    } finally {
+      setReactivatingPriceId(null);
+    }
+  }, "handleReactivate");
+  const formatInterval2 = /* @__PURE__ */ __name((price) => {
+    if (price.priceType === "one_time") {
+      return "one-time";
+    }
+    if (price.recurring) {
+      const count = price.recurring.intervalCount;
+      const interval = price.recurring.interval;
+      if (count === 1) {
+        return `/ ${interval}`;
+      } else {
+        return `/ ${count} ${interval}s`;
+      }
+    }
+    return "";
+  }, "formatInterval");
+  if (loading) {
+    return /* @__PURE__ */ jsx175("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx175("p", { className: "text-muted-foreground", children: "Loading prices..." }) });
+  }
+  return /* @__PURE__ */ jsxs112("div", { className: "flex flex-col gap-y-4", children: [
+    /* @__PURE__ */ jsxs112("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx175("h4", { className: "text-lg font-semibold", children: "Prices" }),
+      /* @__PURE__ */ jsx175(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+    ] }),
+    prices.length === 0 && /* @__PURE__ */ jsxs112("div", { className: "bg-background flex flex-col items-center justify-center gap-y-3 rounded-lg border border-dashed p-8", children: [
+      /* @__PURE__ */ jsx175(DollarSign, { className: "text-muted-foreground h-12 w-12" }),
+      /* @__PURE__ */ jsx175("p", { className: "text-muted-foreground text-sm", children: "No prices yet. Add a price to enable subscriptions." }),
+      /* @__PURE__ */ jsx175(Button, { size: "sm", onClick: () => setShowCreatePrice(true), children: "Add Price" })
+    ] }),
+    prices.length > 0 && /* @__PURE__ */ jsx175("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__ */ jsxs112("div", { className: "border rounded-lg bg-white p-4 hover:shadow-sm transition-shadow", children: [
+        /* @__PURE__ */ jsxs112("div", { className: "flex items-start justify-between mb-3", children: [
+          /* @__PURE__ */ jsx175(DollarSign, { className: "h-5 w-5 text-primary" }),
+          /* @__PURE__ */ jsxs112("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx175(Button, { variant: "ghost", size: "sm", onClick: () => setEditingPrice(price), className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsx175(Edit, { className: "h-4 w-4" }) }),
+            price.active ? /* @__PURE__ */ jsx175(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => setPriceToArchive(price),
+                className: "h-8 w-8 p-0",
+                disabled: isArchiving,
+                children: /* @__PURE__ */ jsx175(Archive, { className: "h-4 w-4" })
+              }
+            ) : /* @__PURE__ */ jsx175(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => setPriceToReactivate(price),
+                className: "h-8 w-8 p-0",
+                disabled: isReactivating,
+                children: /* @__PURE__ */ jsx175(RotateCcw, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx175("div", { className: "mb-2", children: /* @__PURE__ */ jsxs112("div", { className: "text-2xl font-bold", children: [
+          formatCurrency(price.unitAmount, price.currency),
+          " ",
+          /* @__PURE__ */ jsx175("span", { className: "text-muted-foreground text-sm font-normal", children: formatInterval2(price) })
+        ] }) }),
+        price.metadata?.nickname && /* @__PURE__ */ jsx175("p", { className: "text-sm font-medium mb-2", children: price.metadata.nickname }),
+        /* @__PURE__ */ jsxs112("div", { className: "flex flex-wrap gap-2", children: [
+          price.active ? /* @__PURE__ */ jsx175("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx175("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__ */ jsx175("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded-full font-medium", children: "Metered" }),
+          /* @__PURE__ */ jsx175("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__ */ jsx175(
+      PriceEditor,
+      {
+        productId,
+        open: showCreatePrice,
+        onOpenChange: setShowCreatePrice,
+        onSuccess: () => {
+          loadPrices();
+          onPricesChange();
+        }
+      }
+    ),
+    editingPrice && /* @__PURE__ */ jsx175(
+      PriceEditor,
+      {
+        productId,
+        price: editingPrice,
+        open: !!editingPrice,
+        onOpenChange: (open) => !open && setEditingPrice(null),
+        onSuccess: () => {
+          loadPrices();
+          onPricesChange();
+          setEditingPrice(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx175(AlertDialog, { open: !!priceToArchive, onOpenChange: (open) => !open && setPriceToArchive(null), children: /* @__PURE__ */ jsxs112(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs112(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx175(AlertDialogTitle, { children: "Archive Price" }),
+        /* @__PURE__ */ jsxs112(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__ */ jsxs112(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx175(AlertDialogCancel, { disabled: !!archivingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx175(
+          AlertDialogAction,
+          {
+            onClick: handleArchive,
+            disabled: !!archivingPriceId,
+            className: "bg-red-600 hover:bg-red-700",
+            children: archivingPriceId ? "Archiving..." : "Archive"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx175(AlertDialog, { open: !!priceToReactivate, onOpenChange: (open) => !open && setPriceToReactivate(null), children: /* @__PURE__ */ jsxs112(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs112(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx175(AlertDialogTitle, { children: "Reactivate Price" }),
+        /* @__PURE__ */ jsxs112(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__ */ jsxs112(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx175(AlertDialogCancel, { disabled: !!reactivatingPriceId, children: "Cancel" }),
+        /* @__PURE__ */ jsx175(
+          AlertDialogAction,
+          {
+            onClick: handleReactivate,
+            disabled: !!reactivatingPriceId,
+            className: "bg-green-600 hover:bg-green-700",
+            children: reactivatingPriceId ? "Reactivating..." : "Reactivate"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+__name(PricesList, "PricesList");
+
+// src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
+import { Package as Package2 } from "lucide-react";
+import { useEffect as useEffect49, useState as useState67 } from "react";
+
+// src/features/billing/stripe-product/components/forms/ProductEditor.tsx
+import { zodResolver as zodResolver12 } from "@hookform/resolvers/zod";
+import { useState as useState65 } from "react";
+import { useForm as useForm12 } from "react-hook-form";
+import { v4 as v48 } from "uuid";
+import { z as z12 } from "zod";
+import { jsx as jsx176, jsxs as jsxs113 } from "react/jsx-runtime";
+function ProductEditor({ product, open, onOpenChange, onSuccess }) {
+  const [isSubmitting, setIsSubmitting] = useState65(false);
+  const formSchema2 = z12.object({
+    name: z12.string().min(1, { message: "Product name is required" }),
+    description: z12.string().optional(),
+    active: z12.boolean()
+  });
+  const form = useForm12({
+    resolver: zodResolver12(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: v48(),
+          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__ */ jsx176(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs113(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs113(DialogHeader, { children: [
+      /* @__PURE__ */ jsx176(DialogTitle, { children: product ? "Edit Product" : "Create Product" }),
+      /* @__PURE__ */ jsx176(DialogDescription, { children: product ? `Update the details for ${product.name}` : "Create a new product to offer to your customers" })
+    ] }),
+    /* @__PURE__ */ jsx176(Form, { ...form, children: /* @__PURE__ */ jsxs113("form", { onSubmit: form.handleSubmit(onSubmit), className: "flex flex-col gap-y-4", children: [
+      /* @__PURE__ */ jsx176(FormInput, { form, id: "name", name: "Product Name", placeholder: "Enter product name", isRequired: true }),
+      /* @__PURE__ */ jsx176(
+        FormTextarea,
+        {
+          form,
+          id: "description",
+          name: "Description",
+          placeholder: "Enter product description (optional)",
+          className: "min-h-32"
+        }
+      ),
+      /* @__PURE__ */ jsx176(FormCheckbox, { form, id: "active", name: "Active" }),
+      /* @__PURE__ */ jsx176(CommonEditorButtons, { isEdit: !!product, form, disabled: isSubmitting, setOpen: onOpenChange })
+    ] }) })
+  ] }) });
+}
+__name(ProductEditor, "ProductEditor");
+
+// src/features/billing/stripe-product/components/lists/ProductsList.tsx
+import { Archive as Archive2, ChevronDown as ChevronDown3, ChevronUp as ChevronUp2, Edit as Edit2, Package, RefreshCw as RefreshCw3 } from "lucide-react";
+import { useState as useState66 } from "react";
+import { jsx as jsx177, jsxs as jsxs114 } from "react/jsx-runtime";
+function ProductsList({ products, onProductsChange }) {
+  const [expandedProductId, setExpandedProductId] = useState66(null);
+  const [editingProduct, setEditingProduct] = useState66(null);
+  const [archivingProductId, setArchivingProductId] = useState66(null);
+  const [reactivatingProductId, setReactivatingProductId] = useState66(null);
+  const [productToArchive, setProductToArchive] = useState66(null);
+  const [productToReactivate, setProductToReactivate] = useState66(null);
+  const handleArchive = /* @__PURE__ */ __name(async () => {
+    if (!productToArchive) {
+      return;
+    }
+    setArchivingProductId(productToArchive.id);
+    try {
+      const archivedProduct = await StripeProductService.archiveProduct({ id: productToArchive.id });
+      setProductToArchive(null);
+      onProductsChange();
+    } catch (error) {
+      console.error("[ProductsList] Failed to archive product:", error);
+    } finally {
+      setArchivingProductId(null);
+    }
+  }, "handleArchive");
+  const handleReactivate = /* @__PURE__ */ __name(async () => {
+    if (!productToReactivate) {
+      return;
+    }
+    setReactivatingProductId(productToReactivate.id);
+    try {
+      const reactivatedProduct = await StripeProductService.reactivateProduct({ id: productToReactivate.id });
+      setProductToReactivate(null);
+      onProductsChange();
+    } catch (error) {
+    } finally {
+      setReactivatingProductId(null);
+    }
+  }, "handleReactivate");
+  const toggleExpand = /* @__PURE__ */ __name((productId) => {
+    setExpandedProductId(expandedProductId === productId ? null : productId);
+  }, "toggleExpand");
+  return /* @__PURE__ */ jsxs114("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__ */ jsxs114("div", { className: "border rounded-lg bg-white shadow-sm hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ jsxs114("div", { className: "flex items-center justify-between p-6", children: [
+          /* @__PURE__ */ jsxs114("div", { className: "flex items-center gap-x-4 flex-1", children: [
+            /* @__PURE__ */ jsx177(Package, { className: "h-6 w-6 text-primary" }),
+            /* @__PURE__ */ jsxs114("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxs114("div", { className: "flex items-center gap-x-3", children: [
+                /* @__PURE__ */ jsx177("h3", { className: "text-lg font-semibold", children: product.name }),
+                product.active ? /* @__PURE__ */ jsx177("span", { className: "bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full font-medium", children: "Active" }) : /* @__PURE__ */ jsx177("span", { className: "bg-gray-100 text-gray-800 text-xs px-2 py-1 rounded-full font-medium", children: "Inactive" })
+              ] }),
+              product.description && /* @__PURE__ */ jsx177("p", { className: "text-muted-foreground text-sm mt-1", children: product.description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs114("div", { className: "flex items-center gap-x-2", children: [
+            /* @__PURE__ */ jsxs114(Button, { variant: "outline", size: "sm", onClick: () => setEditingProduct(product), children: [
+              /* @__PURE__ */ jsx177(Edit2, { className: "h-4 w-4 mr-1" }),
+              "Edit"
+            ] }),
+            product.active ? /* @__PURE__ */ jsxs114(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => setProductToArchive(product),
+                disabled: isArchiving,
+                children: [
+                  /* @__PURE__ */ jsx177(Archive2, { className: "h-4 w-4 mr-1" }),
+                  isArchiving ? "Archiving..." : "Archive"
+                ]
+              }
+            ) : /* @__PURE__ */ jsxs114(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                onClick: () => setProductToReactivate(product),
+                disabled: isReactivating,
+                children: [
+                  /* @__PURE__ */ jsx177(RefreshCw3, { className: "h-4 w-4 mr-1" }),
+                  isReactivating ? "Reactivating..." : "Reactivate"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx177(Button, { variant: "ghost", size: "sm", onClick: () => toggleExpand(product.id), children: isExpanded ? /* @__PURE__ */ jsx177(ChevronUp2, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx177(ChevronDown3, { className: "h-5 w-5" }) })
+          ] })
+        ] }),
+        isExpanded && /* @__PURE__ */ jsx177("div", { className: "border-t bg-muted/30 p-6", children: /* @__PURE__ */ jsx177(PricesList, { productId: product.id, onPricesChange: onProductsChange }) })
+      ] }, product.id);
+    }),
+    editingProduct && /* @__PURE__ */ jsx177(
+      ProductEditor,
+      {
+        product: editingProduct,
+        open: !!editingProduct,
+        onOpenChange: (open) => !open && setEditingProduct(null),
+        onSuccess: () => {
+          onProductsChange();
+          setEditingProduct(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx177(AlertDialog, { open: !!productToArchive, onOpenChange: (open) => !open && setProductToArchive(null), children: /* @__PURE__ */ jsxs114(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs114(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx177(AlertDialogTitle, { children: "Archive Product" }),
+        /* @__PURE__ */ jsxs114(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__ */ jsxs114(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx177(AlertDialogCancel, { disabled: !!archivingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx177(
+          AlertDialogAction,
+          {
+            onClick: handleArchive,
+            disabled: !!archivingProductId,
+            className: "bg-red-600 hover:bg-red-700",
+            children: archivingProductId ? "Archiving..." : "Archive"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx177(AlertDialog, { open: !!productToReactivate, onOpenChange: (open) => !open && setProductToReactivate(null), children: /* @__PURE__ */ jsxs114(AlertDialogContent, { children: [
+      /* @__PURE__ */ jsxs114(AlertDialogHeader, { children: [
+        /* @__PURE__ */ jsx177(AlertDialogTitle, { children: "Reactivate Product" }),
+        /* @__PURE__ */ jsxs114(AlertDialogDescription, { children: [
+          'Are you sure you want to reactivate "',
+          productToReactivate?.name,
+          '"? This will make it available for new subscriptions again.'
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs114(AlertDialogFooter, { children: [
+        /* @__PURE__ */ jsx177(AlertDialogCancel, { disabled: !!reactivatingProductId, children: "Cancel" }),
+        /* @__PURE__ */ jsx177(
+          AlertDialogAction,
+          {
+            onClick: handleReactivate,
+            disabled: !!reactivatingProductId,
+            className: "bg-green-600 hover:bg-green-700",
+            children: reactivatingProductId ? "Reactivating..." : "Reactivate"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+__name(ProductsList, "ProductsList");
+
+// src/features/billing/stripe-product/components/containers/ProductsAdminContainer.tsx
+import { jsx as jsx178, jsxs as jsxs115 } from "react/jsx-runtime";
+function ProductsAdminContainer() {
+  const { hasRole } = useCurrentUserContext();
+  const [products, setProducts] = useState67([]);
+  const [loading, setLoading] = useState67(true);
+  const [showCreateProduct, setShowCreateProduct] = useState67(false);
+  if (!hasRole(getRoleId().Administrator)) {
+    return /* @__PURE__ */ jsx178("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx178("p", { className: "text-red-600 font-semibold", children: "Permission denied. Administrator access required." }) });
+  }
+  const loadProducts = /* @__PURE__ */ __name(async () => {
+    setLoading(true);
+    try {
+      const fetchedProducts = await StripeProductService.listProducts();
+      setProducts(fetchedProducts);
+    } catch (error) {
+      console.error("[ProductsAdminContainer] Failed to load products:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, "loadProducts");
+  useEffect49(() => {
+    loadProducts();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx178("div", { className: "flex h-64 items-center justify-center", children: /* @__PURE__ */ jsx178("p", { className: "text-muted-foreground", children: "Loading products..." }) });
+  }
+  return /* @__PURE__ */ jsxs115("div", { className: "flex w-full flex-col gap-y-6", children: [
+    /* @__PURE__ */ jsxs115("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs115("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsx178(Package2, { className: "h-8 w-8" }),
+        /* @__PURE__ */ jsx178("h1", { className: "text-3xl font-bold", children: "Product & Price Management" })
+      ] }),
+      /* @__PURE__ */ jsx178(Button, { onClick: () => setShowCreateProduct(true), children: "Create Product" })
+    ] }),
+    products.length === 0 && /* @__PURE__ */ jsxs115("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__ */ jsx178(Package2, { className: "text-muted-foreground h-16 w-16" }),
+      /* @__PURE__ */ jsxs115("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx178("h3", { className: "mb-2 text-xl font-semibold", children: "No products yet" }),
+        /* @__PURE__ */ jsx178("p", { className: "text-muted-foreground mb-4", children: "Create your first product to start offering subscriptions to your customers." }),
+        /* @__PURE__ */ jsx178(Button, { onClick: () => setShowCreateProduct(true), children: "Create Your First Product" })
+      ] })
+    ] }),
+    products.length > 0 && /* @__PURE__ */ jsx178(ProductsList, { products, onProductsChange: loadProducts }),
+    showCreateProduct && /* @__PURE__ */ jsx178(ProductEditor, { open: showCreateProduct, onOpenChange: setShowCreateProduct, onSuccess: loadProducts })
+  ] });
+}
+__name(ProductsAdminContainer, "ProductsAdminContainer");
+
+// src/features/content/components/lists/ContentsList.tsx
+import { useTranslations as useTranslations53 } from "next-intl";
+import { jsx as jsx179, jsxs as jsxs116 } from "react/jsx-runtime";
+function ContentsList({ contentList }) {
+  const t = useTranslations53();
+  return /* @__PURE__ */ jsxs116("div", { className: "flex min-h-0 w-full flex-col overflow-y-auto", children: [
+    /* @__PURE__ */ jsx179("h2", { className: "text-xl font-semibold", children: t(`foundations.content.news`) }),
+    /* @__PURE__ */ jsx179("div", { className: "flex flex-col", children: contentList.map((content) => /* @__PURE__ */ jsx179(ContentsListElement, { content }, content.id)) })
+  ] });
+}
+__name(ContentsList, "ContentsList");
+function ContentsListElement({ content }) {
+  const generateUrl = usePageUrlGenerator();
+  const contentModule = content.contentType ? Modules.findByModelName(content.contentType) : void 0;
+  const link = contentModule ? generateUrl({ page: contentModule, id: content.id }) : "#";
+  return /* @__PURE__ */ jsx179("div", { className: "hover:bg-muted flex w-full flex-col gap-y-2 border-b p-2 py-4", children: /* @__PURE__ */ jsxs116("div", { className: "flex w-full justify-between gap-x-2", children: [
+    /* @__PURE__ */ jsxs116(HoverCard, { children: [
+      /* @__PURE__ */ jsx179(HoverCardTrigger, { asChild: true, children: /* @__PURE__ */ jsxs116(Link2, { href: link, className: "flex w-full items-center justify-start gap-2 font-semibold", children: [
+        contentModule && getIconByModule({ module: contentModule, className: "h-4 w-4" }),
+        content.name
+      ] }) }),
+      /* @__PURE__ */ jsxs116(HoverCardContent, { className: "flex max-h-96 w-96 flex-col gap-y-4 overflow-y-auto", children: [
+        /* @__PURE__ */ jsx179(Link2, { href: link, className: "font-semibold", children: content.name }),
+        /* @__PURE__ */ jsx179("div", { className: "text-xs", children: content.abstract })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx179(ContributorsList, { content })
+  ] }) });
+}
+__name(ContentsListElement, "ContentsListElement");
+
+// src/features/content/components/lists/ContentsListById.tsx
+import { useTranslations as useTranslations54 } from "next-intl";
+import { jsx as jsx180 } from "react/jsx-runtime";
+function ContentsListById({ contentIds }) {
+  const t = useTranslations54();
+  const data = useDataListRetriever({
+    module: Modules.Content,
+    retriever: /* @__PURE__ */ __name((params) => ContentService.findMany(params), "retriever"),
+    retrieverParams: { contentIds }
+  });
+  return /* @__PURE__ */ jsx180(
+    ContentListTable,
+    {
+      data,
+      fields: ["name" /* name */, "authors" /* authors */, "updatedAt" /* updatedAt */],
+      tableGeneratorType: Modules.Content,
+      title: t(`generic.relevant`)
+    }
+  );
+}
+__name(ContentsListById, "ContentsListById");
+
+// src/features/content/components/lists/RelevantContentsList.tsx
+import { useTranslations as useTranslations55 } from "next-intl";
+import { jsx as jsx181 } from "react/jsx-runtime";
+function RelevantContentsList({ id }) {
+  const t = useTranslations55();
+  const data = useDataListRetriever({
+    module: Modules.Content,
+    retriever: /* @__PURE__ */ __name((params) => ContentService.findRelevant(params), "retriever"),
+    retrieverParams: { id }
+  });
+  return /* @__PURE__ */ jsx181(
+    ContentListTable,
+    {
+      data,
+      fields: ["name" /* name */, "authors" /* authors */, "relevance" /* relevance */, "updatedAt" /* updatedAt */],
+      tableGeneratorType: Modules.Content,
+      title: t(`generic.relevant`)
+    }
+  );
+}
+__name(RelevantContentsList, "RelevantContentsList");
+
+// src/features/notification/components/common/NotificationErrorBoundary.tsx
+import { Component } from "react";
+import { jsx as jsx182, jsxs as jsxs117 } from "react/jsx-runtime";
+var NotificationErrorBoundary = class extends Component {
+  static {
+    __name(this, "NotificationErrorBoundary");
+  }
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("\u{1F6A8} [NotificationErrorBoundary] Caught error:", error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback || /* @__PURE__ */ jsx182("div", { className: "flex items-center justify-center p-4 text-center", children: /* @__PURE__ */ jsxs117("div", { className: "text-muted-foreground text-sm", children: [
+        /* @__PURE__ */ jsx182("p", { children: "Something went wrong with notifications." }),
+        /* @__PURE__ */ jsx182(
+          "button",
+          {
+            onClick: () => this.setState({ hasError: false }),
+            className: "text-primary mt-2 underline hover:no-underline",
+            children: "Try again"
+          }
+        )
+      ] }) });
+    }
+    return this.props.children;
+  }
+};
+
+// src/features/notification/components/containers/NotificationsListContainer.tsx
+import { useTranslations as useTranslations57 } from "next-intl";
+
+// src/features/notification/components/lists/NotificationsList.tsx
+import { ArchiveIcon } from "lucide-react";
+import { useTranslations as useTranslations56 } from "next-intl";
+import { Fragment as Fragment35, jsx as jsx183, jsxs as jsxs118 } from "react/jsx-runtime";
+function NotificationsList({ archived }) {
+  const t = useTranslations56();
+  const generateUrl = usePageUrlGenerator();
+  const data = useDataListRetriever({
+    retriever: /* @__PURE__ */ __name((params) => NotificationService.findMany(params), "retriever"),
+    retrieverParams: { isArchived: archived },
+    module: Modules.Notification
+  });
+  const archiveNotification = /* @__PURE__ */ __name(async (notification) => {
+    await NotificationService.archive({ id: notification.id });
+    data.removeElement(notification);
+  }, "archiveNotification");
+  const LoadingSkeleton = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx183("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx183(Card, { children: /* @__PURE__ */ jsx183(CardContent, { className: "p-2", children: /* @__PURE__ */ jsxs118("div", { className: "flex w-full flex-row items-center", children: [
+    /* @__PURE__ */ jsx183(Skeleton, { className: "mr-4 h-8 w-8 rounded-full" }),
+    /* @__PURE__ */ jsxs118("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ jsx183(Skeleton, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ jsx183(Skeleton, { className: "h-3 w-1/2" })
+    ] }),
+    /* @__PURE__ */ jsx183(Skeleton, { className: "h-8 w-20" })
+  ] }) }) }, i)) }), "LoadingSkeleton");
+  return /* @__PURE__ */ jsx183("div", { className: "space-y-4", children: data.isLoaded ? data.data?.map((notification) => {
+    const notificationData = generateNotificationData({ notification, generateUrl });
+    return /* @__PURE__ */ jsx183(Card, { children: /* @__PURE__ */ jsx183(CardContent, { className: "p-0", children: /* @__PURE__ */ jsxs118("div", { className: `flex w-full flex-row items-center p-2`, children: [
+      notificationData.actor ? /* @__PURE__ */ jsx183("div", { className: "flex w-12 max-w-12 px-2", children: /* @__PURE__ */ jsx183(Link2, { href: generateUrl({ page: Modules.User, id: notificationData.actor.id }), children: /* @__PURE__ */ jsx183(UserAvatar, { user: notificationData.actor, className: "h-8 w-8" }) }) }) : /* @__PURE__ */ jsx183("div", { className: "flex w-14 max-w-14 px-2" }),
+      /* @__PURE__ */ jsxs118("div", { className: "flex w-full flex-col", children: [
+        /* @__PURE__ */ jsx183("p", { className: "text-sm", children: t.rich(`foundations.notification.${notification.notificationType}.description`, {
+          strong: /* @__PURE__ */ __name((chunks) => /* @__PURE__ */ jsx183("strong", { children: chunks }), "strong"),
+          actor: notificationData.actor?.name ?? "",
+          title: notificationData.title
+        }) }),
+        /* @__PURE__ */ jsx183("div", { className: "text-muted-foreground mt-1 w-full text-xs", children: new Date(notification.createdAt).toLocaleString() })
+      ] }),
+      /* @__PURE__ */ jsxs118("div", { className: "flex flex-row items-center", children: [
+        notificationData.url ? /* @__PURE__ */ jsx183(Link2, { href: notificationData.url, children: /* @__PURE__ */ jsx183(Button, { variant: `outline`, size: `sm`, onClick: (e) => e.stopPropagation(), children: t(`foundations.notification.${notification.notificationType}.buttons.action`) }) }) : /* @__PURE__ */ jsx183(Fragment35, {}),
+        !archived && /* @__PURE__ */ jsxs118(Tooltip2, { children: [
+          /* @__PURE__ */ jsx183(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx183(
+            Button,
+            {
+              variant: `link`,
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                archiveNotification(notification);
+              },
+              className: "text-muted-foreground hover:text-destructive ml-2",
+              children: /* @__PURE__ */ jsx183(ArchiveIcon, { className: "h-4 w-4 cursor-pointer" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx183(TooltipContent, { children: t(`foundations.notification.buttons.archive`) })
+        ] })
+      ] })
+    ] }) }) }, notification.id);
+  }) : /* @__PURE__ */ jsx183(LoadingSkeleton, {}) });
+}
+__name(NotificationsList, "NotificationsList");
+
+// src/features/notification/components/containers/NotificationsListContainer.tsx
+import { jsx as jsx184, jsxs as jsxs119 } from "react/jsx-runtime";
+function NotificationsListContainerContent() {
+  const t = useTranslations57();
+  const { notifications, isLoading, error } = useNotificationContext();
+  if (error) {
+    return /* @__PURE__ */ jsx184("div", { className: "flex items-center justify-center p-8 text-center", children: /* @__PURE__ */ jsxs119("div", { className: "text-destructive text-sm", children: [
+      /* @__PURE__ */ jsxs119("p", { children: [
+        "Error loading notifications: ",
+        error
+      ] }),
+      /* @__PURE__ */ jsx184("p", { className: "text-muted-foreground mt-2", children: "Please try refreshing the page." })
+    ] }) });
+  }
+  const tabs = [
+    {
+      label: t(`foundations.notification.inbox`),
+      content: /* @__PURE__ */ jsx184(NotificationsList, { archived: false })
+    },
+    {
+      label: t(`foundations.notification.archived`),
+      content: /* @__PURE__ */ jsx184(NotificationsList, { archived: true })
+    }
+  ];
+  return /* @__PURE__ */ jsx184(TabsContainer, { tabs });
+}
+__name(NotificationsListContainerContent, "NotificationsListContainerContent");
+function NotificationsListContainer() {
+  return /* @__PURE__ */ jsx184(NotificationErrorBoundary, { children: /* @__PURE__ */ jsx184(NotificationsListContainerContent, {}) });
 }
 __name(NotificationsListContainer, "NotificationsListContainer");
 
 // src/features/notification/components/modals/NotificationModal.tsx
 import { BellIcon } from "lucide-react";
 import { useTranslations as useTranslations58 } from "next-intl";
-import { Fragment as Fragment29, useCallback as useCallback17, useEffect as useEffect40, useMemo as useMemo18, useRef as useRef16, useState as useState49 } from "react";
+import { Fragment as Fragment36, useCallback as useCallback19, useEffect as useEffect50, useMemo as useMemo19, useRef as useRef16, useState as useState68 } from "react";
 import { toast as toast10 } from "sonner";
-import { jsx as jsx150, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx185, jsxs as jsxs120 } from "react/jsx-runtime";
 function NotificationModalContent({ isOpen, setIsOpen }) {
   const instanceId = useRef16(Math.random().toString(36).substr(2, 9));
   const {
@@ -11382,14 +14669,14 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
   const { socketNotifications, removeSocketNotification, clearSocketNotifications } = useSocketContext();
   const t = useTranslations58();
   const generateUrl = usePageUrlGenerator();
-  const [newNotifications, setNewNotifications] = useState49(false);
+  const [newNotifications, setNewNotifications] = useState68(false);
   const preventAutoClose = useRef16(false);
   const circuitBreakerRef = useRef16({
     count: 0,
     resetTime: 0,
     isOpen: false
   });
-  const checkCircuitBreaker = useCallback17(() => {
+  const checkCircuitBreaker = useCallback19(() => {
     const now = Date.now();
     const breaker = circuitBreakerRef.current;
     if (now > breaker.resetTime) {
@@ -11404,21 +14691,21 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
     }
     return !breaker.isOpen;
   }, []);
-  const { unreadCount, unreadIds } = useMemo18(() => {
+  const { unreadCount, unreadIds } = useMemo19(() => {
     const unreadNotifications2 = notifications.filter((notif) => !notif.isRead);
     return {
       unreadCount: unreadNotifications2.length,
       unreadIds: unreadNotifications2.map((notif) => notif.id)
     };
   }, [notifications]);
-  useEffect40(() => {
+  useEffect50(() => {
     setNewNotifications(unreadCount > 0);
   }, [unreadCount]);
-  useEffect40(() => {
+  useEffect50(() => {
     if (lastLoaded === 0) loadNotifications();
   }, [lastLoaded, loadNotifications]);
   const processSocketNotificationsRef = useRef16(null);
-  const processSocketNotifications = useCallback17(() => {
+  const processSocketNotifications = useCallback19(() => {
     if (socketNotifications.length === 0) {
       return;
     }
@@ -11457,7 +14744,7 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
     generateUrl,
     checkCircuitBreaker
   ]);
-  useEffect40(() => {
+  useEffect50(() => {
     if (processSocketNotificationsRef.current) {
       clearTimeout(processSocketNotificationsRef.current);
     }
@@ -11494,9 +14781,9 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
     }
   }, "handleOpenChange");
   const unreadNotifications = newNotifications && unreadCount > 0;
-  return /* @__PURE__ */ jsxs90(Popover, { open: isOpen, onOpenChange: handleOpenChange, "data-testid": `sidebar-notification button`, children: [
-    /* @__PURE__ */ jsx150(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs90(SidebarMenuButton, { className: "text-muted-foreground h-6", disabled: isLoading, children: [
-      /* @__PURE__ */ jsx150(
+  return /* @__PURE__ */ jsxs120(Popover, { open: isOpen, onOpenChange: handleOpenChange, "data-testid": `sidebar-notification button`, children: [
+    /* @__PURE__ */ jsx185(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs120(SidebarMenuButton, { className: "text-muted-foreground h-6", disabled: isLoading, children: [
+      /* @__PURE__ */ jsx185(
         BellIcon,
         {
           className: `h-5 w-5 cursor-pointer ${unreadNotifications ? "text-destructive" : ""} ${isLoading ? "animate-pulse" : ""}`
@@ -11504,75 +14791,75 @@ function NotificationModalContent({ isOpen, setIsOpen }) {
       ),
       t(`types.notifications`, { count: 2 })
     ] }) }),
-    /* @__PURE__ */ jsx150(PopoverContent, { className: "relative left-10 w-80 border-0 p-0 shadow-none", children: /* @__PURE__ */ jsxs90(Card, { children: [
-      /* @__PURE__ */ jsxs90(CardHeader, { className: "p-4", children: [
-        /* @__PURE__ */ jsx150(CardTitle, { children: t(`types.notifications`, { count: 2 }) }),
-        isLoading && /* @__PURE__ */ jsx150("div", { className: "text-muted-foreground text-xs", children: "Loading..." }),
-        error && /* @__PURE__ */ jsxs90("div", { className: "text-destructive text-xs", children: [
+    /* @__PURE__ */ jsx185(PopoverContent, { className: "relative left-10 w-80 border-0 p-0 shadow-none", children: /* @__PURE__ */ jsxs120(Card, { children: [
+      /* @__PURE__ */ jsxs120(CardHeader, { className: "p-4", children: [
+        /* @__PURE__ */ jsx185(CardTitle, { children: t(`types.notifications`, { count: 2 }) }),
+        isLoading && /* @__PURE__ */ jsx185("div", { className: "text-muted-foreground text-xs", children: "Loading..." }),
+        error && /* @__PURE__ */ jsxs120("div", { className: "text-destructive text-xs", children: [
           "Error: ",
           error
         ] })
       ] }),
-      /* @__PURE__ */ jsx150(Separator4, {}),
-      /* @__PURE__ */ jsx150(ScrollArea, { className: "h-96", children: notifications.length > 0 ? notifications.map((notification) => /* @__PURE__ */ jsx150(Fragment29, { children: generateNotification(notification, () => setIsOpen(false)) }, notification.id)) : /* @__PURE__ */ jsx150("div", { className: "p-4 text-center text-sm text-gray-500", children: t(`foundations.notification.empty`, { count: 2 }) }) })
+      /* @__PURE__ */ jsx185(Separator4, {}),
+      /* @__PURE__ */ jsx185(ScrollArea, { className: "h-96", children: notifications.length > 0 ? notifications.map((notification) => /* @__PURE__ */ jsx185(Fragment36, { children: generateNotification(notification, () => setIsOpen(false)) }, notification.id)) : /* @__PURE__ */ jsx185("div", { className: "p-4 text-center text-sm text-gray-500", children: t(`foundations.notification.empty`, { count: 2 }) }) })
     ] }) })
   ] });
 }
 __name(NotificationModalContent, "NotificationModalContent");
 function NotificationModal(props) {
-  return /* @__PURE__ */ jsx150(NotificationErrorBoundary, { children: /* @__PURE__ */ jsx150(NotificationModalContent, { ...props }) });
+  return /* @__PURE__ */ jsx185(NotificationErrorBoundary, { children: /* @__PURE__ */ jsx185(NotificationModalContent, { ...props }) });
 }
 __name(NotificationModal, "NotificationModal");
 
 // src/features/notification/components/notifications/PushNotificationProvider.tsx
-import { Fragment as Fragment30, jsx as jsx151 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx186 } from "react/jsx-runtime";
 function PushNotificationProvider({ children }) {
   usePushNotifications();
-  return /* @__PURE__ */ jsx151(Fragment30, { children });
+  return /* @__PURE__ */ jsx186(Fragment37, { children });
 }
 __name(PushNotificationProvider, "PushNotificationProvider");
 
 // src/features/role/components/details/RoleDetails.tsx
 import { useTranslations as useTranslations59 } from "next-intl";
-import { jsx as jsx152 } from "react/jsx-runtime";
+import { jsx as jsx187 } from "react/jsx-runtime";
 function RoleDetails() {
   const { role } = useRoleContext();
   const t = useTranslations59();
   if (!role) return null;
-  return /* @__PURE__ */ jsx152(Card, { className: "w-full", children: /* @__PURE__ */ jsx152(CardContent, { className: "p-4", children: /* @__PURE__ */ jsx152(AttributeElement, { title: t(`foundations.role.fields.description.label`), value: role.description }) }) });
+  return /* @__PURE__ */ jsx187(Card, { className: "w-full", children: /* @__PURE__ */ jsx187(CardContent, { className: "p-4", children: /* @__PURE__ */ jsx187(AttributeElement, { title: t(`foundations.role.fields.description.label`), value: role.description }) }) });
 }
 __name(RoleDetails, "RoleDetails");
 
 // src/features/role/components/containers/RoleContainer.tsx
-import { Fragment as Fragment31, jsx as jsx153, jsxs as jsxs91 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx188, jsxs as jsxs121 } from "react/jsx-runtime";
 function RoleContainer() {
   const { role } = useRoleContext();
   if (!role) return null;
-  return /* @__PURE__ */ jsxs91(Fragment31, { children: [
-    /* @__PURE__ */ jsx153(RoleDetails, {}),
-    /* @__PURE__ */ jsx153(RoleUsersList, { role })
+  return /* @__PURE__ */ jsxs121(Fragment38, { children: [
+    /* @__PURE__ */ jsx188(RoleDetails, {}),
+    /* @__PURE__ */ jsx188(RoleUsersList, { role })
   ] });
 }
 __name(RoleContainer, "RoleContainer");
 
 // src/features/role/components/forms/FormRoles.tsx
 import { useTranslations as useTranslations60 } from "next-intl";
-import { jsx as jsx154, jsxs as jsxs92 } from "react/jsx-runtime";
+import { jsx as jsx189, jsxs as jsxs122 } from "react/jsx-runtime";
 function FormRoles({ form, id, name, roles }) {
   const t = useTranslations60();
   const { hasAccesToFeature } = useCurrentUserContext();
-  return /* @__PURE__ */ jsx154("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx154(
+  return /* @__PURE__ */ jsx189("div", { className: "flex w-full flex-col", children: /* @__PURE__ */ jsx189(
     FormField,
     {
       control: form.control,
       name: id,
-      render: ({ field }) => /* @__PURE__ */ jsxs92(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
-        /* @__PURE__ */ jsx154(FormControl, { children: /* @__PURE__ */ jsxs92("div", { children: [
-          /* @__PURE__ */ jsx154("div", { className: "text-sm font-semibold", children: name }),
+      render: ({ field }) => /* @__PURE__ */ jsxs122(FormItem, { className: `${name ? "mb-5" : "mb-1"}`, children: [
+        /* @__PURE__ */ jsx189(FormControl, { children: /* @__PURE__ */ jsxs122("div", { children: [
+          /* @__PURE__ */ jsx189("div", { className: "text-sm font-semibold", children: name }),
           roles.filter((role) => role.isSelectable).sort((a, b) => a.name.localeCompare(b.name)).map((role) => {
             if (role.requiredFeature && !hasAccesToFeature(role.requiredFeature.id)) return null;
-            return /* @__PURE__ */ jsxs92("div", { children: [
-              /* @__PURE__ */ jsx154(
+            return /* @__PURE__ */ jsxs122("div", { children: [
+              /* @__PURE__ */ jsx189(
                 Checkbox,
                 {
                   defaultChecked: field.value.some((roleId) => roleId === role.id),
@@ -11588,14 +14875,14 @@ function FormRoles({ form, id, name, roles }) {
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs92(Tooltip2, { children: [
-                /* @__PURE__ */ jsx154(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx154(FormLabel, { className: "ml-3 font-normal", children: t(`foundations.role.roles`, { role: role.id.replaceAll(`-`, ``) }) }) }),
-                /* @__PURE__ */ jsx154(TooltipContent, { children: t(`foundations.role.roles_descriptions`, { role: role.id.replaceAll(`-`, ``) }) })
+              /* @__PURE__ */ jsxs122(Tooltip2, { children: [
+                /* @__PURE__ */ jsx189(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx189(FormLabel, { className: "ml-3 font-normal", children: t(`foundations.role.roles`, { role: role.id.replaceAll(`-`, ``) }) }) }),
+                /* @__PURE__ */ jsx189(TooltipContent, { children: t(`foundations.role.roles_descriptions`, { role: role.id.replaceAll(`-`, ``) }) })
               ] })
             ] }, role.id);
           })
         ] }) }),
-        /* @__PURE__ */ jsx154(FormMessage, {})
+        /* @__PURE__ */ jsx189(FormMessage, {})
       ] })
     }
   ) });
@@ -11604,13 +14891,13 @@ __name(FormRoles, "FormRoles");
 
 // src/features/role/components/forms/RemoveUserFromRole.tsx
 import { useTranslations as useTranslations61 } from "next-intl";
-import { useEffect as useEffect41, useState as useState50 } from "react";
-import { Fragment as Fragment32, jsx as jsx155, jsxs as jsxs93 } from "react/jsx-runtime";
+import { useEffect as useEffect51, useState as useState69 } from "react";
+import { Fragment as Fragment39, jsx as jsx190, jsxs as jsxs123 } from "react/jsx-runtime";
 function RemoveUserFromRole({ role, user, refresh }) {
-  const [open, setOpen] = useState50(false);
-  const [canRemove, setCanRemove] = useState50(false);
+  const [open, setOpen] = useState69(false);
+  const [canRemove, setCanRemove] = useState69(false);
   const t = useTranslations61();
-  useEffect41(() => {
+  useEffect51(() => {
     async function checkCompanyAdminDeletability() {
       const roleUsers = await UserService.findAllUsersByRole({
         roleId: role.id
@@ -11637,8 +14924,8 @@ function RemoveUserFromRole({ role, user, refresh }) {
     }
   }, "remove");
   const roleName = t(`foundations.role.roles`, { role: role.id.replaceAll(`-`, ``) });
-  return /* @__PURE__ */ jsxs93(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx155(
+  return /* @__PURE__ */ jsxs123(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx190(
       DialogTrigger,
       {
         onClick: (e) => {
@@ -11646,19 +14933,19 @@ function RemoveUserFromRole({ role, user, refresh }) {
           e.preventDefault();
           setOpen(true);
         },
-        children: /* @__PURE__ */ jsx155("span", { className: "hover:text-destructive cursor-pointer", children: t(`foundations.role.remove_user.title`) })
+        children: /* @__PURE__ */ jsx190("span", { className: "hover:text-destructive cursor-pointer", children: t(`foundations.role.remove_user.title`) })
       }
     ),
-    /* @__PURE__ */ jsxs93(DialogContent, { className: `flex max-h-[70vh] max-w-3xl flex-col overflow-y-auto`, children: [
-      /* @__PURE__ */ jsxs93(DialogHeader, { children: [
-        /* @__PURE__ */ jsx155(DialogTitle, { children: t(`foundations.role.remove_user.title`) }),
-        /* @__PURE__ */ jsx155(DialogDescription, { children: canRemove ? t(`foundations.role.remove_user.subtitle_allowed`) : t(`foundations.role.remove_user.subtitle_not_allowed`) })
+    /* @__PURE__ */ jsxs123(DialogContent, { className: `flex max-h-[70vh] max-w-3xl flex-col overflow-y-auto`, children: [
+      /* @__PURE__ */ jsxs123(DialogHeader, { children: [
+        /* @__PURE__ */ jsx190(DialogTitle, { children: t(`foundations.role.remove_user.title`) }),
+        /* @__PURE__ */ jsx190(DialogDescription, { children: canRemove ? t(`foundations.role.remove_user.subtitle_allowed`) : t(`foundations.role.remove_user.subtitle_not_allowed`) })
       ] }),
-      canRemove ? /* @__PURE__ */ jsxs93(Fragment32, { children: [
+      canRemove ? /* @__PURE__ */ jsxs123(Fragment39, { children: [
         t(`foundations.role.remove_user.description_allowed`, { role: roleName, user: user.name }),
-        /* @__PURE__ */ jsxs93("div", { className: "flex justify-end", children: [
-          /* @__PURE__ */ jsx155(Button, { className: "mr-2", variant: "outline", type: `button`, onClick: () => setOpen(false), children: t(`generic.buttons.cancel`) }),
-          /* @__PURE__ */ jsx155(
+        /* @__PURE__ */ jsxs123("div", { className: "flex justify-end", children: [
+          /* @__PURE__ */ jsx190(Button, { className: "mr-2", variant: "outline", type: `button`, onClick: () => setOpen(false), children: t(`generic.buttons.cancel`) }),
+          /* @__PURE__ */ jsx190(
             Button,
             {
               type: "submit",
@@ -11671,7 +14958,7 @@ function RemoveUserFromRole({ role, user, refresh }) {
             }
           )
         ] })
-      ] }) : /* @__PURE__ */ jsx155(Fragment32, { children: t(`foundations.role.remove_user.description_not_allowed`, { role: roleName, user: user.name }) })
+      ] }) : /* @__PURE__ */ jsx190(Fragment39, { children: t(`foundations.role.remove_user.description_not_allowed`, { role: roleName, user: user.name }) })
     ] })
   ] });
 }
@@ -11680,14 +14967,14 @@ __name(RemoveUserFromRole, "RemoveUserFromRole");
 // src/features/role/components/forms/UserRoleAdd.tsx
 import { PlusCircle } from "lucide-react";
 import { useTranslations as useTranslations62 } from "next-intl";
-import { useCallback as useCallback18, useEffect as useEffect42, useRef as useRef17, useState as useState51 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect52, useRef as useRef17, useState as useState70 } from "react";
 import { toast as toast11 } from "sonner";
-import { Fragment as Fragment33, jsx as jsx156, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx191, jsxs as jsxs124 } from "react/jsx-runtime";
 function UserRoleAdd({ user, refresh }) {
-  const [open, setOpen] = useState51(false);
+  const [open, setOpen] = useState70(false);
   const inputRef = useRef17(null);
-  const [searchTerm, setSearchTerm] = useState51("");
-  const [roles, setRoles] = useState51([]);
+  const [searchTerm, setSearchTerm] = useState70("");
+  const [roles, setRoles] = useState70([]);
   const t = useTranslations62();
   const addUserToRole = /* @__PURE__ */ __name(async (role) => {
     await RoleService.addUserToRole({
@@ -11711,7 +14998,7 @@ function UserRoleAdd({ user, refresh }) {
     );
     refresh();
   }, "addUserToRole");
-  const searchRoles = useCallback18(
+  const searchRoles = useCallback20(
     async (term) => {
       setRoles(
         await RoleService.findAllRolesUserNotIn({
@@ -11723,32 +15010,32 @@ function UserRoleAdd({ user, refresh }) {
     [searchTerm, user]
   );
   const updateSearchTerm = useDebounce(searchRoles, 500);
-  useEffect42(() => {
+  useEffect52(() => {
     if (open) updateSearchTerm(searchTerm);
   }, [open, searchTerm]);
-  useEffect42(() => {
+  useEffect52(() => {
     if (open) searchRoles("");
   }, [open]);
-  return /* @__PURE__ */ jsxs94(Fragment33, { children: [
-    /* @__PURE__ */ jsxs94(Button, { size: "sm", onClick: () => setOpen(true), children: [
-      /* @__PURE__ */ jsx156(PlusCircle, { className: "mr-3 h-3.5 w-3.5" }),
+  return /* @__PURE__ */ jsxs124(Fragment40, { children: [
+    /* @__PURE__ */ jsxs124(Button, { size: "sm", onClick: () => setOpen(true), children: [
+      /* @__PURE__ */ jsx191(PlusCircle, { className: "mr-3 h-3.5 w-3.5" }),
       t(`generic.association.label`, {
         source: t(`types.roles`, { count: 1 }),
         destination: t(`types.users`, { count: 1 })
       })
     ] }),
-    /* @__PURE__ */ jsxs94(CommandDialog, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx156(DialogTitle, { children: t(`generic.association.label`, {
+    /* @__PURE__ */ jsxs124(CommandDialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx191(DialogTitle, { children: t(`generic.association.label`, {
         source: t(`types.roles`, { count: 1 }),
         destination: t(`types.users`, { count: 1 })
       }) }),
-      /* @__PURE__ */ jsx156(DialogDescription, { children: t(`generic.association.description`, {
+      /* @__PURE__ */ jsx191(DialogDescription, { children: t(`generic.association.description`, {
         source: t(`types.roles`, { count: 1 }),
         destination: t(`types.users`, { count: 1 }),
         destination_name: user.name
       }) }),
-      /* @__PURE__ */ jsxs94(Command, { shouldFilter: false, children: [
-        /* @__PURE__ */ jsx156(
+      /* @__PURE__ */ jsxs124(Command, { shouldFilter: false, children: [
+        /* @__PURE__ */ jsx191(
           CommandInput,
           {
             placeholder: t(`generic.search.placeholder`, { type: t(`types.roles`, { count: 1 }) }),
@@ -11757,9 +15044,9 @@ function UserRoleAdd({ user, refresh }) {
             ref: inputRef
           }
         ),
-        /* @__PURE__ */ jsxs94(CommandList, { className: "mt-3 h-auto max-h-96 min-h-96 max-w-full overflow-x-hidden overflow-y-auto", children: [
-          /* @__PURE__ */ jsx156(CommandEmpty, { children: t(`generic.search.no_results`, { type: t(`types.roles`, { count: 1 }) }) }),
-          roles.map((role) => /* @__PURE__ */ jsx156(
+        /* @__PURE__ */ jsxs124(CommandList, { className: "mt-3 h-auto max-h-96 min-h-96 max-w-full overflow-x-hidden overflow-y-auto", children: [
+          /* @__PURE__ */ jsx191(CommandEmpty, { children: t(`generic.search.no_results`, { type: t(`types.roles`, { count: 1 }) }) }),
+          roles.map((role) => /* @__PURE__ */ jsx191(
             CommandItem,
             {
               className: "cursor-pointer",
@@ -11778,7 +15065,7 @@ __name(UserRoleAdd, "UserRoleAdd");
 
 // src/features/role/components/lists/RolesList.tsx
 import { useTranslations as useTranslations63 } from "next-intl";
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx192 } from "react/jsx-runtime";
 function RolesList() {
   const t = useTranslations63();
   const data = useDataListRetriever({
@@ -11786,7 +15073,7 @@ function RolesList() {
     retrieverParams: {},
     module: Modules.Role
   });
-  return /* @__PURE__ */ jsx157(
+  return /* @__PURE__ */ jsx192(
     ContentListTable,
     {
       data,
@@ -11800,7 +15087,7 @@ __name(RolesList, "RolesList");
 
 // src/features/role/components/lists/UserRolesList.tsx
 import { useTranslations as useTranslations64 } from "next-intl";
-import { jsx as jsx158 } from "react/jsx-runtime";
+import { jsx as jsx193 } from "react/jsx-runtime";
 function UserRolesList({ user }) {
   const t = useTranslations64();
   const data = useDataListRetriever({
@@ -11808,7 +15095,7 @@ function UserRolesList({ user }) {
     retrieverParams: { userId: user.id },
     module: Modules.Role
   });
-  return /* @__PURE__ */ jsx158(
+  return /* @__PURE__ */ jsx193(
     ContentListTable,
     {
       data,
@@ -12146,6 +15433,45 @@ export {
   Logout,
   RefreshUser,
   ResetPassword,
+  SubscriptionSummaryCard,
+  PaymentMethodSummaryCard,
+  CustomerInfoCard,
+  InvoicesSummaryCard,
+  BillingUsageSummaryCard,
+  PaymentMethodEditor,
+  PaymentMethodCard,
+  PaymentMethodsList,
+  PaymentMethodsContainer,
+  formatInterval,
+  formatCurrency,
+  formatDate3 as formatDate,
+  InvoiceStatusBadge,
+  InvoiceDetails,
+  InvoicesList,
+  InvoicesContainer,
+  CancelSubscriptionDialog,
+  PricingCard,
+  PricingCardsGrid,
+  ProrationPreview,
+  SubscriptionEditor,
+  SubscriptionStatusBadge,
+  SubscriptionDetails,
+  SubscriptionsList,
+  SubscriptionsContainer,
+  UsageSummaryCard,
+  UsageSummaryCards,
+  UsageContainer,
+  UsageHistoryTable,
+  BillingDetailModal,
+  BillingAlertBanner,
+  BillingDashboardContainer,
+  StripeProvider,
+  isStripeConfigured,
+  PriceEditor,
+  PricesList,
+  ProductEditor,
+  ProductsList,
+  ProductsAdminContainer,
   CompanyDetails,
   AdminCompanyContainer,
   CompanyContainer,
@@ -12201,4 +15527,4 @@ export {
   useUserTableStructure,
   useContentTableStructure
 };
-//# sourceMappingURL=chunk-2FCG3K64.mjs.map
+//# sourceMappingURL=chunk-5RAUCUAA.mjs.map