@growflowstudio/growflowbilling-admin-ui 2.0.0 → 2.1.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
-import { Fetcher, AdminPlan, AdminPlanPricingModel, RecurringInterval, AdminProduct, AdminInvoice } from '@growflowstudio/growflowbilling-admin-core';
+import { Fetcher, AdminPlan, AdminPlanPricingModel, Visibility, RecurringInterval, AdminProduct, AdminInvoice, AdminFeature } from '@growflowstudio/growflowbilling-admin-core';
 
 interface LimitFieldConfig {
     key: string;
@@ -156,7 +156,17 @@ interface PlanFormData {
     color: string;
     limits: Record<string, number>;
     limits_unlimited: Record<string, boolean>;
+    /**
+     * Newline-separated feature slugs — legacy shape kept for compatibility
+     * with existing submit logic in ``PlansPage``. The unified feature
+     * editor writes to this field via ``applyFeatureState``.
+     */
     features: string;
+    /**
+     * Per-feature UI visibility overrides (tri-state). Managed atomically
+     * with ``features`` by ``PlanFeaturesSection``.
+     */
+    ui_visibility: Record<string, Visibility>;
     sort_order: number;
 }
 declare function createDefaultPlanFormData(limitFields?: LimitFieldConfig[]): PlanFormData;
@@ -219,6 +229,61 @@ declare const PLAN_COLORS: readonly [{
 type PlanColorValue = typeof PLAN_COLORS[number]['value'];
 declare function getPlanColorClass(color: string | undefined): string;
 
+interface PlanDetailsSectionProps {
+    formData: PlanFormData;
+    formErrors: Record<string, string>;
+    isCreating: boolean;
+    onFormDataChange: (data: Partial<PlanFormData>) => void;
+    onNameChange: (name: string) => void;
+}
+declare function PlanDetailsSection({ formData, formErrors, onFormDataChange, onNameChange, }: PlanDetailsSectionProps): react_jsx_runtime.JSX.Element;
+
+interface PlanPricingSectionProps {
+    formData: PlanFormData;
+    onFormDataChange: (data: Partial<PlanFormData>) => void;
+}
+declare function PlanPricingSection({ formData, onFormDataChange }: PlanPricingSectionProps): react_jsx_runtime.JSX.Element;
+
+interface PlanLimitsSectionProps {
+    limitFields: LimitFieldConfig[];
+    formData: PlanFormData;
+    onFormDataChange: (data: Partial<PlanFormData>) => void;
+}
+declare function PlanLimitsSection({ limitFields, formData, onFormDataChange }: PlanLimitsSectionProps): react_jsx_runtime.JSX.Element | null;
+
+interface AvailableFeature$1 {
+    slug: string;
+    name: string;
+    description?: string;
+}
+interface PlanFeaturesSectionProps {
+    availableFeatures: AvailableFeature$1[];
+    /** Current included feature slugs (mirror of ``plan.features``). */
+    selectedFeatureSlugs: string[];
+    /** Current UI visibility overrides (mirror of ``plan.ui_visibility``). */
+    uiVisibility: Record<string, Visibility>;
+    /**
+     * Called when the admin picks a new state for a slug. Receives the
+     * atomically-updated ``features`` array and ``uiVisibility`` map;
+     * callers MUST write both back to the parent form state.
+     */
+    onFeatureStateChange: (next: {
+        features: string[];
+        uiVisibility: Record<string, Visibility>;
+    }) => void;
+}
+/**
+ * Unified feature-state editor for the plan form.
+ *
+ * Replaces the old split between "Features Incluse nel Piano" checkboxes
+ * and a separate visibility dropdown. One row per feature, one dropdown
+ * per row with 3 user-facing states (``Non inclusa``, ``Teaser``,
+ * ``Inclusa``) plus an advanced ``Sunset`` option behind a toggle. Every
+ * state change writes ``plan.features`` and ``plan.ui_visibility``
+ * atomically via ``applyFeatureState`` so the two fields can never drift.
+ */
+declare function PlanFeaturesSection({ availableFeatures, selectedFeatureSlugs, uiVisibility, onFeatureStateChange, }: PlanFeaturesSectionProps): react_jsx_runtime.JSX.Element;
+
 interface ProductFormData {
     name: string;
     description: string;
@@ -254,6 +319,22 @@ interface InvoiceDetailsDialogProps {
 }
 declare function InvoiceDetailsDialog({ isOpen, onOpenChange, invoice }: InvoiceDetailsDialogProps): react_jsx_runtime.JSX.Element | null;
 
+interface FeatureFormModalProps {
+    /** null = create mode, defined = edit mode */
+    feature: AdminFeature | null;
+    open: boolean;
+    onClose: () => void;
+    onSuccess: () => void;
+}
+declare function FeatureFormModal({ feature, open, onClose, onSuccess }: FeatureFormModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface FeatureListItemProps {
+    feature: AdminFeature;
+    onEdit: (feature: AdminFeature) => void;
+    onDelete: (feature: AdminFeature) => void;
+}
+declare function FeatureListItem({ feature, onEdit, onDelete }: FeatureListItemProps): react_jsx_runtime.JSX.Element;
+
 interface DeleteConfirmDialogProps {
     isOpen: boolean;
     onOpenChange: (open: boolean) => void;
@@ -310,6 +391,13 @@ interface SkeletonRowsProps {
 }
 declare function SkeletonRows({ rows, columns }: SkeletonRowsProps): react_jsx_runtime.JSX.Element;
 
+interface ToggleSwitchProps {
+    label: string;
+    checked: boolean;
+    onChange: (value: boolean) => void;
+}
+declare function ToggleSwitch({ label, checked, onChange }: ToggleSwitchProps): react_jsx_runtime.JSX.Element;
+
 interface BillingNavItem {
     key: string;
     label: string;
@@ -326,4 +414,4 @@ interface BillingNavItem {
  */
 declare function getBillingNavItems(modules?: BillingModulesConfig, basePath?: string): BillingNavItem[];
 
-export { type BillingAdminConfig, BillingAdminProvider, type BillingAdminProviderProps, type BillingModulesConfig, type BillingNavItem, CursorPagination, DeleteConfirmDialog, type FeaturesConfig, FeaturesPage, type FeaturesPageProps, FilterBar, InvoiceDetailsDialog, InvoicesPage, type InvoicesPageProps, type LimitFieldConfig, LimitInput, PLAN_COLORS, PaymentsPage, type PaymentsPageProps, type PlanColorValue, type PlanFormData, PlanFormDialog, PlansPage, type PlansPageProps, PlansTable, type ProductFormData, ProductFormDialog, ProductsPage, type ProductsPageProps, type PublicPlansConfig, SkeletonRows, StatusBadge, SubscriptionsPage, type SubscriptionsPageProps, createDefaultPlanFormData, defaultProductFormData, getBillingNavItems, getPlanColorClass, useBillingAdminConfig, useEnabledModules };
+export { type BillingAdminConfig, BillingAdminProvider, type BillingAdminProviderProps, type BillingModulesConfig, type BillingNavItem, CursorPagination, DeleteConfirmDialog, FeatureFormModal, type FeatureFormModalProps, FeatureListItem, type FeaturesConfig, FeaturesPage, type FeaturesPageProps, FilterBar, InvoiceDetailsDialog, InvoicesPage, type InvoicesPageProps, type LimitFieldConfig, LimitInput, PLAN_COLORS, PaymentsPage, type PaymentsPageProps, type PlanColorValue, PlanDetailsSection, PlanFeaturesSection, type PlanFormData, PlanFormDialog, type PlanFormDialogProps, PlanLimitsSection, PlanPricingSection, PlansPage, type PlansPageProps, PlansTable, type ProductFormData, ProductFormDialog, ProductsPage, type ProductsPageProps, type PublicPlansConfig, SkeletonRows, StatusBadge, SubscriptionsPage, type SubscriptionsPageProps, ToggleSwitch, createDefaultPlanFormData, defaultProductFormData, getBillingNavItems, getPlanColorClass, useBillingAdminConfig, useEnabledModules };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
-import { Fetcher, AdminPlan, AdminPlanPricingModel, RecurringInterval, AdminProduct, AdminInvoice } from '@growflowstudio/growflowbilling-admin-core';
+import { Fetcher, AdminPlan, AdminPlanPricingModel, Visibility, RecurringInterval, AdminProduct, AdminInvoice, AdminFeature } from '@growflowstudio/growflowbilling-admin-core';
 
 interface LimitFieldConfig {
     key: string;
@@ -156,7 +156,17 @@ interface PlanFormData {
     color: string;
     limits: Record<string, number>;
     limits_unlimited: Record<string, boolean>;
+    /**
+     * Newline-separated feature slugs — legacy shape kept for compatibility
+     * with existing submit logic in ``PlansPage``. The unified feature
+     * editor writes to this field via ``applyFeatureState``.
+     */
     features: string;
+    /**
+     * Per-feature UI visibility overrides (tri-state). Managed atomically
+     * with ``features`` by ``PlanFeaturesSection``.
+     */
+    ui_visibility: Record<string, Visibility>;
     sort_order: number;
 }
 declare function createDefaultPlanFormData(limitFields?: LimitFieldConfig[]): PlanFormData;
@@ -219,6 +229,61 @@ declare const PLAN_COLORS: readonly [{
 type PlanColorValue = typeof PLAN_COLORS[number]['value'];
 declare function getPlanColorClass(color: string | undefined): string;
 
+interface PlanDetailsSectionProps {
+    formData: PlanFormData;
+    formErrors: Record<string, string>;
+    isCreating: boolean;
+    onFormDataChange: (data: Partial<PlanFormData>) => void;
+    onNameChange: (name: string) => void;
+}
+declare function PlanDetailsSection({ formData, formErrors, onFormDataChange, onNameChange, }: PlanDetailsSectionProps): react_jsx_runtime.JSX.Element;
+
+interface PlanPricingSectionProps {
+    formData: PlanFormData;
+    onFormDataChange: (data: Partial<PlanFormData>) => void;
+}
+declare function PlanPricingSection({ formData, onFormDataChange }: PlanPricingSectionProps): react_jsx_runtime.JSX.Element;
+
+interface PlanLimitsSectionProps {
+    limitFields: LimitFieldConfig[];
+    formData: PlanFormData;
+    onFormDataChange: (data: Partial<PlanFormData>) => void;
+}
+declare function PlanLimitsSection({ limitFields, formData, onFormDataChange }: PlanLimitsSectionProps): react_jsx_runtime.JSX.Element | null;
+
+interface AvailableFeature$1 {
+    slug: string;
+    name: string;
+    description?: string;
+}
+interface PlanFeaturesSectionProps {
+    availableFeatures: AvailableFeature$1[];
+    /** Current included feature slugs (mirror of ``plan.features``). */
+    selectedFeatureSlugs: string[];
+    /** Current UI visibility overrides (mirror of ``plan.ui_visibility``). */
+    uiVisibility: Record<string, Visibility>;
+    /**
+     * Called when the admin picks a new state for a slug. Receives the
+     * atomically-updated ``features`` array and ``uiVisibility`` map;
+     * callers MUST write both back to the parent form state.
+     */
+    onFeatureStateChange: (next: {
+        features: string[];
+        uiVisibility: Record<string, Visibility>;
+    }) => void;
+}
+/**
+ * Unified feature-state editor for the plan form.
+ *
+ * Replaces the old split between "Features Incluse nel Piano" checkboxes
+ * and a separate visibility dropdown. One row per feature, one dropdown
+ * per row with 3 user-facing states (``Non inclusa``, ``Teaser``,
+ * ``Inclusa``) plus an advanced ``Sunset`` option behind a toggle. Every
+ * state change writes ``plan.features`` and ``plan.ui_visibility``
+ * atomically via ``applyFeatureState`` so the two fields can never drift.
+ */
+declare function PlanFeaturesSection({ availableFeatures, selectedFeatureSlugs, uiVisibility, onFeatureStateChange, }: PlanFeaturesSectionProps): react_jsx_runtime.JSX.Element;
+
 interface ProductFormData {
     name: string;
     description: string;
@@ -254,6 +319,22 @@ interface InvoiceDetailsDialogProps {
 }
 declare function InvoiceDetailsDialog({ isOpen, onOpenChange, invoice }: InvoiceDetailsDialogProps): react_jsx_runtime.JSX.Element | null;
 
+interface FeatureFormModalProps {
+    /** null = create mode, defined = edit mode */
+    feature: AdminFeature | null;
+    open: boolean;
+    onClose: () => void;
+    onSuccess: () => void;
+}
+declare function FeatureFormModal({ feature, open, onClose, onSuccess }: FeatureFormModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface FeatureListItemProps {
+    feature: AdminFeature;
+    onEdit: (feature: AdminFeature) => void;
+    onDelete: (feature: AdminFeature) => void;
+}
+declare function FeatureListItem({ feature, onEdit, onDelete }: FeatureListItemProps): react_jsx_runtime.JSX.Element;
+
 interface DeleteConfirmDialogProps {
     isOpen: boolean;
     onOpenChange: (open: boolean) => void;
@@ -310,6 +391,13 @@ interface SkeletonRowsProps {
 }
 declare function SkeletonRows({ rows, columns }: SkeletonRowsProps): react_jsx_runtime.JSX.Element;
 
+interface ToggleSwitchProps {
+    label: string;
+    checked: boolean;
+    onChange: (value: boolean) => void;
+}
+declare function ToggleSwitch({ label, checked, onChange }: ToggleSwitchProps): react_jsx_runtime.JSX.Element;
+
 interface BillingNavItem {
     key: string;
     label: string;
@@ -326,4 +414,4 @@ interface BillingNavItem {
  */
 declare function getBillingNavItems(modules?: BillingModulesConfig, basePath?: string): BillingNavItem[];
 
-export { type BillingAdminConfig, BillingAdminProvider, type BillingAdminProviderProps, type BillingModulesConfig, type BillingNavItem, CursorPagination, DeleteConfirmDialog, type FeaturesConfig, FeaturesPage, type FeaturesPageProps, FilterBar, InvoiceDetailsDialog, InvoicesPage, type InvoicesPageProps, type LimitFieldConfig, LimitInput, PLAN_COLORS, PaymentsPage, type PaymentsPageProps, type PlanColorValue, type PlanFormData, PlanFormDialog, PlansPage, type PlansPageProps, PlansTable, type ProductFormData, ProductFormDialog, ProductsPage, type ProductsPageProps, type PublicPlansConfig, SkeletonRows, StatusBadge, SubscriptionsPage, type SubscriptionsPageProps, createDefaultPlanFormData, defaultProductFormData, getBillingNavItems, getPlanColorClass, useBillingAdminConfig, useEnabledModules };
+export { type BillingAdminConfig, BillingAdminProvider, type BillingAdminProviderProps, type BillingModulesConfig, type BillingNavItem, CursorPagination, DeleteConfirmDialog, FeatureFormModal, type FeatureFormModalProps, FeatureListItem, type FeaturesConfig, FeaturesPage, type FeaturesPageProps, FilterBar, InvoiceDetailsDialog, InvoicesPage, type InvoicesPageProps, type LimitFieldConfig, LimitInput, PLAN_COLORS, PaymentsPage, type PaymentsPageProps, type PlanColorValue, PlanDetailsSection, PlanFeaturesSection, type PlanFormData, PlanFormDialog, type PlanFormDialogProps, PlanLimitsSection, PlanPricingSection, PlansPage, type PlansPageProps, PlansTable, type ProductFormData, ProductFormDialog, ProductsPage, type ProductsPageProps, type PublicPlansConfig, SkeletonRows, StatusBadge, SubscriptionsPage, type SubscriptionsPageProps, ToggleSwitch, createDefaultPlanFormData, defaultProductFormData, getBillingNavItems, getPlanColorClass, useBillingAdminConfig, useEnabledModules };