@growflowstudio/billing-admin-ui 1.0.0

package/dist/index.mjs

@@ -0,0 +1,2139 @@
+// src/provider.tsx
+import React, { useMemo } from "react";
+import {
+  BillingAdminClientContext,
+  createBillingAdminClient
+} from "@growflowstudio/billing-admin-core";
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_MODULES = {
+  plans: true,
+  subscriptions: true,
+  products: true,
+  payments: true,
+  invoices: true,
+  features: true
+};
+var BillingAdminConfigContext = React.createContext(null);
+function useBillingAdminConfig() {
+  const config = React.useContext(BillingAdminConfigContext);
+  if (!config) {
+    throw new Error(
+      "useBillingAdminConfig must be used within a BillingAdminProvider."
+    );
+  }
+  return config;
+}
+function useEnabledModules() {
+  const config = useBillingAdminConfig();
+  return { ...DEFAULT_MODULES, ...config.modules };
+}
+function BillingAdminProvider({ config, children }) {
+  const client = useMemo(
+    () => createBillingAdminClient({
+      basePath: config.basePath,
+      fetcher: config.fetcher
+    }),
+    [config.basePath, config.fetcher]
+  );
+  return /* @__PURE__ */ jsx(BillingAdminConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx(BillingAdminClientContext.Provider, { value: client, children }) });
+}
+
+// src/pages/PlansPage.tsx
+import { useState as useState2 } from "react";
+import { toast } from "sonner";
+import { Plus, RefreshCw, LayoutGrid } from "lucide-react";
+import {
+  useAdminPlans,
+  useCreatePlan,
+  useUpdatePlan,
+  useDeletePlan,
+  useSyncPlanToStripe,
+  validateSlug,
+  validateRequired
+} from "@growflowstudio/billing-admin-core";
+
+// src/components/plans/PlansTable.tsx
+import { Pencil, Trash2, Upload, Check, X } from "lucide-react";
+import { formatCurrency } from "@growflowstudio/billing-admin-core";
+
+// src/components/plans/plan-colors.ts
+var PLAN_COLORS = [
+  { value: "gray", label: "Grigio", className: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-400" },
+  { value: "green", label: "Verde", className: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" },
+  { value: "blue", label: "Blu", className: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400" },
+  { value: "purple", label: "Viola", className: "bg-purple-100 text-purple-700 dark:bg-purple-900/30 dark:text-purple-400" },
+  { value: "amber", label: "Ambra", className: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400" },
+  { value: "red", label: "Rosso", className: "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" },
+  { value: "pink", label: "Rosa", className: "bg-pink-100 text-pink-700 dark:bg-pink-900/30 dark:text-pink-400" },
+  { value: "indigo", label: "Indaco", className: "bg-indigo-100 text-indigo-700 dark:bg-indigo-900/30 dark:text-indigo-400" }
+];
+function getPlanColorClass(color) {
+  const found = PLAN_COLORS.find((c) => c.value === color);
+  return found?.className || PLAN_COLORS[0].className;
+}
+
+// src/primitives/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/shared/StatusBadge.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function StatusBadge({ label, colorClass, className }) {
+  return /* @__PURE__ */ jsx2(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors",
+        colorClass,
+        className
+      ),
+      children: label
+    }
+  );
+}
+
+// src/components/shared/SkeletonRows.tsx
+import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+function SkeletonRows({ rows = 5, columns = 1 }) {
+  return /* @__PURE__ */ jsx3(Fragment, { children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx3("tr", { children: /* @__PURE__ */ jsx3("td", { colSpan: columns, className: "p-4", children: /* @__PURE__ */ jsx3("div", { className: "h-10 w-full animate-pulse rounded-md bg-muted" }) }) }, i)) });
+}
+
+// src/components/plans/PlansTable.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var pricingModelLabels = {
+  flat: "Fisso",
+  tiered: "A Scaglioni",
+  per_unit: "Per Unit\xE0",
+  usage_based: "A Consumo"
+};
+function PlansTable({
+  plans,
+  isLoading,
+  onEdit,
+  onDelete,
+  onSync,
+  isSyncing
+}) {
+  return /* @__PURE__ */ jsx4("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full caption-bottom text-sm", children: [
+    /* @__PURE__ */ jsx4("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs("tr", { className: "border-b transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Slug" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Nome" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Colore" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Modello" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Mensile" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Annuale" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Trial" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Attivo" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Stripe" }),
+      /* @__PURE__ */ jsx4("th", { className: "h-12 px-4 text-right align-middle font-medium text-muted-foreground", children: "Azioni" })
+    ] }) }),
+    /* @__PURE__ */ jsx4("tbody", { className: "[&_tr:last-child]:border-0", children: isLoading ? /* @__PURE__ */ jsx4(SkeletonRows, { rows: 3, columns: 10 }) : plans.length === 0 ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { colSpan: 10, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun piano configurato" }) }) : plans.map((plan) => /* @__PURE__ */ jsxs("tr", { className: "border-b transition-colors hover:bg-muted/50", children: [
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx4("code", { className: "text-sm bg-muted px-2 py-0.5 rounded", children: plan.slug }) }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle font-medium", children: plan.name }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx4(StatusBadge, { label: plan.color, colorClass: getPlanColorClass(plan.color) }) }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx4(StatusBadge, { label: pricingModelLabels[plan.pricing_model], colorClass: "border" }) }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_monthly ?? 0, plan.currency) }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_yearly ?? 0, plan.currency) }),
+      /* @__PURE__ */ jsxs("td", { className: "p-4 align-middle", children: [
+        plan.trial_days,
+        " giorni"
+      ] }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.is_active ? /* @__PURE__ */ jsx4(Check, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx4(X, { className: "w-4 h-4 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle", children: plan.stripe_price_id_monthly ? /* @__PURE__ */ jsx4(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 w-9 hover:bg-accent hover:text-accent-foreground",
+          onClick: () => onSync(plan.id),
+          disabled: isSyncing,
+          children: /* @__PURE__ */ jsx4(Upload, { className: "w-4 h-4" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx4("td", { className: "p-4 align-middle text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1", children: [
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 w-9 hover:bg-accent hover:text-accent-foreground",
+            onClick: () => onEdit(plan),
+            children: /* @__PURE__ */ jsx4(Pencil, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 w-9 text-destructive hover:bg-accent hover:text-destructive",
+            onClick: () => onDelete(plan),
+            children: /* @__PURE__ */ jsx4(Trash2, { className: "w-4 h-4" })
+          }
+        )
+      ] }) })
+    ] }, plan.id)) })
+  ] }) });
+}
+
+// src/components/plans/PlanFormDialog.tsx
+import { useState, useEffect } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Loader2, X as XIcon } from "lucide-react";
+
+// src/components/plans/LimitInput.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function LimitInput({
+  id,
+  label,
+  value,
+  isUnlimited,
+  onValueChange,
+  onUnlimitedChange,
+  min = 1
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-2 p-3 border rounded-lg", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx5("label", { htmlFor: id, className: "text-sm font-medium leading-none", children: label }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            role: "switch",
+            "aria-checked": isUnlimited,
+            onClick: () => onUnlimitedChange(!isUnlimited),
+            className: `peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors ${isUnlimited ? "bg-primary" : "bg-input"}`,
+            children: /* @__PURE__ */ jsx5(
+              "span",
+              {
+                className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform ${isUnlimited ? "translate-x-4" : "translate-x-0"}`
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx5("span", { className: "text-xs text-muted-foreground", children: "Illimitati" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(
+      "input",
+      {
+        id,
+        type: "number",
+        min,
+        value,
+        onChange: (e) => onValueChange(parseInt(e.target.value) || min),
+        disabled: isUnlimited,
+        className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+      }
+    )
+  ] });
+}
+
+// src/components/plans/PlanFormDialog.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function createDefaultPlanFormData(limitFields = []) {
+  const limits = {};
+  const limitsUnlimited = {};
+  for (const field of limitFields) {
+    limits[field.key] = field.defaultValue ?? 1;
+    limitsUnlimited[field.key] = false;
+  }
+  return {
+    slug: "",
+    name: "",
+    description: "",
+    pricing_model: "flat",
+    price_monthly: "",
+    price_yearly: "",
+    currency: "eur",
+    trial_days: 14,
+    is_active: true,
+    contact_sales: false,
+    is_public: true,
+    color: "gray",
+    limits,
+    limits_unlimited: limitsUnlimited,
+    features: "",
+    sort_order: 0
+  };
+}
+function PlanFormDialog({
+  open,
+  onOpenChange,
+  formData,
+  onFormDataChange,
+  formErrors,
+  selectedPlan,
+  onSubmit,
+  isPending
+}) {
+  const config = useBillingAdminConfig();
+  const limitFields = config.plans?.limitFields || [];
+  const featuresConfig = config.plans?.features;
+  const { data: featuresData } = useQuery({
+    queryKey: ["billing-admin-available-features"],
+    queryFn: () => featuresConfig?.fetchFn?.() ?? Promise.resolve({ features: [] }),
+    enabled: !!featuresConfig?.enabled && !!featuresConfig?.fetchFn
+  });
+  const availableFeatures = featuresData?.features || [];
+  const [selectedFeatureSlugs, setSelectedFeatureSlugs] = useState([]);
+  useEffect(() => {
+    if (formData.features) {
+      const slugs = formData.features.split("\n").map((line) => line.trim()).filter(Boolean);
+      setSelectedFeatureSlugs(slugs);
+    }
+  }, [formData.features]);
+  const handleFeatureToggle = (slug, checked) => {
+    const updated = checked ? [...selectedFeatureSlugs, slug] : selectedFeatureSlugs.filter((s) => s !== slug);
+    setSelectedFeatureSlugs(updated);
+    onFormDataChange({ features: updated.join("\n") });
+  };
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx6("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs3("div", { className: "relative z-50 w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
+        /* @__PURE__ */ jsx6("h2", { className: "text-lg font-semibold leading-none tracking-tight", children: selectedPlan ? "Modifica Piano" : "Nuovo Piano" }),
+        /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: selectedPlan ? "Modifica le impostazioni del piano selezionato" : "Crea un nuovo piano di abbonamento" })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "grid gap-4 py-4", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "slug", children: "Slug *" }),
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                id: "slug",
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50",
+                value: formData.slug,
+                onChange: (e) => onFormDataChange({ slug: e.target.value }),
+                placeholder: "es. pro, enterprise",
+                disabled: !!selectedPlan
+              }
+            ),
+            formErrors.slug && /* @__PURE__ */ jsx6("p", { className: "text-xs text-destructive", children: formErrors.slug })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "name", children: "Nome *" }),
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                id: "name",
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                value: formData.name,
+                onChange: (e) => onFormDataChange({ name: e.target.value }),
+                placeholder: "es. Piano Pro"
+              }
+            ),
+            formErrors.name && /* @__PURE__ */ jsx6("p", { className: "text-xs text-destructive", children: formErrors.name })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "description", children: "Descrizione" }),
+          /* @__PURE__ */ jsx6(
+            "textarea",
+            {
+              id: "description",
+              className: "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              value: formData.description,
+              onChange: (e) => onFormDataChange({ description: e.target.value }),
+              placeholder: "Descrizione del piano...",
+              rows: 2
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Modello Pricing" }),
+            /* @__PURE__ */ jsxs3(
+              "select",
+              {
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                value: formData.pricing_model,
+                onChange: (e) => onFormDataChange({ pricing_model: e.target.value }),
+                children: [
+                  /* @__PURE__ */ jsx6("option", { value: "flat", children: "Fisso" }),
+                  /* @__PURE__ */ jsx6("option", { value: "tiered", children: "A Scaglioni" }),
+                  /* @__PURE__ */ jsx6("option", { value: "per_unit", children: "Per Unit\xE0" }),
+                  /* @__PURE__ */ jsx6("option", { value: "usage_based", children: "A Consumo" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "price_monthly", children: "Prezzo Mensile" }),
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                id: "price_monthly",
+                type: "number",
+                step: "0.01",
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                value: formData.price_monthly,
+                onChange: (e) => onFormDataChange({ price_monthly: e.target.value }),
+                placeholder: "0.00"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "price_yearly", children: "Prezzo Annuale" }),
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                id: "price_yearly",
+                type: "number",
+                step: "0.01",
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                value: formData.price_yearly,
+                onChange: (e) => onFormDataChange({ price_yearly: e.target.value }),
+                placeholder: "0.00"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Valuta" }),
+            /* @__PURE__ */ jsxs3(
+              "select",
+              {
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                value: formData.currency,
+                onChange: (e) => onFormDataChange({ currency: e.target.value }),
+                children: [
+                  /* @__PURE__ */ jsx6("option", { value: "eur", children: "EUR" }),
+                  /* @__PURE__ */ jsx6("option", { value: "usd", children: "USD" }),
+                  /* @__PURE__ */ jsx6("option", { value: "gbp", children: "GBP" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "trial_days", children: "Giorni Trial" }),
+            /* @__PURE__ */ jsx6("input", { id: "trial_days", type: "number", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.trial_days, onChange: (e) => onFormDataChange({ trial_days: parseInt(e.target.value) || 0 }) })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", htmlFor: "sort_order", children: "Ordine" }),
+            /* @__PURE__ */ jsx6("input", { id: "sort_order", type: "number", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.sort_order, onChange: (e) => onFormDataChange({ sort_order: parseInt(e.target.value) || 0 }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Colore Badge" }),
+            /* @__PURE__ */ jsx6(
+              "select",
+              {
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                value: formData.color,
+                onChange: (e) => onFormDataChange({ color: e.target.value }),
+                children: PLAN_COLORS.map((color) => /* @__PURE__ */ jsx6("option", { value: color.value, children: color.label }, color.value))
+              }
+            ),
+            /* @__PURE__ */ jsxs3("p", { className: "text-xs text-muted-foreground", children: [
+              "Anteprima: ",
+              /* @__PURE__ */ jsx6("span", { className: `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold ${getPlanColorClass(formData.color)}`, children: formData.name || "Piano" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "space-y-4 pt-6", children: [
+            /* @__PURE__ */ jsx6(ToggleSwitch, { label: "Piano Attivo", checked: formData.is_active, onChange: (v) => onFormDataChange({ is_active: v }) }),
+            /* @__PURE__ */ jsx6(ToggleSwitch, { label: "Contattaci per Prezzi", checked: formData.contact_sales, onChange: (v) => onFormDataChange({ contact_sales: v }) }),
+            /* @__PURE__ */ jsx6(ToggleSwitch, { label: "Visibile in Homepage", checked: formData.is_public, onChange: (v) => onFormDataChange({ is_public: v }) })
+          ] })
+        ] }),
+        limitFields.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Limiti Piano" }),
+          /* @__PURE__ */ jsx6("div", { className: "grid grid-cols-2 gap-3", children: limitFields.map((field) => /* @__PURE__ */ jsx6(
+            LimitInput,
+            {
+              id: `limit_${field.key}`,
+              label: field.label,
+              value: formData.limits[field.key] ?? field.defaultValue ?? 1,
+              isUnlimited: formData.limits_unlimited[field.key] ?? false,
+              onValueChange: (v) => onFormDataChange({ limits: { ...formData.limits, [field.key]: v } }),
+              onUnlimitedChange: (v) => onFormDataChange({ limits_unlimited: { ...formData.limits_unlimited, [field.key]: v } })
+            },
+            field.key
+          )) })
+        ] }),
+        featuresConfig?.enabled && availableFeatures.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx6("label", { className: "text-sm font-medium leading-none", children: "Features Incluse nel Piano" }),
+          /* @__PURE__ */ jsx6("div", { className: "border rounded-lg p-3 space-y-2 max-h-64 overflow-y-auto", children: availableFeatures.map((feature) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3 p-2 hover:bg-muted/50 rounded", children: [
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                type: "checkbox",
+                id: `feature-${feature.slug}`,
+                checked: selectedFeatureSlugs.includes(feature.slug),
+                onChange: (e) => handleFeatureToggle(feature.slug, e.target.checked),
+                className: "h-4 w-4 rounded border-input"
+              }
+            ),
+            /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx6("label", { htmlFor: `feature-${feature.slug}`, className: "text-sm font-medium cursor-pointer", children: feature.name }),
+              feature.description && /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: feature.description })
+            ] }),
+            /* @__PURE__ */ jsx6("code", { className: "text-xs text-muted-foreground bg-muted px-2 py-0.5 rounded", children: feature.slug })
+          ] }, feature.slug)) }),
+          selectedFeatureSlugs.length > 0 && /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-2 pt-2", children: selectedFeatureSlugs.map((slug) => {
+            const feature = availableFeatures.find((f) => f.slug === slug);
+            return /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold bg-secondary text-secondary-foreground gap-1", children: [
+              feature?.name || slug,
+              /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => handleFeatureToggle(slug, false), className: "ml-1 hover:bg-destructive/20 rounded-full", children: /* @__PURE__ */ jsx6(XIcon, { className: "h-3 w-3" }) })
+            ] }, slug);
+          }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", children: [
+        /* @__PURE__ */ jsx6(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground mt-2 sm:mt-0",
+            onClick: () => onOpenChange(false),
+            children: "Annulla"
+          }
+        ),
+        /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+            onClick: onSubmit,
+            disabled: isPending,
+            children: [
+              isPending && /* @__PURE__ */ jsx6(Loader2, { className: "w-4 h-4 animate-spin mr-2" }),
+              selectedPlan ? "Salva Modifiche" : "Crea Piano"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ToggleSwitch({ label, checked, onChange }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx6(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        onClick: () => onChange(!checked),
+        className: `peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors ${checked ? "bg-primary" : "bg-input"}`,
+        children: /* @__PURE__ */ jsx6("span", { className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform ${checked ? "translate-x-4" : "translate-x-0"}` })
+      }
+    ),
+    /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium leading-none", children: label })
+  ] });
+}
+
+// src/components/shared/DeleteConfirmDialog.tsx
+import { Loader2 as Loader22 } from "lucide-react";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function DeleteConfirmDialog({
+  isOpen,
+  onOpenChange,
+  title = "Sei sicuro?",
+  description,
+  onConfirm,
+  isDeleting,
+  confirmLabel = "Elimina",
+  cancelLabel = "Annulla"
+}) {
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs4("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx7(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/80",
+        onClick: () => onOpenChange(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs4("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col space-y-2 text-center sm:text-left", children: [
+        /* @__PURE__ */ jsx7("h2", { className: "text-lg font-semibold", children: title }),
+        /* @__PURE__ */ jsx7("div", { className: "text-sm text-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-4", children: [
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground mt-2 sm:mt-0",
+            onClick: () => onOpenChange(false),
+            children: cancelLabel
+          }
+        ),
+        /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            onClick: onConfirm,
+            disabled: isDeleting,
+            children: [
+              isDeleting && /* @__PURE__ */ jsx7(Loader22, { className: "w-4 h-4 animate-spin mr-2" }),
+              confirmLabel
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/pages/PlansPage.tsx
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function PlansPage({ wrapper: Wrapper, header }) {
+  const config = useBillingAdminConfig();
+  const limitFields = config.plans?.limitFields || [];
+  const publicPlansConfig = config.plans?.publicPlans;
+  const [showForm, setShowForm] = useState2(false);
+  const [showDeleteDialog, setShowDeleteDialog] = useState2(false);
+  const [selectedPlan, setSelectedPlan] = useState2(null);
+  const [formData, setFormData] = useState2(createDefaultPlanFormData(limitFields));
+  const [formErrors, setFormErrors] = useState2({});
+  const { data, isLoading, refetch } = useAdminPlans();
+  const createMutation = useCreatePlan();
+  const updateMutation = useUpdatePlan();
+  const deleteMutation = useDeletePlan();
+  const syncMutation = useSyncPlanToStripe();
+  const [publicPlanSlugs, setPublicPlanSlugs] = useState2([]);
+  useState2(() => {
+    if (publicPlansConfig?.enabled && publicPlansConfig.fetchFn) {
+      publicPlansConfig.fetchFn().then((r) => setPublicPlanSlugs(r.public_plan_slugs));
+    }
+  });
+  const plans = data?.items || [];
+  const resetForm = () => {
+    setFormData(createDefaultPlanFormData(limitFields));
+    setSelectedPlan(null);
+    setFormErrors({});
+  };
+  const openCreateForm = () => {
+    resetForm();
+    setShowForm(true);
+  };
+  const openEditForm = (plan) => {
+    setSelectedPlan(plan);
+    const planLimits = plan.limits || {};
+    const limits = {};
+    const limitsUnlimited = {};
+    for (const field of limitFields) {
+      const val = planLimits[field.key];
+      limits[field.key] = val === -1 ? field.defaultValue ?? 1 : val || field.defaultValue || 1;
+      limitsUnlimited[field.key] = val === -1;
+    }
+    setFormData({
+      slug: plan.slug,
+      name: plan.name,
+      description: plan.description || "",
+      pricing_model: plan.pricing_model,
+      price_monthly: plan.price_monthly ? plan.price_monthly.toString() : "",
+      price_yearly: plan.price_yearly ? plan.price_yearly.toString() : "",
+      currency: plan.currency,
+      trial_days: plan.trial_days,
+      is_active: plan.is_active,
+      contact_sales: plan.contact_sales,
+      is_public: publicPlanSlugs.includes(plan.slug),
+      color: plan.color || "gray",
+      limits,
+      limits_unlimited: limitsUnlimited,
+      features: plan.features?.join("\n") || "",
+      sort_order: plan.sort_order
+    });
+    setShowForm(true);
+  };
+  const handleValidate = () => {
+    const errors = {};
+    const slugErr = validateSlug(formData.slug);
+    if (slugErr) errors.slug = slugErr;
+    const nameErr = validateRequired(formData.name, "Il nome");
+    if (nameErr) errors.name = nameErr;
+    setFormErrors(errors);
+    return Object.keys(errors).length === 0;
+  };
+  const handleSubmit = async () => {
+    if (!handleValidate()) return;
+    const limits = {};
+    for (const field of limitFields) {
+      limits[field.key] = formData.limits_unlimited[field.key] ? -1 : formData.limits[field.key] ?? 1;
+    }
+    const planData = {
+      slug: formData.slug,
+      name: formData.name,
+      description: formData.description || void 0,
+      pricing_model: formData.pricing_model,
+      price_monthly: formData.price_monthly ? parseFloat(formData.price_monthly) : void 0,
+      price_yearly: formData.price_yearly ? parseFloat(formData.price_yearly) : void 0,
+      currency: formData.currency,
+      trial_days: formData.trial_days,
+      is_active: formData.is_active,
+      contact_sales: formData.contact_sales,
+      color: formData.color,
+      limits: Object.keys(limits).length > 0 ? limits : void 0,
+      features: formData.features.split("\n").filter((f) => f.trim()),
+      sort_order: formData.sort_order
+    };
+    if (publicPlansConfig?.enabled && publicPlansConfig.updateFn) {
+      const isCurrentlyPublic = publicPlanSlugs.includes(formData.slug);
+      if (formData.is_public !== isCurrentlyPublic) {
+        try {
+          const newSlugs = formData.is_public ? [...publicPlanSlugs, formData.slug] : publicPlanSlugs.filter((s) => s !== formData.slug);
+          await publicPlansConfig.updateFn(newSlugs);
+          setPublicPlanSlugs(newSlugs);
+        } catch {
+          toast.error("Errore nell'aggiornamento della visibilit\xE0 pubblica");
+        }
+      }
+    }
+    if (selectedPlan) {
+      updateMutation.mutate({ id: selectedPlan.id, data: planData }, {
+        onSuccess: () => {
+          toast.success("Piano aggiornato con successo");
+          setShowForm(false);
+          resetForm();
+        },
+        onError: (err) => toast.error(`Errore: ${err.message}`)
+      });
+    } else {
+      createMutation.mutate(planData, {
+        onSuccess: () => {
+          toast.success("Piano creato con successo");
+          setShowForm(false);
+          resetForm();
+        },
+        onError: (err) => toast.error(`Errore: ${err.message}`)
+      });
+    }
+  };
+  const handleDelete = () => {
+    if (selectedPlan) {
+      deleteMutation.mutate(selectedPlan.id, {
+        onSuccess: () => {
+          toast.success("Piano eliminato con successo");
+          setShowDeleteDialog(false);
+          setSelectedPlan(null);
+        },
+        onError: (err) => toast.error(`Errore: ${err.message}`)
+      });
+    }
+  };
+  const content = /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    header,
+    /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx8(LayoutGrid, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs5("span", { children: [
+            plans.length,
+            " piani configurati"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs5("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent", onClick: () => refetch(), children: [
+            /* @__PURE__ */ jsx8(RefreshCw, { className: "w-4 h-4 mr-2" }),
+            "Aggiorna"
+          ] }),
+          /* @__PURE__ */ jsxs5("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90", onClick: openCreateForm, children: [
+            /* @__PURE__ */ jsx8(Plus, { className: "w-4 h-4 mr-2" }),
+            "Nuovo Piano"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx8("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: /* @__PURE__ */ jsx8("div", { className: "p-0", children: /* @__PURE__ */ jsx8(
+        PlansTable,
+        {
+          plans,
+          isLoading,
+          onEdit: openEditForm,
+          onDelete: (plan) => {
+            setSelectedPlan(plan);
+            setShowDeleteDialog(true);
+          },
+          onSync: (id) => syncMutation.mutate(id, {
+            onSuccess: () => toast.success("Piano sincronizzato con Stripe"),
+            onError: (err) => toast.error(`Errore sync: ${err.message}`)
+          }),
+          isSyncing: syncMutation.isPending
+        }
+      ) }) })
+    ] }),
+    /* @__PURE__ */ jsx8(
+      PlanFormDialog,
+      {
+        open: showForm,
+        onOpenChange: setShowForm,
+        formData,
+        onFormDataChange: (data2) => setFormData((prev) => ({ ...prev, ...data2 })),
+        formErrors,
+        selectedPlan,
+        onSubmit: handleSubmit,
+        isPending: createMutation.isPending || updateMutation.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      DeleteConfirmDialog,
+      {
+        isOpen: showDeleteDialog,
+        onOpenChange: setShowDeleteDialog,
+        title: "Eliminare Piano?",
+        description: /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          "Stai per eliminare il piano ",
+          /* @__PURE__ */ jsx8("strong", { children: selectedPlan?.name }),
+          " (",
+          /* @__PURE__ */ jsx8("code", { children: selectedPlan?.slug }),
+          "). Questa azione non pu\xF2 essere annullata."
+        ] }),
+        onConfirm: handleDelete,
+        isDeleting: deleteMutation.isPending,
+        confirmLabel: "Elimina Piano"
+      }
+    )
+  ] });
+  return Wrapper ? /* @__PURE__ */ jsx8(Wrapper, { children: content }) : content;
+}
+
+// src/pages/ProductsPage.tsx
+import { toast as toast2 } from "sonner";
+import { Plus as Plus2, RefreshCw as RefreshCw2, Pencil as Pencil2, Trash2 as Trash22, Upload as Upload2, Package, Check as Check2, X as X2 } from "lucide-react";
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+import {
+  useAdminProducts,
+  useCreateProduct,
+  useUpdateProduct,
+  useDeleteProduct,
+  useSyncProductToStripe,
+  useDialogState,
+  formatCurrencyFromCents
+} from "@growflowstudio/billing-admin-core";
+
+// src/components/products/ProductFormDialog.tsx
+import { useState as useState3, useEffect as useEffect2 } from "react";
+import { Loader2 as Loader23, Link as LinkIcon } from "lucide-react";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var defaultProductFormData = {
+  name: "",
+  description: "",
+  price_cents: "",
+  currency: "eur",
+  recurring_interval: "",
+  category: "feature",
+  is_active: true,
+  sync_stripe: true,
+  feature_slug: "",
+  extra_data: "{}"
+};
+function ProductFormDialog({
+  isOpen,
+  onOpenChange,
+  mode,
+  product,
+  features = [],
+  onSubmit,
+  isSubmitting
+}) {
+  const [formData, setFormData] = useState3(defaultProductFormData);
+  const [formErrors, setFormErrors] = useState3({});
+  useEffect2(() => {
+    if (isOpen) {
+      if (mode === "edit" && product) {
+        const featureSlug = product.extra_data?.feature_slug || "";
+        setFormData({
+          name: product.name,
+          description: product.description || "",
+          price_cents: (product.price_cents / 100).toString(),
+          currency: product.currency,
+          recurring_interval: product.recurring_interval || "",
+          category: product.category || "feature",
+          is_active: product.is_active,
+          sync_stripe: false,
+          feature_slug: featureSlug,
+          extra_data: product.extra_data ? JSON.stringify(product.extra_data, null, 2) : "{}"
+        });
+      } else {
+        setFormData(defaultProductFormData);
+      }
+      setFormErrors({});
+    }
+  }, [isOpen, mode, product]);
+  useEffect2(() => {
+    if (formData.feature_slug) {
+      setFormData((prev) => {
+        try {
+          const parsedData = JSON.parse(prev.extra_data);
+          const updated = { ...parsedData, feature_slug: formData.feature_slug };
+          return { ...prev, extra_data: JSON.stringify(updated, null, 2) };
+        } catch {
+          return { ...prev, extra_data: JSON.stringify({ feature_slug: formData.feature_slug }, null, 2) };
+        }
+      });
+    }
+  }, [formData.feature_slug]);
+  const validateForm = () => {
+    const errors = {};
+    if (!formData.name.trim()) errors.name = "Il nome \xE8 obbligatorio";
+    if (!formData.price_cents || parseFloat(formData.price_cents) < 0) errors.price_cents = "Il prezzo deve essere un numero positivo";
+    try {
+      JSON.parse(formData.extra_data);
+    } catch {
+      errors.extra_data = "JSON non valido per extra_data";
+    }
+    setFormErrors(errors);
+    return Object.keys(errors).length === 0;
+  };
+  const handleSubmit = () => {
+    if (validateForm()) onSubmit(formData);
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs6("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx9("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs6("div", { className: "relative z-50 w-full max-w-xl max-h-[90vh] overflow-y-auto rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
+        /* @__PURE__ */ jsx9("h2", { className: "text-lg font-semibold", children: mode === "create" ? "Nuovo Prodotto" : "Modifica Prodotto" }),
+        /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: mode === "create" ? "Crea un nuovo prodotto / feature acquistabile" : "Modifica le impostazioni del prodotto selezionato" })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "grid gap-4 py-4", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Nome *" }),
+          /* @__PURE__ */ jsx9("input", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), placeholder: "es. Ottimizza Dati Prodotti" }),
+          formErrors.name && /* @__PURE__ */ jsx9("p", { className: "text-xs text-destructive", children: formErrors.name })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Descrizione" }),
+          /* @__PURE__ */ jsx9("textarea", { className: "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.description, onChange: (e) => setFormData({ ...formData, description: e.target.value }), rows: 2 })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Prezzo" }),
+            /* @__PURE__ */ jsx9("input", { type: "number", step: "0.01", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.price_cents, onChange: (e) => setFormData({ ...formData, price_cents: e.target.value }), placeholder: "49.00" }),
+            formErrors.price_cents && /* @__PURE__ */ jsx9("p", { className: "text-xs text-destructive", children: formErrors.price_cents })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Valuta" }),
+            /* @__PURE__ */ jsxs6("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.currency, onChange: (e) => setFormData({ ...formData, currency: e.target.value }), children: [
+              /* @__PURE__ */ jsx9("option", { value: "eur", children: "EUR" }),
+              /* @__PURE__ */ jsx9("option", { value: "usd", children: "USD" }),
+              /* @__PURE__ */ jsx9("option", { value: "gbp", children: "GBP" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Ricorrenza" }),
+            /* @__PURE__ */ jsxs6("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.recurring_interval || "one_time", onChange: (e) => setFormData({ ...formData, recurring_interval: e.target.value === "one_time" ? "" : e.target.value }), children: [
+              /* @__PURE__ */ jsx9("option", { value: "one_time", children: "Una tantum" }),
+              /* @__PURE__ */ jsx9("option", { value: "month", children: "Mensile" }),
+              /* @__PURE__ */ jsx9("option", { value: "year", children: "Annuale" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Categoria" }),
+            /* @__PURE__ */ jsxs6("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.category, onChange: (e) => setFormData({ ...formData, category: e.target.value }), children: [
+              /* @__PURE__ */ jsx9("option", { value: "feature", children: "Feature" }),
+              /* @__PURE__ */ jsx9("option", { value: "addon", children: "Add-on" }),
+              /* @__PURE__ */ jsx9("option", { value: "service", children: "Servizio" }),
+              /* @__PURE__ */ jsx9("option", { value: "credits", children: "Crediti" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx9(ToggleRow, { label: "Prodotto Attivo", checked: formData.is_active, onChange: (v) => setFormData({ ...formData, is_active: v }) }),
+          mode === "create" && /* @__PURE__ */ jsx9(ToggleRow, { label: "Sincronizza su Stripe", checked: formData.sync_stripe, onChange: (v) => setFormData({ ...formData, sync_stripe: v }) })
+        ] }),
+        features.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Collega a Feature" }),
+          /* @__PURE__ */ jsxs6(
+            "select",
+            {
+              className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              value: formData.feature_slug || "none",
+              onChange: (e) => setFormData({ ...formData, feature_slug: e.target.value === "none" ? "" : e.target.value }),
+              children: [
+                /* @__PURE__ */ jsx9("option", { value: "none", children: "Nessuna feature" }),
+                features.map((f) => /* @__PURE__ */ jsxs6("option", { value: f.slug, children: [
+                  f.name,
+                  " (",
+                  f.slug,
+                  ")"
+                ] }, f.slug))
+              ]
+            }
+          ),
+          formData.feature_slug && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 p-2 bg-blue-50 border border-blue-200 rounded text-sm", children: [
+            /* @__PURE__ */ jsx9(LinkIcon, { className: "w-4 h-4 text-blue-600" }),
+            /* @__PURE__ */ jsxs6("span", { className: "text-blue-900", children: [
+              "Collegato a: ",
+              /* @__PURE__ */ jsx9("strong", { children: formData.feature_slug })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx9("label", { className: "text-sm font-medium leading-none", children: "Extra Data (JSON)" }),
+          /* @__PURE__ */ jsx9("textarea", { className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-mono focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: formData.extra_data, onChange: (e) => setFormData({ ...formData, extra_data: e.target.value }), rows: 3 }),
+          formErrors.extra_data && /* @__PURE__ */ jsx9("p", { className: "text-xs text-destructive", children: formErrors.extra_data })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", children: [
+        /* @__PURE__ */ jsx9("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent mt-2 sm:mt-0", onClick: () => onOpenChange(false), children: "Annulla" }),
+        /* @__PURE__ */ jsxs6("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50", onClick: handleSubmit, disabled: isSubmitting, children: [
+          isSubmitting && /* @__PURE__ */ jsx9(Loader23, { className: "w-4 h-4 animate-spin mr-2" }),
+          mode === "create" ? "Crea Prodotto" : "Salva Modifiche"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ToggleRow({ label, checked, onChange }) {
+  return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        onClick: () => onChange(!checked),
+        className: `inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors ${checked ? "bg-primary" : "bg-input"}`,
+        children: /* @__PURE__ */ jsx9("span", { className: `pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg transition-transform ${checked ? "translate-x-4" : "translate-x-0"}` })
+      }
+    ),
+    /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium leading-none", children: label })
+  ] });
+}
+
+// src/pages/ProductsPage.tsx
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function ProductsPage({ wrapper: Wrapper, header }) {
+  const config = useBillingAdminConfig();
+  const featuresConfig = config.products?.features;
+  const createDialog = useDialogState();
+  const editDialog = useDialogState();
+  const deleteDialog = useDialogState();
+  const { data, isLoading, refetch } = useAdminProducts({ is_active: true });
+  const createMutation = useCreateProduct();
+  const updateMutation = useUpdateProduct();
+  const deleteMutation = useDeleteProduct();
+  const syncMutation = useSyncProductToStripe();
+  const { data: featuresData } = useQuery2({
+    queryKey: ["billing-admin-product-features"],
+    queryFn: () => featuresConfig?.fetchFn?.() ?? Promise.resolve({ features: [] }),
+    enabled: !!featuresConfig?.enabled && !!featuresConfig?.fetchFn
+  });
+  const products = data?.items || [];
+  const features = featuresData?.features || [];
+  const handleCreateSubmit = (formData) => {
+    const priceCents = Math.round(parseFloat(formData.price_cents) * 100);
+    const createData = {
+      name: formData.name,
+      description: formData.description || void 0,
+      price_cents: priceCents,
+      currency: formData.currency,
+      recurring_interval: formData.recurring_interval || void 0,
+      category: formData.category || void 0,
+      is_active: formData.is_active,
+      sync_stripe: formData.sync_stripe,
+      extra_data: JSON.parse(formData.extra_data)
+    };
+    createMutation.mutate(createData, {
+      onSuccess: () => {
+        toast2.success("Prodotto creato");
+        createDialog.close();
+      },
+      onError: (err) => toast2.error(`Errore: ${err.message}`)
+    });
+  };
+  const handleEditSubmit = (formData) => {
+    if (!editDialog.data) return;
+    const priceCents = Math.round(parseFloat(formData.price_cents) * 100);
+    const updateData = {
+      name: formData.name,
+      description: formData.description || void 0,
+      price_cents: priceCents,
+      currency: formData.currency,
+      recurring_interval: formData.recurring_interval || void 0,
+      category: formData.category || void 0,
+      is_active: formData.is_active,
+      extra_data: JSON.parse(formData.extra_data)
+    };
+    updateMutation.mutate({ id: editDialog.data.id, data: updateData }, {
+      onSuccess: () => {
+        toast2.success("Prodotto aggiornato");
+        editDialog.close();
+      },
+      onError: (err) => toast2.error(`Errore: ${err.message}`)
+    });
+  };
+  const handleDeleteConfirm = () => {
+    if (deleteDialog.data) {
+      deleteMutation.mutate(deleteDialog.data.id, {
+        onSuccess: () => {
+          toast2.success("Prodotto disattivato");
+          deleteDialog.close();
+        },
+        onError: (err) => toast2.error(`Errore: ${err.message}`)
+      });
+    }
+  };
+  const content = /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    header,
+    /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx10(Package, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs7("span", { children: [
+            products.length,
+            " prodotti configurati"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxs7("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent", onClick: () => refetch(), children: [
+            /* @__PURE__ */ jsx10(RefreshCw2, { className: "w-4 h-4 mr-2" }),
+            "Aggiorna"
+          ] }),
+          /* @__PURE__ */ jsxs7("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90", onClick: () => createDialog.open(), children: [
+            /* @__PURE__ */ jsx10(Plus2, { className: "w-4 h-4 mr-2" }),
+            "Nuovo Prodotto"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx10("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs7("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx10("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs7("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Nome" }),
+          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Categoria" }),
+          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Prezzo" }),
+          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Ricorrenza" }),
+          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Attivo" }),
+          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stripe" }),
+          /* @__PURE__ */ jsx10("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+        ] }) }),
+        /* @__PURE__ */ jsx10("tbody", { children: isLoading ? /* @__PURE__ */ jsx10(SkeletonRows, { rows: 3, columns: 7 }) : products.length === 0 ? /* @__PURE__ */ jsx10("tr", { children: /* @__PURE__ */ jsx10("td", { colSpan: 7, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun prodotto configurato" }) }) : products.map((product) => {
+          const hasFeature = !!product.extra_data?.feature_slug;
+          return /* @__PURE__ */ jsxs7("tr", { className: "border-b hover:bg-muted/50", children: [
+            /* @__PURE__ */ jsx10("td", { className: "p-4", children: /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx10("span", { className: "font-medium", children: product.name }),
+                hasFeature && /* @__PURE__ */ jsx10(StatusBadge, { label: "Feature", colorClass: "bg-blue-50 text-blue-700 border-blue-200" })
+              ] }),
+              product.description && /* @__PURE__ */ jsx10("div", { className: "text-sm text-muted-foreground truncate max-w-xs", children: product.description })
+            ] }) }),
+            /* @__PURE__ */ jsx10("td", { className: "p-4", children: /* @__PURE__ */ jsx10(StatusBadge, { label: product.category || "feature", colorClass: "border" }) }),
+            /* @__PURE__ */ jsx10("td", { className: "p-4", children: formatCurrencyFromCents(product.price_cents, product.currency) }),
+            /* @__PURE__ */ jsx10("td", { className: "p-4", children: product.recurring_interval ? /* @__PURE__ */ jsx10(StatusBadge, { label: product.recurring_interval === "month" ? "Mensile" : product.recurring_interval === "year" ? "Annuale" : product.recurring_interval, colorClass: "bg-secondary text-secondary-foreground border-transparent" }) : /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground", children: "Una tantum" }) }),
+            /* @__PURE__ */ jsx10("td", { className: "p-4", children: product.is_active ? /* @__PURE__ */ jsx10(Check2, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx10(X2, { className: "w-4 h-4 text-muted-foreground" }) }),
+            /* @__PURE__ */ jsx10("td", { className: "p-4", children: product.stripe_product_id ? /* @__PURE__ */ jsx10(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ jsx10("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => syncMutation.mutate(product.id, { onSuccess: () => toast2.success("Sincronizzato"), onError: (err) => toast2.error(`Errore: ${err.message}`) }), disabled: syncMutation.isPending, children: /* @__PURE__ */ jsx10(Upload2, { className: "w-4 h-4" }) }) }),
+            /* @__PURE__ */ jsx10("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs7("div", { className: "flex justify-end gap-1", children: [
+              /* @__PURE__ */ jsx10("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => editDialog.open(product), children: /* @__PURE__ */ jsx10(Pencil2, { className: "w-4 h-4" }) }),
+              /* @__PURE__ */ jsx10("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => deleteDialog.open(product), children: /* @__PURE__ */ jsx10(Trash22, { className: "w-4 h-4" }) })
+            ] }) })
+          ] }, product.id);
+        }) })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ jsx10(ProductFormDialog, { isOpen: createDialog.isOpen, onOpenChange: (open) => open ? createDialog.open() : createDialog.close(), mode: "create", features, onSubmit: handleCreateSubmit, isSubmitting: createMutation.isPending }),
+    /* @__PURE__ */ jsx10(ProductFormDialog, { isOpen: editDialog.isOpen, onOpenChange: (open) => open ? editDialog.open(editDialog.data) : editDialog.close(), mode: "edit", product: editDialog.data, features, onSubmit: handleEditSubmit, isSubmitting: updateMutation.isPending }),
+    /* @__PURE__ */ jsx10(DeleteConfirmDialog, { isOpen: deleteDialog.isOpen, onOpenChange: (open) => !open && deleteDialog.close(), title: "Disattivare Prodotto?", description: /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      "Stai per disattivare il prodotto ",
+      /* @__PURE__ */ jsx10("strong", { children: deleteDialog.data?.name }),
+      ". Il prodotto non sar\xE0 pi\xF9 acquistabile."
+    ] }), onConfirm: handleDeleteConfirm, isDeleting: deleteMutation.isPending, confirmLabel: "Disattiva Prodotto" })
+  ] });
+  return Wrapper ? /* @__PURE__ */ jsx10(Wrapper, { children: content }) : content;
+}
+
+// src/pages/SubscriptionsPage.tsx
+import { useState as useState4 } from "react";
+import { toast as toast3 } from "sonner";
+import { Eye, XCircle, CreditCard, Calendar, User } from "lucide-react";
+import {
+  useAdminSubscriptions,
+  useCancelSubscription,
+  formatDate,
+  subscriptionStatusColors,
+  subscriptionStatusLabels
+} from "@growflowstudio/billing-admin-core";
+
+// src/components/shared/FilterBar.tsx
+import { Search, RefreshCw as RefreshCw3 } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function FilterBar({
+  searchPlaceholder = "Cerca...",
+  searchValue,
+  onSearchChange,
+  statusFilter,
+  onStatusFilterChange,
+  statusOptions,
+  onRefresh
+}) {
+  return /* @__PURE__ */ jsx11("div", { className: "rounded-lg border bg-card text-card-foreground shadow-sm", children: /* @__PURE__ */ jsx11("div", { className: "p-6 pt-6", children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col sm:flex-row gap-4", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "relative flex-1", children: [
+      /* @__PURE__ */ jsx11(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx11(
+        "input",
+        {
+          className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 pl-9",
+          placeholder: searchPlaceholder,
+          value: searchValue,
+          onChange: (e) => onSearchChange(e.target.value)
+        }
+      )
+    ] }),
+    statusOptions && onStatusFilterChange && /* @__PURE__ */ jsx11(
+      "select",
+      {
+        className: "flex h-10 w-[180px] rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        value: statusFilter || "all",
+        onChange: (e) => onStatusFilterChange(e.target.value),
+        children: statusOptions.map((opt) => /* @__PURE__ */ jsx11("option", { value: opt.value, children: opt.label }, opt.value))
+      }
+    ),
+    /* @__PURE__ */ jsxs8(
+      "button",
+      {
+        className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        onClick: onRefresh,
+        children: [
+          /* @__PURE__ */ jsx11(RefreshCw3, { className: "w-4 h-4 mr-2" }),
+          "Aggiorna"
+        ]
+      }
+    )
+  ] }) }) });
+}
+
+// src/pages/SubscriptionsPage.tsx
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var statusFilterOptions = [
+  { value: "all", label: "Tutti gli stati" },
+  { value: "active", label: "Attivi" },
+  { value: "trialing", label: "In Prova" },
+  { value: "past_due", label: "Scaduti" },
+  { value: "canceled", label: "Cancellati" },
+  { value: "unpaid", label: "Non Pagati" }
+];
+function SubscriptionsPage({ wrapper: Wrapper, header }) {
+  const [search, setSearch] = useState4("");
+  const [statusFilter, setStatusFilter] = useState4("all");
+  const [selectedSub, setSelectedSub] = useState4(null);
+  const [showDetails, setShowDetails] = useState4(false);
+  const [showCancelDialog, setShowCancelDialog] = useState4(false);
+  const [cancelAtPeriodEnd, setCancelAtPeriodEnd] = useState4(true);
+  const { data, isLoading, refetch } = useAdminSubscriptions({
+    search: search || void 0,
+    status: statusFilter !== "all" ? statusFilter : void 0,
+    limit: 100
+  });
+  const cancelMutation = useCancelSubscription();
+  const subscriptions = data?.items || [];
+  const total = data?.total || 0;
+  const handleCancel = () => {
+    if (selectedSub) {
+      cancelMutation.mutate({ id: selectedSub.id, atPeriodEnd: cancelAtPeriodEnd }, {
+        onSuccess: () => {
+          toast3.success("Abbonamento cancellato");
+          setShowCancelDialog(false);
+          setSelectedSub(null);
+        },
+        onError: (err) => toast3.error(`Errore: ${err.message}`)
+      });
+    }
+  };
+  const content = /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    header,
+    /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx12(
+        FilterBar,
+        {
+          searchPlaceholder: "Cerca per email o ID esterno...",
+          searchValue: search,
+          onSearchChange: setSearch,
+          statusFilter,
+          onStatusFilterChange: setStatusFilter,
+          statusOptions: statusFilterOptions,
+          onRefresh: refetch
+        }
+      ),
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx12(CreditCard, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsxs9("span", { children: [
+          total,
+          " abbonament",
+          total === 1 ? "o" : "i",
+          " trovati"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx12("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx12("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs9("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx12("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs9("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Subscriber" }),
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Piano" }),
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Ciclo" }),
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Periodo" }),
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Trial End" }),
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Creato" }),
+          /* @__PURE__ */ jsx12("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+        ] }) }),
+        /* @__PURE__ */ jsx12("tbody", { children: isLoading ? /* @__PURE__ */ jsx12(SkeletonRows, { rows: 5, columns: 8 }) : subscriptions.length === 0 ? /* @__PURE__ */ jsx12("tr", { children: /* @__PURE__ */ jsx12("td", { colSpan: 8, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun abbonamento trovato" }) }) : subscriptions.map((sub) => /* @__PURE__ */ jsxs9("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx12("td", { className: "p-4", children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx12("span", { className: "font-medium", children: sub.subscriber_email }),
+            /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground", children: sub.subscriber_external_id })
+          ] }) }),
+          /* @__PURE__ */ jsxs9("td", { className: "p-4", children: [
+            /* @__PURE__ */ jsx12("span", { className: "font-medium", children: sub.plan_name }),
+            /* @__PURE__ */ jsxs9("span", { className: "text-xs text-muted-foreground ml-1", children: [
+              "(",
+              sub.plan_slug,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx12("td", { className: "p-4", children: /* @__PURE__ */ jsx12(StatusBadge, { label: subscriptionStatusLabels[sub.status], colorClass: subscriptionStatusColors[sub.status] }) }),
+          /* @__PURE__ */ jsx12("td", { className: "p-4 capitalize", children: sub.billing_cycle }),
+          /* @__PURE__ */ jsxs9("td", { className: "p-4 text-sm", children: [
+            formatDate(sub.current_period_start),
+            " - ",
+            formatDate(sub.current_period_end)
+          ] }),
+          /* @__PURE__ */ jsx12("td", { className: "p-4", children: formatDate(sub.trial_end) }),
+          /* @__PURE__ */ jsx12("td", { className: "p-4", children: formatDate(sub.created_at) }),
+          /* @__PURE__ */ jsx12("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs9("div", { className: "flex justify-end gap-1", children: [
+            /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => {
+              setSelectedSub(sub);
+              setShowDetails(true);
+            }, children: /* @__PURE__ */ jsx12(Eye, { className: "w-4 h-4" }) }),
+            sub.status !== "canceled" && /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => {
+              setSelectedSub(sub);
+              setShowCancelDialog(true);
+            }, children: /* @__PURE__ */ jsx12(XCircle, { className: "w-4 h-4" }) })
+          ] }) })
+        ] }, sub.id)) })
+      ] }) }) })
+    ] }),
+    showDetails && selectedSub && /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowDetails(false) }),
+      /* @__PURE__ */ jsxs9("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+        /* @__PURE__ */ jsx12("h2", { className: "text-lg font-semibold mb-1", children: "Dettagli Abbonamento" }),
+        /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground mb-4", children: "Informazioni complete" }),
+        /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Subscriber" }),
+              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 mt-1", children: [
+                /* @__PURE__ */ jsx12(User, { className: "w-4 h-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx12("span", { className: "font-medium", children: selectedSub.subscriber_email })
+              ] }),
+              /* @__PURE__ */ jsxs9("p", { className: "text-xs text-muted-foreground mt-1", children: [
+                "ID: ",
+                selectedSub.subscriber_external_id
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Piano" }),
+              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 mt-1", children: [
+                /* @__PURE__ */ jsx12(CreditCard, { className: "w-4 h-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx12("span", { className: "font-medium", children: selectedSub.plan_name })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Stato" }),
+              /* @__PURE__ */ jsx12(StatusBadge, { label: subscriptionStatusLabels[selectedSub.status], colorClass: subscriptionStatusColors[selectedSub.status], className: "mt-1" })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Ciclo" }),
+              /* @__PURE__ */ jsx12("p", { className: "font-medium capitalize mt-1", children: selectedSub.billing_cycle })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Periodo" }),
+              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 mt-1", children: [
+                /* @__PURE__ */ jsx12(Calendar, { className: "w-4 h-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsxs9("span", { children: [
+                  formatDate(selectedSub.current_period_start),
+                  " - ",
+                  formatDate(selectedSub.current_period_end)
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Fine Trial" }),
+              /* @__PURE__ */ jsx12("p", { className: "mt-1", children: formatDate(selectedSub.trial_end) })
+            ] })
+          ] }),
+          selectedSub.canceled_at && /* @__PURE__ */ jsxs9("div", { className: "p-3 bg-destructive/10 rounded-lg", children: [
+            /* @__PURE__ */ jsxs9("p", { className: "text-sm text-destructive font-medium", children: [
+              "Cancellato il ",
+              formatDate(selectedSub.canceled_at)
+            ] }),
+            selectedSub.cancel_at && /* @__PURE__ */ jsxs9("p", { className: "text-xs text-destructive/80 mt-1", children: [
+              "Termina il ",
+              formatDate(selectedSub.cancel_at)
+            ] })
+          ] }),
+          selectedSub.stripe_subscription_id && /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: "Stripe ID" }),
+            /* @__PURE__ */ jsx12("code", { className: "text-xs bg-muted px-2 py-1 rounded mt-1 inline-block", children: selectedSub.stripe_subscription_id })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx12("div", { className: "flex justify-end pt-4", children: /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowDetails(false), children: "Chiudi" }) })
+      ] })
+    ] }),
+    showCancelDialog && selectedSub && /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx12("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowCancelDialog(false) }),
+      /* @__PURE__ */ jsxs9("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+        /* @__PURE__ */ jsx12("h2", { className: "text-lg font-semibold", children: "Cancellare Abbonamento?" }),
+        /* @__PURE__ */ jsxs9("p", { className: "text-sm text-muted-foreground mt-1", children: [
+          "Stai per cancellare l'abbonamento di ",
+          /* @__PURE__ */ jsx12("strong", { children: selectedSub.subscriber_email }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "py-4", children: [
+          /* @__PURE__ */ jsxs9("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx12("input", { type: "checkbox", checked: cancelAtPeriodEnd, onChange: (e) => setCancelAtPeriodEnd(e.target.checked), className: "rounded border-input" }),
+            /* @__PURE__ */ jsx12("span", { className: "text-sm", children: "Cancella alla fine del periodo corrente (consigliato)" })
+          ] }),
+          /* @__PURE__ */ jsx12("p", { className: "text-xs text-muted-foreground mt-2", children: cancelAtPeriodEnd ? "L'abbonamento rimarr\xE0 attivo fino alla fine del periodo." : "L'abbonamento verr\xE0 cancellato immediatamente." })
+        ] }),
+        /* @__PURE__ */ jsxs9("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowCancelDialog(false), children: "Annulla" }),
+          /* @__PURE__ */ jsx12("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50", onClick: handleCancel, disabled: cancelMutation.isPending, children: cancelMutation.isPending ? "Cancellazione..." : "Conferma Cancellazione" })
+        ] })
+      ] })
+    ] })
+  ] });
+  return Wrapper ? /* @__PURE__ */ jsx12(Wrapper, { children: content }) : content;
+}
+
+// src/pages/PaymentsPage.tsx
+import { useState as useState5 } from "react";
+import { toast as toast4 } from "sonner";
+import { RotateCcw, Receipt } from "lucide-react";
+import {
+  useAdminPayments,
+  useRefundPayment,
+  formatCurrencyFromCents as formatCurrencyFromCents2,
+  formatTimestamp,
+  truncateId,
+  paymentStatusColors,
+  paymentStatusLabels
+} from "@growflowstudio/billing-admin-core";
+
+// src/components/shared/CursorPagination.tsx
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function CursorPagination({
+  cursor,
+  hasMore,
+  items,
+  onFirstPage,
+  onNextPage
+}) {
+  return /* @__PURE__ */ jsxs10("div", { className: "flex justify-between items-center", children: [
+    /* @__PURE__ */ jsxs10(
+      "button",
+      {
+        className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+        onClick: onFirstPage,
+        disabled: !cursor,
+        children: [
+          /* @__PURE__ */ jsx13(ChevronLeft, { className: "w-4 h-4 mr-1" }),
+          "Prima Pagina"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs10(
+      "button",
+      {
+        className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 border border-input bg-background hover:bg-accent hover:text-accent-foreground disabled:opacity-50 disabled:pointer-events-none",
+        onClick: () => {
+          if (items.length > 0) {
+            onNextPage(items[items.length - 1].id);
+          }
+        },
+        disabled: !hasMore,
+        children: [
+          "Prossima",
+          /* @__PURE__ */ jsx13(ChevronRight, { className: "w-4 h-4 ml-1" })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/pages/PaymentsPage.tsx
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var statusFilterOptions2 = [
+  { value: "all", label: "Tutti gli stati" },
+  { value: "succeeded", label: "Completati" },
+  { value: "pending", label: "In Attesa" },
+  { value: "failed", label: "Falliti" },
+  { value: "canceled", label: "Annullati" }
+];
+function PaymentsPage({ wrapper: Wrapper, header }) {
+  const [search, setSearch] = useState5("");
+  const [statusFilter, setStatusFilter] = useState5("all");
+  const [cursor, setCursor] = useState5();
+  const [selectedPayment, setSelectedPayment] = useState5(null);
+  const [showRefundDialog, setShowRefundDialog] = useState5(false);
+  const [refundAmount, setRefundAmount] = useState5("");
+  const [refundReason, setRefundReason] = useState5("requested_by_customer");
+  const { data, isLoading, refetch } = useAdminPayments({
+    search: search || void 0,
+    status: statusFilter !== "all" ? statusFilter : void 0,
+    limit: 25,
+    starting_after: cursor
+  });
+  const refundMutation = useRefundPayment();
+  const payments = data?.data || [];
+  const hasMore = data?.has_more || false;
+  const handleRefund = () => {
+    if (!selectedPayment) return;
+    const amountCents = refundAmount ? Math.round(parseFloat(refundAmount) * 100) : void 0;
+    refundMutation.mutate({ id: selectedPayment.id, amount: amountCents, reason: refundReason }, {
+      onSuccess: () => {
+        toast4.success("Rimborso effettuato");
+        setShowRefundDialog(false);
+        setSelectedPayment(null);
+        setRefundAmount("");
+      },
+      onError: (err) => toast4.error(`Errore rimborso: ${err.message}`)
+    });
+  };
+  const openRefundDialog = (payment) => {
+    setSelectedPayment(payment);
+    setRefundAmount((payment.amount / 100).toFixed(2));
+    setShowRefundDialog(true);
+  };
+  const content = /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    header,
+    /* @__PURE__ */ jsxs11("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx14(
+        FilterBar,
+        {
+          searchPlaceholder: "Cerca per email cliente...",
+          searchValue: search,
+          onSearchChange: (v) => {
+            setSearch(v);
+            setCursor(void 0);
+          },
+          statusFilter,
+          onStatusFilterChange: (v) => {
+            setStatusFilter(v);
+            setCursor(void 0);
+          },
+          statusOptions: statusFilterOptions2,
+          onRefresh: refetch
+        }
+      ),
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx14(Receipt, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsxs11("span", { children: [
+          payments.length,
+          " pagamenti visualizzati"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx14("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx14("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs11("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx14("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs11("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "ID Pagamento" }),
+          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo" }),
+          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
+          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Cliente" }),
+          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Descrizione" }),
+          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Data" }),
+          /* @__PURE__ */ jsx14("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+        ] }) }),
+        /* @__PURE__ */ jsx14("tbody", { children: isLoading ? /* @__PURE__ */ jsx14(SkeletonRows, { rows: 5, columns: 7 }) : payments.length === 0 ? /* @__PURE__ */ jsx14("tr", { children: /* @__PURE__ */ jsx14("td", { colSpan: 7, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessun pagamento trovato" }) }) : payments.map((payment) => /* @__PURE__ */ jsxs11("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx14("td", { className: "p-4", children: /* @__PURE__ */ jsx14("code", { className: "text-xs bg-muted px-2 py-0.5 rounded", children: truncateId(payment.id) }) }),
+          /* @__PURE__ */ jsx14("td", { className: "p-4 font-medium", children: formatCurrencyFromCents2(payment.amount, payment.currency) }),
+          /* @__PURE__ */ jsx14("td", { className: "p-4", children: /* @__PURE__ */ jsx14(StatusBadge, { label: paymentStatusLabels[payment.status], colorClass: paymentStatusColors[payment.status] }) }),
+          /* @__PURE__ */ jsx14("td", { className: "p-4", children: payment.customer_email || /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "-" }) }),
+          /* @__PURE__ */ jsx14("td", { className: "p-4 max-w-[200px] truncate", children: payment.description || /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "-" }) }),
+          /* @__PURE__ */ jsx14("td", { className: "p-4", children: formatTimestamp(payment.created, true) }),
+          /* @__PURE__ */ jsx14("td", { className: "p-4 text-right", children: payment.status === "succeeded" && /* @__PURE__ */ jsxs11("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-3 hover:bg-accent", onClick: () => openRefundDialog(payment), children: [
+            /* @__PURE__ */ jsx14(RotateCcw, { className: "w-4 h-4 mr-1" }),
+            "Rimborsa"
+          ] }) })
+        ] }, payment.id)) })
+      ] }) }) }),
+      /* @__PURE__ */ jsx14(CursorPagination, { cursor, hasMore, items: payments, onFirstPage: () => setCursor(void 0), onNextPage: setCursor })
+    ] }),
+    showRefundDialog && selectedPayment && /* @__PURE__ */ jsxs11("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx14("div", { className: "fixed inset-0 bg-black/80", onClick: () => setShowRefundDialog(false) }),
+      /* @__PURE__ */ jsxs11("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: [
+        /* @__PURE__ */ jsx14("h2", { className: "text-lg font-semibold", children: "Rimborso Pagamento" }),
+        /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground mt-1", children: "Effettua un rimborso per il pagamento selezionato" }),
+        /* @__PURE__ */ jsxs11("div", { className: "space-y-4 py-4", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "p-3 bg-muted rounded-lg", children: [
+            /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx14("span", { className: "text-sm text-muted-foreground", children: "Pagamento originale" }),
+              /* @__PURE__ */ jsx14("span", { className: "font-medium", children: formatCurrencyFromCents2(selectedPayment.amount, selectedPayment.currency) })
+            ] }),
+            selectedPayment.customer_email && /* @__PURE__ */ jsxs11("p", { className: "text-sm text-muted-foreground mt-1", children: [
+              "Cliente: ",
+              selectedPayment.customer_email
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx14("label", { className: "text-sm font-medium leading-none", children: "Importo Rimborso" }),
+            /* @__PURE__ */ jsx14("input", { type: "number", step: "0.01", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: refundAmount, onChange: (e) => setRefundAmount(e.target.value), placeholder: "Lascia vuoto per rimborso totale" })
+          ] }),
+          /* @__PURE__ */ jsxs11("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx14("label", { className: "text-sm font-medium leading-none", children: "Motivo" }),
+            /* @__PURE__ */ jsxs11("select", { className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", value: refundReason, onChange: (e) => setRefundReason(e.target.value), children: [
+              /* @__PURE__ */ jsx14("option", { value: "requested_by_customer", children: "Richiesto dal cliente" }),
+              /* @__PURE__ */ jsx14("option", { value: "duplicate", children: "Pagamento duplicato" }),
+              /* @__PURE__ */ jsx14("option", { value: "fraudulent", children: "Fraudolento" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs11("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx14("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setShowRefundDialog(false), children: "Annulla" }),
+          /* @__PURE__ */ jsx14("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:opacity-50", onClick: handleRefund, disabled: refundMutation.isPending, children: refundMutation.isPending ? "Rimborso in corso..." : "Conferma Rimborso" })
+        ] })
+      ] })
+    ] })
+  ] });
+  return Wrapper ? /* @__PURE__ */ jsx14(Wrapper, { children: content }) : content;
+}
+
+// src/pages/InvoicesPage.tsx
+import { useState as useState6 } from "react";
+import { toast as toast5 } from "sonner";
+import { Eye as Eye2, Send, XCircle as XCircle2, Download, FileText } from "lucide-react";
+import {
+  useAdminInvoices,
+  useSendInvoice,
+  useVoidInvoice,
+  useDialogState as useDialogState2,
+  formatCurrencyFromCents as formatCurrencyFromCents4,
+  formatTimestamp as formatTimestamp3,
+  invoiceStatusColors as invoiceStatusColors2,
+  invoiceStatusLabels as invoiceStatusLabels2
+} from "@growflowstudio/billing-admin-core";
+
+// src/components/invoices/InvoiceDetailsDialog.tsx
+import { ExternalLink } from "lucide-react";
+import { formatCurrencyFromCents as formatCurrencyFromCents3, formatTimestamp as formatTimestamp2, invoiceStatusColors, invoiceStatusLabels } from "@growflowstudio/billing-admin-core";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function InvoiceDetailsDialog({ isOpen, onOpenChange, invoice }) {
+  if (!isOpen || !invoice) return null;
+  return /* @__PURE__ */ jsxs12("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 bg-black/80", onClick: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxs12("div", { className: "relative z-50 w-full max-w-lg rounded-lg border bg-background p-6 shadow-lg", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex flex-col space-y-1.5 pb-4", children: [
+        /* @__PURE__ */ jsx15("h2", { className: "text-lg font-semibold", children: "Dettagli Fattura" }),
+        /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: invoice.number || "Fattura senza numero" })
+      ] }),
+      /* @__PURE__ */ jsxs12("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Stato" }),
+            /* @__PURE__ */ jsx15(StatusBadge, { label: invoiceStatusLabels[invoice.status], colorClass: invoiceStatusColors[invoice.status], className: "mt-1" })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Data Creazione" }),
+            /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: formatTimestamp2(invoice.created) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs12("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Importo Dovuto" }),
+            /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: formatCurrencyFromCents3(invoice.amount_due, invoice.currency) })
+          ] }),
+          /* @__PURE__ */ jsxs12("div", { children: [
+            /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Importo Pagato" }),
+            /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: formatCurrencyFromCents3(invoice.amount_paid, invoice.currency) })
+          ] })
+        ] }),
+        invoice.amount_remaining > 0 && /* @__PURE__ */ jsx15("div", { className: "p-3 bg-amber-50 dark:bg-amber-900/20 rounded-lg", children: /* @__PURE__ */ jsxs12("p", { className: "text-sm text-amber-700 dark:text-amber-400", children: [
+          "Importo rimanente: ",
+          /* @__PURE__ */ jsx15("strong", { children: formatCurrencyFromCents3(invoice.amount_remaining, invoice.currency) })
+        ] }) }),
+        /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: "Cliente" }),
+          /* @__PURE__ */ jsx15("p", { className: "font-medium mt-1", children: invoice.customer_name || "Non specificato" }),
+          invoice.customer_email && /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: invoice.customer_email })
+        ] }),
+        invoice.lines && invoice.lines.length > 0 && /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground mb-2", children: "Voci Fattura" }),
+          /* @__PURE__ */ jsx15("div", { className: "border rounded-lg divide-y", children: invoice.lines.map((line) => /* @__PURE__ */ jsxs12("div", { className: "p-3 flex justify-between items-center", children: [
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium", children: line.description }),
+              /* @__PURE__ */ jsxs12("p", { className: "text-xs text-muted-foreground", children: [
+                "Qt\xE0: ",
+                line.quantity
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx15("p", { className: "font-medium", children: formatCurrencyFromCents3(line.amount, line.currency) })
+          ] }, line.id)) })
+        ] }),
+        invoice.hosted_invoice_url && /* @__PURE__ */ jsxs12(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent w-full",
+            onClick: () => window.open(invoice.hosted_invoice_url, "_blank"),
+            children: [
+              /* @__PURE__ */ jsx15(ExternalLink, { className: "w-4 h-4 mr-2" }),
+              "Apri su Stripe"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx15("div", { className: "flex justify-end pt-4", children: /* @__PURE__ */ jsx15("button", { className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => onOpenChange(false), children: "Chiudi" }) })
+    ] })
+  ] });
+}
+
+// src/pages/InvoicesPage.tsx
+import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var statusFilterOptions3 = [
+  { value: "all", label: "Tutti gli stati" },
+  { value: "draft", label: "Bozze" },
+  { value: "open", label: "Aperte" },
+  { value: "paid", label: "Pagate" },
+  { value: "void", label: "Annullate" },
+  { value: "uncollectible", label: "Non Riscuotibili" }
+];
+function InvoicesPage({ wrapper: Wrapper, header }) {
+  const [search, setSearch] = useState6("");
+  const [statusFilter, setStatusFilter] = useState6("all");
+  const [cursor, setCursor] = useState6();
+  const detailsDialog = useDialogState2();
+  const voidDialog = useDialogState2();
+  const { data, isLoading, refetch } = useAdminInvoices({
+    search: search || void 0,
+    status: statusFilter !== "all" ? statusFilter : void 0,
+    limit: 25,
+    starting_after: cursor
+  });
+  const sendMutation = useSendInvoice();
+  const voidMutation = useVoidInvoice();
+  const invoices = data?.data || [];
+  const hasMore = data?.has_more || false;
+  const handleVoidConfirm = () => {
+    if (voidDialog.data) {
+      voidMutation.mutate(voidDialog.data.id, {
+        onSuccess: () => {
+          toast5.success("Fattura annullata");
+          voidDialog.close();
+        },
+        onError: (err) => toast5.error(`Errore: ${err.message}`)
+      });
+    }
+  };
+  const openInvoicePdf = (invoice) => {
+    if (invoice.invoice_pdf) window.open(invoice.invoice_pdf, "_blank");
+    else if (invoice.hosted_invoice_url) window.open(invoice.hosted_invoice_url, "_blank");
+  };
+  const content = /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    header,
+    /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx16(
+        FilterBar,
+        {
+          searchPlaceholder: "Cerca per email o numero fattura...",
+          searchValue: search,
+          onSearchChange: (v) => {
+            setSearch(v);
+            setCursor(void 0);
+          },
+          statusFilter,
+          onStatusFilterChange: (v) => {
+            setStatusFilter(v);
+            setCursor(void 0);
+          },
+          statusOptions: statusFilterOptions3,
+          onRefresh: refetch
+        }
+      ),
+      /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx16(FileText, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsxs13("span", { children: [
+          invoices.length,
+          " fatture visualizzate"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx16("div", { className: "rounded-lg border bg-card shadow-sm", children: /* @__PURE__ */ jsx16("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxs13("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ jsx16("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsxs13("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Numero" }),
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Stato" }),
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo Dovuto" }),
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Importo Pagato" }),
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Cliente" }),
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Data" }),
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-left font-medium text-muted-foreground", children: "Scadenza" }),
+          /* @__PURE__ */ jsx16("th", { className: "h-12 px-4 text-right font-medium text-muted-foreground", children: "Azioni" })
+        ] }) }),
+        /* @__PURE__ */ jsx16("tbody", { children: isLoading ? /* @__PURE__ */ jsx16(SkeletonRows, { rows: 5, columns: 8 }) : invoices.length === 0 ? /* @__PURE__ */ jsx16("tr", { children: /* @__PURE__ */ jsx16("td", { colSpan: 8, className: "p-4 text-center py-8 text-muted-foreground", children: "Nessuna fattura trovata" }) }) : invoices.map((inv) => /* @__PURE__ */ jsxs13("tr", { className: "border-b hover:bg-muted/50", children: [
+          /* @__PURE__ */ jsx16("td", { className: "p-4 font-medium", children: inv.number || /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: "-" }) }),
+          /* @__PURE__ */ jsx16("td", { className: "p-4", children: /* @__PURE__ */ jsx16(StatusBadge, { label: invoiceStatusLabels2[inv.status], colorClass: invoiceStatusColors2[inv.status] }) }),
+          /* @__PURE__ */ jsx16("td", { className: "p-4 font-medium", children: formatCurrencyFromCents4(inv.amount_due, inv.currency) }),
+          /* @__PURE__ */ jsx16("td", { className: "p-4", children: formatCurrencyFromCents4(inv.amount_paid, inv.currency) }),
+          /* @__PURE__ */ jsx16("td", { className: "p-4", children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx16("span", { children: inv.customer_name || "-" }),
+            inv.customer_email && /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground", children: inv.customer_email })
+          ] }) }),
+          /* @__PURE__ */ jsx16("td", { className: "p-4", children: formatTimestamp3(inv.created) }),
+          /* @__PURE__ */ jsx16("td", { className: "p-4", children: formatTimestamp3(inv.due_date) }),
+          /* @__PURE__ */ jsx16("td", { className: "p-4 text-right", children: /* @__PURE__ */ jsxs13("div", { className: "flex justify-end gap-1", children: [
+            /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => detailsDialog.open(inv), children: /* @__PURE__ */ jsx16(Eye2, { className: "w-4 h-4" }) }),
+            (inv.invoice_pdf || inv.hosted_invoice_url) && /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => openInvoicePdf(inv), children: /* @__PURE__ */ jsx16(Download, { className: "w-4 h-4" }) }),
+            inv.status === "open" && /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent", onClick: () => sendMutation.mutate(inv.id, { onSuccess: () => toast5.success("Fattura inviata"), onError: (err) => toast5.error(`Errore: ${err.message}`) }), disabled: sendMutation.isPending, children: /* @__PURE__ */ jsx16(Send, { className: "w-4 h-4" }) }),
+            (inv.status === "draft" || inv.status === "open") && /* @__PURE__ */ jsx16("button", { className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent", onClick: () => voidDialog.open(inv), children: /* @__PURE__ */ jsx16(XCircle2, { className: "w-4 h-4" }) })
+          ] }) })
+        ] }, inv.id)) })
+      ] }) }) }),
+      /* @__PURE__ */ jsx16(CursorPagination, { cursor, hasMore, items: invoices, onFirstPage: () => setCursor(void 0), onNextPage: setCursor })
+    ] }),
+    /* @__PURE__ */ jsx16(InvoiceDetailsDialog, { isOpen: detailsDialog.isOpen, onOpenChange: (open) => !open && detailsDialog.close(), invoice: detailsDialog.data }),
+    /* @__PURE__ */ jsx16(
+      DeleteConfirmDialog,
+      {
+        isOpen: voidDialog.isOpen,
+        onOpenChange: (open) => !open && voidDialog.close(),
+        title: "Annullare Fattura?",
+        description: /* @__PURE__ */ jsxs13(Fragment6, { children: [
+          "Stai per annullare la fattura ",
+          /* @__PURE__ */ jsx16("strong", { children: voidDialog.data?.number || voidDialog.data?.id }),
+          ". Una fattura annullata non pu\xF2 essere riattivata."
+        ] }),
+        onConfirm: handleVoidConfirm,
+        isDeleting: voidMutation.isPending,
+        confirmLabel: "Conferma Annullamento"
+      }
+    )
+  ] });
+  return Wrapper ? /* @__PURE__ */ jsx16(Wrapper, { children: content }) : content;
+}
+
+// src/pages/FeaturesPage.tsx
+import { useState as useState7 } from "react";
+import { toast as toast6 } from "sonner";
+import { Plus as Plus3, Pencil as Pencil3, Trash2 as Trash23, Package as Package2, AlertCircle } from "lucide-react";
+import {
+  useAdminFeatures,
+  useCreateFeature,
+  useUpdateFeature,
+  useDeleteFeature
+} from "@growflowstudio/billing-admin-core";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+function FeaturesPage({ wrapper: Wrapper, header }) {
+  const [isCreateDialogOpen, setIsCreateDialogOpen] = useState7(false);
+  const [editingFeature, setEditingFeature] = useState7(null);
+  const [deletingFeature, setDeletingFeature] = useState7(null);
+  const { data, isLoading } = useAdminFeatures();
+  const createMutation = useCreateFeature();
+  const updateMutation = useUpdateFeature();
+  const deleteMutation = useDeleteFeature();
+  const features = data?.features || [];
+  const handleCreateFeature = (e) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    const createData = {
+      slug: formData.get("slug"),
+      name: formData.get("name"),
+      description: formData.get("description") || void 0,
+      icon: formData.get("icon") || void 0,
+      category: formData.get("category") || void 0,
+      is_available: formData.get("is_available") === "on",
+      billing_product_id: formData.get("billing_product_id") || void 0
+    };
+    createMutation.mutate(createData, {
+      onSuccess: () => {
+        toast6.success("Feature creata con successo");
+        setIsCreateDialogOpen(false);
+      },
+      onError: (err) => toast6.error(`Errore: ${err.message}`)
+    });
+  };
+  const handleUpdateFeature = (e) => {
+    e.preventDefault();
+    if (!editingFeature) return;
+    const formData = new FormData(e.currentTarget);
+    const updateData = {
+      name: formData.get("name"),
+      description: formData.get("description") || void 0,
+      icon: formData.get("icon") || void 0,
+      category: formData.get("category") || void 0,
+      is_available: formData.get("is_available") === "on",
+      billing_product_id: formData.get("billing_product_id") || void 0
+    };
+    updateMutation.mutate({ id: editingFeature.id, data: updateData }, {
+      onSuccess: () => {
+        toast6.success("Feature aggiornata con successo");
+        setEditingFeature(null);
+      },
+      onError: (err) => toast6.error(`Errore: ${err.message}`)
+    });
+  };
+  const handleDeleteConfirm = () => {
+    if (deletingFeature) {
+      deleteMutation.mutate(deletingFeature.id, {
+        onSuccess: () => {
+          toast6.success("Feature eliminata con successo");
+          setDeletingFeature(null);
+        },
+        onError: (err) => toast6.error(`Errore: ${err.message}`)
+      });
+    }
+  };
+  const content = /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    header,
+    /* @__PURE__ */ jsxs14("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx17(Package2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs14("span", { children: [
+            features.length,
+            " feature",
+            features.length !== 1 ? "s" : "",
+            " configurate"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs14(
+          "button",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90",
+            onClick: () => setIsCreateDialogOpen(true),
+            children: [
+              /* @__PURE__ */ jsx17(Plus3, { className: "w-4 h-4 mr-2" }),
+              "Nuova Feature"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { className: "rounded-lg border bg-card shadow-sm", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "p-4 border-b", children: [
+          /* @__PURE__ */ jsxs14("h3", { className: "text-base font-semibold flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx17(Package2, { className: "w-5 h-5" }),
+            "Features Disponibili"
+          ] }),
+          /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground mt-1", children: "Le features possono essere collegate a prodotti billing o attivate manualmente." })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "p-4", children: [
+          isLoading ? /* @__PURE__ */ jsx17("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx17("div", { className: "h-20 bg-muted animate-pulse rounded-lg" }, i)) }) : features.length === 0 ? /* @__PURE__ */ jsxs14("div", { className: "text-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ jsx17(Package2, { className: "mx-auto h-12 w-12 mb-4 opacity-50" }),
+            /* @__PURE__ */ jsx17("p", { children: "Nessuna feature configurata" }),
+            /* @__PURE__ */ jsx17(
+              "button",
+              {
+                className: "text-sm text-primary hover:underline mt-2",
+                onClick: () => setIsCreateDialogOpen(true),
+                children: "Crea la prima feature"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx17("div", { className: "space-y-3", children: features.map((feature) => /* @__PURE__ */ jsx17(
+            "div",
+            {
+              className: "border rounded-lg p-4 hover:bg-muted/50 transition-colors",
+              children: /* @__PURE__ */ jsxs14("div", { className: "flex items-start justify-between", children: [
+                /* @__PURE__ */ jsxs14("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 mb-2", children: [
+                    /* @__PURE__ */ jsx17("span", { className: "font-semibold", children: feature.name }),
+                    /* @__PURE__ */ jsx17("code", { className: "text-xs bg-muted px-2 py-0.5 rounded", children: feature.slug }),
+                    !feature.is_available && /* @__PURE__ */ jsx17(StatusBadge, { label: "Disattivata", colorClass: "bg-secondary text-secondary-foreground border-transparent" }),
+                    feature.billing_product_id && /* @__PURE__ */ jsx17(StatusBadge, { label: "Con Billing", colorClass: "border" })
+                  ] }),
+                  feature.description && /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground mb-2", children: feature.description }),
+                  /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
+                    feature.category && /* @__PURE__ */ jsxs14("span", { children: [
+                      "Categoria: ",
+                      feature.category
+                    ] }),
+                    feature.icon && /* @__PURE__ */ jsxs14("span", { children: [
+                      "Icona: ",
+                      feature.icon
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx17(
+                    "button",
+                    {
+                      className: "inline-flex items-center justify-center rounded-md h-9 w-9 hover:bg-accent",
+                      onClick: () => setEditingFeature(feature),
+                      children: /* @__PURE__ */ jsx17(Pencil3, { className: "w-4 h-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx17(
+                    "button",
+                    {
+                      className: "inline-flex items-center justify-center rounded-md h-9 w-9 text-destructive hover:bg-accent",
+                      onClick: () => setDeletingFeature(feature),
+                      children: /* @__PURE__ */ jsx17(Trash23, { className: "w-4 h-4" })
+                    }
+                  )
+                ] })
+              ] })
+            },
+            feature.id
+          )) }),
+          /* @__PURE__ */ jsxs14("div", { className: "mt-6 flex gap-3 items-start rounded-lg border p-3 text-sm", children: [
+            /* @__PURE__ */ jsx17(AlertCircle, { className: "w-4 h-4 mt-0.5 text-muted-foreground shrink-0" }),
+            /* @__PURE__ */ jsxs14("p", { className: "text-muted-foreground text-xs", children: [
+              /* @__PURE__ */ jsx17("strong", { children: "Nota:" }),
+              " Features con un billing_product_id vengono attivate automaticamente quando il cliente sottoscrive il piano corrispondente."
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    isCreateDialogOpen && /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 bg-black/80", onClick: () => setIsCreateDialogOpen(false) }),
+      /* @__PURE__ */ jsx17("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleCreateFeature, children: [
+        /* @__PURE__ */ jsx17("h2", { className: "text-lg font-semibold", children: "Crea Nuova Feature" }),
+        /* @__PURE__ */ jsx17("p", { className: "text-sm text-muted-foreground mt-1", children: "Configura una nuova feature disponibile." }),
+        /* @__PURE__ */ jsxs14("div", { className: "space-y-4 py-4", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "slug", children: "Slug *" }),
+            /* @__PURE__ */ jsx17("input", { id: "slug", name: "slug", required: true, placeholder: "ottimizza-dati-prodotti", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" }),
+            /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: "Identificatore univoco (lowercase, trattini)" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "name", children: "Nome *" }),
+            /* @__PURE__ */ jsx17("input", { id: "name", name: "name", required: true, placeholder: "Ottimizza Dati Prodotti", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "description", children: "Descrizione" }),
+            /* @__PURE__ */ jsx17("textarea", { id: "description", name: "description", rows: 3, placeholder: "Descrizione della feature...", className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "icon", children: "Icona Lucide" }),
+              /* @__PURE__ */ jsx17("input", { id: "icon", name: "icon", placeholder: "Package", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "category", children: "Categoria" }),
+              /* @__PURE__ */ jsx17("input", { id: "category", name: "category", placeholder: "ai, limits, integration...", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "billing_product_id", children: "Billing Product ID (opzionale)" }),
+            /* @__PURE__ */ jsx17("input", { id: "billing_product_id", name: "billing_product_id", placeholder: "UUID del prodotto billing", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" }),
+            /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: "Se collegato a un prodotto, la feature viene attivata automaticamente" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx17("input", { type: "checkbox", id: "is_available", name: "is_available", defaultChecked: true, className: "rounded border-input" }),
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "is_available", children: "Feature disponibile" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx17("button", { type: "button", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setIsCreateDialogOpen(false), children: "Annulla" }),
+          /* @__PURE__ */ jsx17("button", { type: "submit", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50", disabled: createMutation.isPending, children: createMutation.isPending ? "Creazione..." : "Crea Feature" })
+        ] })
+      ] }) })
+    ] }),
+    editingFeature && /* @__PURE__ */ jsxs14("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 bg-black/80", onClick: () => setEditingFeature(null) }),
+      /* @__PURE__ */ jsx17("div", { className: "relative z-50 w-full max-w-md rounded-lg border bg-background p-6 shadow-lg", children: /* @__PURE__ */ jsxs14("form", { onSubmit: handleUpdateFeature, children: [
+        /* @__PURE__ */ jsx17("h2", { className: "text-lg font-semibold", children: "Modifica Feature" }),
+        /* @__PURE__ */ jsxs14("p", { className: "text-sm text-muted-foreground mt-1", children: [
+          'Aggiorna i dettagli della feature "',
+          editingFeature.name,
+          '".'
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "space-y-4 py-4", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", children: "Slug (non modificabile)" }),
+            /* @__PURE__ */ jsx17("input", { value: editingFeature.slug, disabled: true, className: "flex h-10 w-full rounded-md border border-input bg-muted px-3 py-2 text-sm" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-name", children: "Nome *" }),
+            /* @__PURE__ */ jsx17("input", { id: "edit-name", name: "name", required: true, defaultValue: editingFeature.name, className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-description", children: "Descrizione" }),
+            /* @__PURE__ */ jsx17("textarea", { id: "edit-description", name: "description", rows: 3, defaultValue: editingFeature.description || "", className: "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-icon", children: "Icona Lucide" }),
+              /* @__PURE__ */ jsx17("input", { id: "edit-icon", name: "icon", defaultValue: editingFeature.icon || "", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+            ] }),
+            /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-category", children: "Categoria" }),
+              /* @__PURE__ */ jsx17("input", { id: "edit-category", name: "category", defaultValue: editingFeature.category || "", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-billing_product_id", children: "Billing Product ID" }),
+            /* @__PURE__ */ jsx17("input", { id: "edit-billing_product_id", name: "billing_product_id", defaultValue: editingFeature.billing_product_id || "", className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" })
+          ] }),
+          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx17("input", { type: "checkbox", id: "edit-is_available", name: "is_available", defaultChecked: editingFeature.is_available, className: "rounded border-input" }),
+            /* @__PURE__ */ jsx17("label", { className: "text-sm font-medium leading-none", htmlFor: "edit-is_available", children: "Feature disponibile" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx17("button", { type: "button", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 border border-input bg-background hover:bg-accent", onClick: () => setEditingFeature(null), children: "Annulla" }),
+          /* @__PURE__ */ jsx17("button", { type: "submit", className: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50", disabled: updateMutation.isPending, children: updateMutation.isPending ? "Salvataggio..." : "Salva Modifiche" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx17(
+      DeleteConfirmDialog,
+      {
+        isOpen: !!deletingFeature,
+        onOpenChange: (open) => !open && setDeletingFeature(null),
+        title: "Eliminare Feature?",
+        description: /* @__PURE__ */ jsxs14(Fragment7, { children: [
+          "Stai per eliminare la feature ",
+          /* @__PURE__ */ jsx17("strong", { children: deletingFeature?.name }),
+          " (",
+          /* @__PURE__ */ jsx17("code", { children: deletingFeature?.slug }),
+          "). Questa azione non pu\xF2 essere annullata."
+        ] }),
+        onConfirm: handleDeleteConfirm,
+        isDeleting: deleteMutation.isPending,
+        confirmLabel: "Elimina Feature"
+      }
+    )
+  ] });
+  return Wrapper ? /* @__PURE__ */ jsx17(Wrapper, { children: content }) : content;
+}
+
+// src/nav/billingNavItems.ts
+var ALL_NAV_ITEMS = [
+  { key: "plans", label: "Piani", icon: "LayoutGrid", href: "/admin/plans" },
+  { key: "subscriptions", label: "Abbonamenti", icon: "CreditCard", href: "/admin/subscriptions" },
+  { key: "products", label: "Prodotti", icon: "Package", href: "/admin/products" },
+  { key: "features", label: "Features", icon: "Puzzle", href: "/admin/features" },
+  { key: "payments", label: "Pagamenti", icon: "Receipt", href: "/admin/payments" },
+  { key: "invoices", label: "Fatture", icon: "FileText", href: "/admin/invoices" }
+];
+function getBillingNavItems(modules, basePath) {
+  const enabled = {
+    plans: true,
+    subscriptions: true,
+    products: true,
+    payments: true,
+    invoices: true,
+    features: true,
+    ...modules
+  };
+  return ALL_NAV_ITEMS.filter((item) => enabled[item.key] !== false).map((item) => ({
+    ...item,
+    href: basePath ? `${basePath}${item.href}` : item.href
+  }));
+}
+export {
+  BillingAdminProvider,
+  CursorPagination,
+  DeleteConfirmDialog,
+  FeaturesPage,
+  FilterBar,
+  InvoiceDetailsDialog,
+  InvoicesPage,
+  LimitInput,
+  PLAN_COLORS,
+  PaymentsPage,
+  PlanFormDialog,
+  PlansPage,
+  PlansTable,
+  ProductFormDialog,
+  ProductsPage,
+  SkeletonRows,
+  StatusBadge,
+  SubscriptionsPage,
+  createDefaultPlanFormData,
+  defaultProductFormData,
+  getBillingNavItems,
+  getPlanColorClass,
+  useBillingAdminConfig,
+  useEnabledModules
+};
+//# sourceMappingURL=index.mjs.map