@growflowstudio/growflowbilling-admin-ui 2.1.0 → 2.2.0

package/dist/index.mjs

@@ -73,7 +73,7 @@ function BillingAdminProvider({ config, children }) {
 }
 
 // src/pages/PlansPage.tsx
-import { useState as useState2 } from "react";
+import { useEffect, useState as useState2 } from "react";
 import { toast } from "sonner";
 import { Plus, RefreshCw, LayoutGrid } from "lucide-react";
 import {
@@ -159,7 +159,7 @@ function PlansTable({
       /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Modello" }),
       /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Mensile" }),
       /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Annuale" }),
-      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Trial" }),
+      /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Inizio pagamento" }),
       /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Attivo" }),
       /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Stripe" }),
       /* @__PURE__ */ jsx5("th", { className: "h-12 px-4 text-right align-middle font-medium text-muted-foreground", children: "Azioni" })
@@ -171,10 +171,7 @@ function PlansTable({
       /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: /* @__PURE__ */ jsx5(StatusBadge, { label: pricingModelLabels[plan.pricing_model], colorClass: "border" }) }),
       /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_monthly ?? 0, plan.currency) }),
       /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: "Contattaci" }) : formatCurrency(plan.price_yearly ?? 0, plan.currency) }),
-      /* @__PURE__ */ jsxs2("td", { className: "p-4 align-middle", children: [
-        plan.trial_days,
-        " giorni"
-      ] }),
+      /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle whitespace-nowrap", children: plan.paid_start_date ? new Date(plan.paid_start_date).toLocaleDateString("it-IT") : `giorno ${plan.paid_start_day ?? plan.trial_days + 1}` }),
       /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.is_active ? /* @__PURE__ */ jsx5(Check, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ jsx5(X, { className: "w-4 h-4 text-muted-foreground" }) }),
       /* @__PURE__ */ jsx5("td", { className: "p-4 align-middle", children: plan.stripe_price_id_monthly ? /* @__PURE__ */ jsx5(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ jsx5(
         "button",
@@ -371,17 +368,20 @@ function PlanPricingSection({ formData, onFormDataChange }) {
         )
       ] }),
       /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "trial_days", children: "Giorni Trial" }),
+        /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "paid_start_day", children: "Inizio pagamento (giorno)" }),
         /* @__PURE__ */ jsx8(
           "input",
           {
-            id: "trial_days",
+            id: "paid_start_day",
             type: "number",
+            min: 1,
             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 })
+            value: formData.paid_start_day,
+            disabled: !!formData.paid_start_date,
+            onChange: (e) => onFormDataChange({ paid_start_day: Math.max(1, parseInt(e.target.value) || 1) })
           }
-        )
+        ),
+        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: formData.paid_start_day > 1 ? `Trial dal giorno 1 al ${formData.paid_start_day - 1}, prima fattura il giorno ${formData.paid_start_day} dalla registrazione.` : "Fatturato dal primo giorno, nessun trial." })
       ] }),
       /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "sort_order", children: "Ordine" }),
@@ -396,6 +396,31 @@ function PlanPricingSection({ formData, onFormDataChange }) {
           }
         )
       ] })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx8("label", { className: "text-sm font-medium leading-none", htmlFor: "paid_start_date", children: "Data fissa di inizio pagamento (opzionale)" }),
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            id: "paid_start_date",
+            type: "date",
+            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 max-w-xs",
+            value: formData.paid_start_date,
+            onChange: (e) => onFormDataChange({ paid_start_date: e.target.value })
+          }
+        ),
+        formData.paid_start_date && /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            className: "text-sm text-muted-foreground underline-offset-4 hover:underline",
+            onClick: () => onFormDataChange({ paid_start_date: "" }),
+            children: "Rimuovi"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: "Se compilata, tutti gli store su questo piano vengono fatturati a partire da questa data, ignorando il giorno relativo." })
     ] })
   ] });
 }
@@ -734,6 +759,8 @@ function createDefaultPlanFormData(limitFields = []) {
     price_yearly: "",
     currency: "eur",
     trial_days: 14,
+    paid_start_day: 15,
+    paid_start_date: "",
     is_active: true,
     contact_sales: false,
     is_public: true,
@@ -922,11 +949,11 @@ function PlansPage({ wrapper: Wrapper, header }) {
   const deleteMutation = useDeletePlan();
   const syncMutation = useSyncPlanToStripe();
   const [publicPlanSlugs, setPublicPlanSlugs] = useState2([]);
-  useState2(() => {
+  useEffect(() => {
     if (publicPlansConfig?.enabled && publicPlansConfig.fetchFn) {
       publicPlansConfig.fetchFn().then((r) => setPublicPlanSlugs(r.public_plan_slugs));
     }
-  });
+  }, [publicPlansConfig]);
   const plans = data?.items || [];
   const resetForm = () => {
     setFormData(createDefaultPlanFormData(limitFields));
@@ -954,6 +981,8 @@ function PlansPage({ wrapper: Wrapper, header }) {
       price_yearly: plan.price_yearly ? plan.price_yearly.toString() : "",
       currency: plan.currency,
       trial_days: plan.trial_days,
+      paid_start_day: plan.paid_start_day ?? plan.trial_days + 1,
+      paid_start_date: plan.paid_start_date ?? "",
       is_active: plan.is_active,
       contact_sales: plan.contact_sales,
       is_public: publicPlanSlugs.includes(plan.slug),
@@ -989,7 +1018,8 @@ function PlansPage({ wrapper: Wrapper, header }) {
       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,
+      paid_start_day: formData.paid_start_day,
+      paid_start_date: formData.paid_start_date || null,
       is_active: formData.is_active,
       contact_sales: formData.contact_sales,
       color: formData.color,
@@ -1137,7 +1167,7 @@ import {
 } from "@growflowstudio/growflowbilling-admin-core";
 
 // src/components/products/ProductFormDialog.tsx
-import { useState as useState3, useEffect } from "react";
+import { useState as useState3, useEffect as useEffect2 } from "react";
 import { Loader2 as Loader23, Link as LinkIcon } from "lucide-react";
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var safeJsonParse = (str, fallback = {}) => {
@@ -1171,7 +1201,7 @@ function ProductFormDialog({
 }) {
   const [formData, setFormData] = useState3(defaultProductFormData);
   const [formErrors, setFormErrors] = useState3({});
-  useEffect(() => {
+  useEffect2(() => {
     if (isOpen) {
       if (mode === "edit" && product) {
         const featureSlug = product.extra_data?.feature_slug || "";
@@ -1193,7 +1223,7 @@ function ProductFormDialog({
       setFormErrors({});
     }
   }, [isOpen, mode, product]);
-  useEffect(() => {
+  useEffect2(() => {
     if (formData.feature_slug) {
       setFormData((prev) => {
         const parsedData = safeJsonParse(prev.extra_data);