@growflowstudio/growflowbilling-admin-ui 2.1.1 → 2.2.0

package/dist/index.d.mts

@@ -150,6 +150,10 @@ interface PlanFormData {
     price_yearly: string;
     currency: string;
     trial_days: number;
+    /** Day from signup (day 1 = signup day) on which billing starts. */
+    paid_start_day: number;
+    /** Absolute start date (YYYY-MM-DD); overrides `paid_start_day` when set. */
+    paid_start_date: string;
     is_active: boolean;
     contact_sales: boolean;
     is_public: boolean;

package/dist/index.d.ts

@@ -150,6 +150,10 @@ interface PlanFormData {
     price_yearly: string;
     currency: string;
     trial_days: number;
+    /** Day from signup (day 1 = signup day) on which billing starts. */
+    paid_start_day: number;
+    /** Absolute start date (YYYY-MM-DD); overrides `paid_start_day` when set. */
+    paid_start_date: string;
     is_active: boolean;
     contact_sales: boolean;
     is_public: boolean;

package/dist/index.js

@@ -214,7 +214,7 @@ function PlansTable({
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Modello" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Mensile" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Prezzo Annuale" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Trial" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Inizio pagamento" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Attivo" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-left align-middle font-medium text-muted-foreground", children: "Stripe" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { className: "h-12 px-4 text-right align-middle font-medium text-muted-foreground", children: "Azioni" })
@@ -226,10 +226,7 @@ function PlansTable({
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "p-4 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBadge, { label: pricingModelLabels[plan.pricing_model], colorClass: "border" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-muted-foreground", children: "Contattaci" }) : (0, import_growflowbilling_admin_core2.formatCurrency)(plan.price_monthly ?? 0, plan.currency) }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "p-4 align-middle", children: plan.contact_sales ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-muted-foreground", children: "Contattaci" }) : (0, import_growflowbilling_admin_core2.formatCurrency)(plan.price_yearly ?? 0, plan.currency) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("td", { className: "p-4 align-middle", children: [
-        plan.trial_days,
-        " giorni"
-      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("td", { className: "p-4 align-middle", children: plan.is_active ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Check, { className: "w-4 h-4 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.X, { className: "w-4 h-4 text-muted-foreground" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { className: "p-4 align-middle", children: plan.stripe_price_id_monthly ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StatusBadge, { label: "Synced", colorClass: "bg-green-50 text-green-700 border-green-200" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
@@ -426,17 +423,20 @@ function PlanPricingSection({ formData, onFormDataChange }) {
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-sm font-medium leading-none", htmlFor: "trial_days", children: "Giorni Trial" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-sm font-medium leading-none", htmlFor: "paid_start_day", children: "Inizio pagamento (giorno)" }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "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__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-sm font-medium leading-none", htmlFor: "sort_order", children: "Ordine" }),
@@ -451,6 +451,31 @@ function PlanPricingSection({ formData, onFormDataChange }) {
           }
         )
       ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-sm font-medium leading-none", htmlFor: "paid_start_date", children: "Data fissa di inizio pagamento (opzionale)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "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__ */ (0, import_jsx_runtime8.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "text-sm text-muted-foreground underline-offset-4 hover:underline",
+            onClick: () => onFormDataChange({ paid_start_date: "" }),
+            children: "Rimuovi"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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." })
     ] })
   ] });
 }
@@ -789,6 +814,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,
@@ -977,11 +1004,11 @@ function PlansPage({ wrapper: Wrapper, header }) {
   const deleteMutation = (0, import_growflowbilling_admin_core3.useDeletePlan)();
   const syncMutation = (0, import_growflowbilling_admin_core3.useSyncPlanToStripe)();
   const [publicPlanSlugs, setPublicPlanSlugs] = (0, import_react5.useState)([]);
-  (0, import_react5.useState)(() => {
+  (0, import_react5.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));
@@ -1009,6 +1036,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),
@@ -1044,7 +1073,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,