@olwiba/ui 0.2.8 → 0.2.9

package/dist/index.d.ts

@@ -770,8 +770,17 @@ interface PricingSectionProps {
     cadences?: PricingCadence[];
     /** Which cadence opens selected. Defaults to the first in `cadences`. */
     defaultCadence?: string;
+    /**
+     * Called when a plan's CTA is pressed, with the cadence currently selected —
+     * which is the half the caller can't otherwise know, since the toggle's state
+     * lives in here. Without it the CTA is inert: `PricingCard` takes an
+     * `onSelect` and this section had never passed one.
+     */
+    onSelectPlan?: (plan: PricingPlan, cadence?: string) => void;
+    /** Marks one plan as busy (e.g. its checkout is being created). */
+    pendingPlanName?: string;
 }
-declare function PricingSection({ title, description, badge, plans, saveBadge, isAuthenticated, renderLink, footnote, mode, foundingDeadline, currency, highlightedBadgeLabel, renderPlanFooter, cadences, defaultCadence, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
+declare function PricingSection({ title, description, badge, plans, saveBadge, isAuthenticated, renderLink, footnote, mode, foundingDeadline, currency, highlightedBadgeLabel, renderPlanFooter, cadences, defaultCadence, onSelectPlan, pendingPlanName, }: PricingSectionProps): react_jsx_runtime.JSX.Element;
 
 interface TestimonialsSectionProps {
     title?: string;

package/dist/index.js

@@ -2324,7 +2324,9 @@ function PricingSection({
   highlightedBadgeLabel = "Founding member",
   renderPlanFooter,
   cadences,
-  defaultCadence
+  defaultCadence,
+  onSelectPlan,
+  pendingPlanName
 }) {
   const [annual, setAnnual] = React35.useState(false);
   const isOneTime = mode === "one-time";
@@ -2410,12 +2412,13 @@ function PricingSection({
           period,
           description: plan.description,
           features: plan.features,
-          cta: plan.cta,
+          cta: pendingPlanName === plan.name ? "Redirecting\u2026" : plan.cta,
           highlighted: plan.highlighted,
           disabled: plan.disabled,
-          ctaDisabled: plan.ctaDisabled,
+          ctaDisabled: plan.ctaDisabled || pendingPlanName === plan.name,
           badge: badge2,
-          footer: renderPlanFooter?.(plan)
+          footer: renderPlanFooter?.(plan),
+          onSelect: onSelectPlan ? () => onSelectPlan(plan, useCadences ? activeCadence : void 0) : void 0
         },
         plan.name
       );