@churnkey/react 0.2.0 → 0.4.0

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkYSNMTOAW_cjs = require('./chunk-YSNMTOAW.cjs');
-var chunkEHZJAQQ5_cjs = require('./chunk-EHZJAQQ5.cjs');
-var chunkZEYUKGAR_cjs = require('./chunk-ZEYUKGAR.cjs');
+var chunk4BMB42WI_cjs = require('./chunk-4BMB42WI.cjs');
+var chunkBDBZ5OS3_cjs = require('./chunk-BDBZ5OS3.cjs');
+var chunkSNTKIKHU_cjs = require('./chunk-SNTKIKHU.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -20,28 +20,29 @@ function RichText({ html, as = "p", className }) {
 function DefaultConfirm({
   title,
   description,
+  subscriptions,
   losses,
   lossesLabel,
   confirmLabel,
   goBackLabel,
-  periodEnd,
   onConfirm,
   onGoBack,
   isProcessing,
   classNames
 }) {
   const hasLosses = Array.isArray(losses) && losses.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-confirm", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    hasLosses && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-loss-block", classNames?.lossList), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkEHZJAQQ5_cjs.cn("ck-loss-label", classNames?.lossLabel), children: lossesLabel ?? "You'll lose access to:" }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ck-loss-list", children: losses.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: chunkEHZJAQQ5_cjs.cn("ck-loss-item", classNames?.lossItem), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: chunkEHZJAQQ5_cjs.cn("ck-loss-bullet", classNames?.lossBullet), children: "\u25CF" }),
+  const periodEnd = chunkBDBZ5OS3_cjs.formatPeriodEnd(subscriptions);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-confirm", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    hasLosses && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-loss-block", classNames?.lossList), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkBDBZ5OS3_cjs.cn("ck-loss-label", classNames?.lossLabel), children: lossesLabel ?? "You'll lose access to:" }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ck-loss-list", children: losses.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: chunkBDBZ5OS3_cjs.cn("ck-loss-item", classNames?.lossItem), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: chunkBDBZ5OS3_cjs.cn("ck-loss-bullet", classNames?.lossBullet), children: "\u25CF" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: item })
       ] }, item)) })
     ] }),
-    periodEnd && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkEHZJAQQ5_cjs.cn("ck-period-end", classNames?.periodEndNotice), children: [
+    periodEnd && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: chunkBDBZ5OS3_cjs.cn("ck-period-end", classNames?.periodEndNotice), children: [
       "Your access continues until ",
       periodEnd,
       "."
@@ -50,13 +51,13 @@ function DefaultConfirm({
       "button",
       {
         type: "button",
-        className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-danger", classNames?.confirmButton),
+        className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-danger", classNames?.confirmButton),
         onClick: onConfirm,
         disabled: isProcessing,
         children: isProcessing ? "Processing..." : confirmLabel
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button-link", classNames?.goBackButton), onClick: onGoBack, children: goBackLabel })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.goBackButton), onClick: onGoBack, children: goBackLabel })
   ] });
 }
 function DefaultFeedback({
@@ -75,13 +76,13 @@ function DefaultFeedback({
   const isUnderMin = hasMin && value.length > 0 && value.length < minLength;
   const isValid = !required || value.length >= minLength;
   const placeholderText = placeholder ?? (hasMin ? `At least ${minLength} characters\u2026` : "Type your thoughts\u2026");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-feedback", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-feedback", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkEHZJAQQ5_cjs.cn(
+        className: chunkBDBZ5OS3_cjs.cn(
           "ck-feedback-field",
           focused && "ck-feedback-field--focused",
           isUnderMin && "ck-feedback-field--invalid"
@@ -90,7 +91,7 @@ function DefaultFeedback({
           /* @__PURE__ */ jsxRuntime.jsx(
             "textarea",
             {
-              className: chunkEHZJAQQ5_cjs.cn("ck-textarea", classNames?.textarea),
+              className: chunkBDBZ5OS3_cjs.cn("ck-textarea", classNames?.textarea),
               placeholder: placeholderText,
               value,
               onChange: (e) => onChange(e.target.value),
@@ -102,7 +103,7 @@ function DefaultFeedback({
           hasMin && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: chunkEHZJAQQ5_cjs.cn(
+              className: chunkBDBZ5OS3_cjs.cn(
                 "ck-character-count",
                 isUnderMin && "ck-character-count--invalid",
                 classNames?.characterCount
@@ -121,7 +122,7 @@ function DefaultFeedback({
       "button",
       {
         type: "button",
-        className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.submitButton),
+        className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.submitButton),
         onClick: onSubmit,
         disabled: !isValid,
         children: "Continue"
@@ -140,21 +141,21 @@ function DefaultContactOffer({
 }) {
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-offer-card", classNames?.card), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-offer-card", classNames?.card), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => onAccept(),
           disabled: isProcessing,
           children: isProcessing ? "Processing..." : offer.copy.cta
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
     ] })
   ] });
 }
@@ -170,11 +171,11 @@ function DefaultDiscountOffer({
   const o = offer;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
-  const phrase = chunkEHZJAQQ5_cjs.discountPhrase(o);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-offer-card", classNames?.card), children: [
+  const phrase = chunkBDBZ5OS3_cjs.discountPhrase(o);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-offer-card", classNames?.card), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-details ck-offer-discount", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-offer-discount-eyebrow", children: "Limited-time offer" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-offer-discount-phrase", children: phrase })
@@ -183,13 +184,13 @@ function DefaultDiscountOffer({
         "button",
         {
           type: "button",
-          className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => onAccept(),
           disabled: isProcessing,
           children: isProcessing ? "Processing..." : offer.copy.cta
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
     ] })
   ] });
 }
@@ -209,19 +210,19 @@ function DefaultPauseOffer({
   const body = description ?? offer.copy.body;
   const resume = /* @__PURE__ */ new Date();
   resume.setMonth(resume.getMonth() + months);
-  const resumeDate = chunkEHZJAQQ5_cjs.formatMonthDayLong(resume);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-offer-card ck-pause-card", classNames?.card), children: [
+  const resumeDate = chunkBDBZ5OS3_cjs.formatMonthDayLong(resume);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-offer-card ck-pause-card", classNames?.card), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-pause-eyebrow", children: "We'll see you back on" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-pause-date", children: resumeDate }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkEHZJAQQ5_cjs.cn("ck-pause-chips", classNames?.pauseSlider), children: Array.from({ length: max }, (_, i) => i + 1).map((m) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkBDBZ5OS3_cjs.cn("ck-pause-chips", classNames?.pauseSlider), children: Array.from({ length: max }, (_, i) => i + 1).map((m) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
           onClick: () => setMonths(m),
-          className: chunkEHZJAQQ5_cjs.cn("ck-pause-chip", m === months && "ck-pause-chip--selected"),
+          className: chunkBDBZ5OS3_cjs.cn("ck-pause-chip", m === months && "ck-pause-chip--selected"),
           "aria-pressed": m === months,
           children: [
             m,
@@ -236,13 +237,13 @@ function DefaultPauseOffer({
       "button",
       {
         type: "button",
-        className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+        className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
         onClick: () => onAccept({ months }),
         disabled: isProcessing,
         children: isProcessing ? "Processing..." : offer.copy.cta
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
   ] });
 }
 function Checkmark({ color = "currentColor", size = 14 }) {
@@ -251,6 +252,7 @@ function Checkmark({ color = "currentColor", size = 14 }) {
 function DefaultPlanChangeOffer({
   title,
   description,
+  subscriptions,
   offer,
   onAccept,
   onDecline,
@@ -259,31 +261,42 @@ function DefaultPlanChangeOffer({
 }) {
   const o = offer;
   const plans = o.plans ?? [];
-  const [selectedPlanId, setSelectedPlanId] = react.useState(plans[0]?.id ?? null);
+  const currentPlanId = subscriptions[0]?.items[0]?.price.id;
+  const initialPlanId = plans.find((p) => p.id !== currentPlanId)?.id ?? null;
+  const [selectedPlanId, setSelectedPlanId] = react.useState(initialPlanId);
   const selectedPlan = plans.find((p) => p.id === selectedPlanId) ?? null;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
   const ctaLabel = isProcessing ? "Processing..." : selectedPlan?.name ? `Switch to ${selectedPlan.name}` : offer.copy.cta;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-offer-card", classNames?.card), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-offer-card", classNames?.card), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-offer-details ck-plan-grid", children: plans.map((plan) => {
         const interval = plan.duration?.interval ?? "month";
         const currency = plan.amount.currency ?? "USD";
         const isSelected = plan.id === selectedPlanId;
+        const isCurrent = plan.id === currentPlanId;
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
             type: "button",
             onClick: () => setSelectedPlanId(plan.id),
-            className: chunkEHZJAQQ5_cjs.cn("ck-plan-card", isSelected && "ck-plan-card--selected"),
+            disabled: isCurrent,
+            className: chunkBDBZ5OS3_cjs.cn(
+              "ck-plan-card",
+              isSelected && "ck-plan-card--selected",
+              isCurrent && "ck-plan-card--current"
+            ),
             "aria-pressed": isSelected,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-plan-name", children: plan.name ?? plan.id }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-plan-name", children: [
+                plan.name ?? plan.id,
+                isCurrent && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-plan-current-badge", children: "Current" })
+              ] }),
               plan.tagline && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-plan-tagline", children: plan.tagline }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-plan-price-row", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-plan-amount", children: chunkEHZJAQQ5_cjs.formatPriceFromMinor(plan.amount.value, currency) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-plan-amount", children: chunkBDBZ5OS3_cjs.formatPriceFromMinor(plan.amount.value, currency) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ck-plan-period", children: [
                   "/",
                   interval
@@ -303,13 +316,62 @@ function DefaultPlanChangeOffer({
         "button",
         {
           type: "button",
-          className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => selectedPlanId && onAccept({ planId: selectedPlanId }),
           disabled: isProcessing || !selectedPlanId,
           children: ctaLabel
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+    ] })
+  ] });
+}
+function DefaultRebateOffer({
+  title,
+  description,
+  offer,
+  onAccept,
+  onDecline,
+  isProcessing,
+  classNames
+}) {
+  const o = offer;
+  const headline = title ?? offer.copy.headline;
+  const body = description ?? offer.copy.body;
+  const currency = o.currency ?? "usd";
+  const amount = o.amountMinor ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-offer-card", classNames?.card), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-rebate", children: [
+        o.amountPaidMinor != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-rebate-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Subscription \xB7 this period" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkBDBZ5OS3_cjs.formatPriceFromMinor(o.amountPaidMinor, currency) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-rebate-row ck-offer-rebate-credit", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Cancellation rebate" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "\u2212",
+            chunkBDBZ5OS3_cjs.formatPriceFromMinor(amount, currency)
+          ] })
+        ] }),
+        o.netAfterRebateMinor != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-rebate-row ck-offer-rebate-total", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Due for this period" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkBDBZ5OS3_cjs.formatPriceFromMinor(o.netAfterRebateMinor, currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          onClick: () => onAccept(),
+          disabled: isProcessing,
+          children: isProcessing ? "Processing..." : offer.copy.cta
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
     ] })
   ] });
 }
@@ -317,15 +379,15 @@ function DefaultRedirectOffer({ title, description, offer, onDecline, classNames
   const url = offer.url;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-offer-card", classNames?.card), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-offer-card", classNames?.card), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-offer-details", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "ck-redirect-link", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: offer.copy.cta }),
         /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, {})
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
     ] })
   ] });
 }
@@ -365,11 +427,11 @@ function DefaultTrialExtensionOffer({
   const body = description ?? offer.copy.body;
   const end = /* @__PURE__ */ new Date();
   end.setDate(end.getDate() + o.days);
-  const newEnd = chunkEHZJAQQ5_cjs.formatMonthDay(end);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-offer-card", classNames?.card), children: [
+  const newEnd = chunkBDBZ5OS3_cjs.formatMonthDay(end);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: body, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-offer-card", classNames?.card), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-details ck-trial-block", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-trial-badge", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-trial-days", children: [
@@ -387,13 +449,13 @@ function DefaultTrialExtensionOffer({
         "button",
         {
           type: "button",
-          className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => onAccept(),
           disabled: isProcessing,
           children: isProcessing ? "Processing..." : offer.copy.cta
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
     ] })
   ] });
 }
@@ -423,16 +485,18 @@ function pickOfferComponent(type, components) {
       return components?.ContactOffer ?? DefaultContactOffer;
     case "redirect":
       return components?.RedirectOffer ?? DefaultRedirectOffer;
+    case "rebate":
+      return components?.RebateOffer ?? DefaultRebateOffer;
     default:
       return null;
   }
 }
 function DefaultSuccess({ title, description, onClose, classNames }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-success", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkEHZJAQQ5_cjs.cn("ck-success-icon", classNames?.icon), children: /* @__PURE__ */ jsxRuntime.jsx(Checkmark, { color: "currentColor", size: 26 }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-success-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.closeButton), onClick: onClose, children: "Done" }) })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-success", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkBDBZ5OS3_cjs.cn("ck-success-icon", classNames?.icon), children: /* @__PURE__ */ jsxRuntime.jsx(Checkmark, { color: "currentColor", size: 26 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-success-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.closeButton), onClick: onClose, children: "Done" }) })
   ] });
 }
 function DefaultReasonButton({ reason, index, isSelected, onSelect }) {
@@ -443,9 +507,8 @@ function DefaultReasonButton({ reason, index, isSelected, onSelect }) {
       type: "button",
       role: "radio",
       "aria-checked": isSelected,
-      tabIndex: isSelected ? 0 : -1,
       onClick: () => onSelect(reason.id),
-      className: chunkEHZJAQQ5_cjs.cn("ck-reason-button", isSelected && "ck-reason-button--selected"),
+      className: chunkBDBZ5OS3_cjs.cn("ck-reason-button", isSelected && "ck-reason-button--selected"),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "ck-reason-badge", children: isSelected ? /* @__PURE__ */ jsxRuntime.jsx(Checkmark, { color: "#fff", size: 12 }) : letter }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-reason-label", children: reason.label })
@@ -459,57 +522,44 @@ function DefaultSurvey({
   reasons,
   selectedReason,
   onSelectReason,
+  followupResponse,
+  onFollowupResponseChange,
   onNext,
   classNames,
   components
 }) {
   const ReasonButton = components?.ReasonButton ?? DefaultReasonButton;
-  const listRef = react.useRef(null);
-  const handleKeyDown = react.useCallback(
-    (e) => {
-      if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
-      e.preventDefault();
-      const currentIdx = reasons.findIndex((r) => r.id === selectedReason);
-      let nextIdx;
-      if (e.key === "ArrowDown") {
-        nextIdx = currentIdx < reasons.length - 1 ? currentIdx + 1 : 0;
-      } else {
-        nextIdx = currentIdx > 0 ? currentIdx - 1 : reasons.length - 1;
-      }
-      onSelectReason(reasons[nextIdx].id);
-      const buttons = listRef.current?.querySelectorAll('[role="radio"]');
-      buttons?.[nextIdx]?.focus();
-    },
-    [reasons, selectedReason, onSelectReason]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkEHZJAQQ5_cjs.cn("ck-step ck-step-survey", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkEHZJAQQ5_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkEHZJAQQ5_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+  const selected = reasons.find((r) => r.id === selectedReason);
+  const showFollowup = selected?.freeform === true;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkBDBZ5OS3_cjs.cn("ck-step ck-step-survey", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkBDBZ5OS3_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: description, className: chunkBDBZ5OS3_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkBDBZ5OS3_cjs.cn("ck-reason-list", classNames?.reasonList), role: "radiogroup", "aria-label": title, children: reasons.map((reason, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      ReasonButton,
       {
-        ref: listRef,
-        className: chunkEHZJAQQ5_cjs.cn("ck-reason-list", classNames?.reasonList),
-        role: "radiogroup",
-        "aria-label": title,
-        onKeyDown: handleKeyDown,
-        children: reasons.map((reason, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          ReasonButton,
-          {
-            reason,
-            index: i,
-            isSelected: selectedReason === reason.id,
-            onSelect: onSelectReason
-          },
-          reason.id
-        ))
+        reason,
+        index: i,
+        isSelected: selectedReason === reason.id,
+        onSelect: onSelectReason
+      },
+      reason.id
+    )) }),
+    showFollowup && /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        className: chunkBDBZ5OS3_cjs.cn("ck-reason-followup", classNames?.followupInput),
+        placeholder: "Tell us more (optional)",
+        rows: 3,
+        value: followupResponse,
+        onChange: (e) => onFollowupResponseChange(e.target.value),
+        "aria-label": "Additional detail"
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        className: chunkEHZJAQQ5_cjs.cn("ck-button ck-button-primary", classNames?.continueButton),
+        className: chunkBDBZ5OS3_cjs.cn("ck-button ck-button-primary", classNames?.continueButton),
         onClick: onNext,
         disabled: !selectedReason,
         children: "Continue"
@@ -518,7 +568,7 @@ function DefaultSurvey({
   ] });
 }
 function DefaultBackButton({ onBack, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-back-button", className), onClick: onBack, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-back-button", className), onClick: onBack, children: [
     /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -533,7 +583,7 @@ function DefaultBackButton({ onBack, className }) {
   ] });
 }
 function DefaultCloseButton({ onClose, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkEHZJAQQ5_cjs.cn("ck-close-button", className), onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkBDBZ5OS3_cjs.cn("ck-close-button", className), onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 5L5 15M5 5l10 10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) });
 }
 function trapFocus(container) {
   const focusableSelector = [
@@ -563,7 +613,7 @@ function trapFocus(container) {
   container.addEventListener("keydown", handleKeyDown);
   return () => container.removeEventListener("keydown", handleKeyDown);
 }
-function DefaultModal({ open, onClose, children, className }) {
+function DefaultModal({ open, onClose, children, className, overlayClassName }) {
   const overlayRef = react.useRef(null);
   const modalRef = react.useRef(null);
   const previousFocusRef = react.useRef(null);
@@ -593,7 +643,7 @@ function DefaultModal({ open, onClose, children, className }) {
     "div",
     {
       ref: overlayRef,
-      className: "ck-overlay",
+      className: chunkBDBZ5OS3_cjs.cn("ck-overlay", overlayClassName),
       onClick: (e) => {
         if (e.target === overlayRef.current) onClose();
       },
@@ -605,7 +655,7 @@ function DefaultModal({ open, onClose, children, className }) {
           "aria-modal": "true",
           "aria-labelledby": "ck-dialog-title",
           tabIndex: -1,
-          className: chunkEHZJAQQ5_cjs.cn("ck-modal", className),
+          className: chunkBDBZ5OS3_cjs.cn("ck-modal", className),
           children
         }
       )
@@ -631,7 +681,7 @@ function useColorScheme(preference) {
   return system;
 }
 function CancelFlow(props) {
-  const { machine, state, isLoading, loadError, retry } = chunkYSNMTOAW_cjs.useCancelFlowMachine(props);
+  const { machine, state, isLoading, loadError, retry } = chunk4BMB42WI_cjs.useCancelFlowMachine(props);
   if (isLoading || loadError) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       LoadStatus,
@@ -668,12 +718,12 @@ function LoadStatus({
   onRetry
 }) {
   const scheme = useColorScheme(appearance?.colorScheme);
-  const appearanceStyle = chunkEHZJAQQ5_cjs.appearanceToStyle(appearance);
+  const appearanceStyle = chunkBDBZ5OS3_cjs.appearanceToStyle(appearance);
   const Modal = components?.Modal ?? DefaultModal;
   const CloseButton = components?.CloseButton ?? DefaultCloseButton;
   const handleClose = onClose ?? (() => {
   });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-cancel-flow", "data-color-scheme": scheme, style: appearanceStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open: true, onClose: handleClose, className: classNames?.modal, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-cancel-flow", "data-color-scheme": scheme, style: appearanceStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open: true, onClose: handleClose, className: classNames?.modal, overlayClassName: classNames?.overlay, children: [
     /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClose: handleClose, className: classNames?.closeButton }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-content", children: [
       isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-loading", style: { padding: "32px", textAlign: "center" }, children: [
@@ -721,11 +771,11 @@ function LoadStatus({
 }
 function FlowShell({ machine, state, appearance, classNames, components, customComponents }) {
   const scheme = useColorScheme(appearance?.colorScheme);
-  const appearanceStyle = chunkEHZJAQQ5_cjs.appearanceToStyle(appearance);
+  const appearanceStyle = chunkBDBZ5OS3_cjs.appearanceToStyle(appearance);
   const Modal = components?.Modal ?? DefaultModal;
   const CloseButton = components?.CloseButton ?? DefaultCloseButton;
   const BackButton = components?.BackButton ?? DefaultBackButton;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-cancel-flow", "data-color-scheme": scheme, style: appearanceStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open: true, onClose: machine.close, className: classNames?.modal, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-cancel-flow", "data-color-scheme": scheme, style: appearanceStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open: true, onClose: machine.close, className: classNames?.modal, overlayClassName: classNames?.overlay, children: [
     /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClose: machine.close, className: classNames?.closeButton }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-content", children: [
       machine.canGoBack && /* @__PURE__ */ jsxRuntime.jsx(BackButton, { onBack: machine.back, className: classNames?.backButton }),
@@ -748,11 +798,15 @@ function StepRenderer({
       return /* @__PURE__ */ jsxRuntime.jsx(
         Survey,
         {
-          title: config?.title ?? chunkEHZJAQQ5_cjs.defaultTitles.survey,
+          title: config?.title ?? chunkBDBZ5OS3_cjs.defaultTitles.survey,
           description: config?.description,
+          customer: state.customer,
+          subscriptions: state.subscriptions,
           reasons: machine.reasons,
           selectedReason: state.selectedReason,
           onSelectReason: machine.selectReason,
+          followupResponse: state.followupResponse,
+          onFollowupResponseChange: machine.setFollowupResponse,
           onNext: machine.next,
           classNames: config?.classNames,
           components
@@ -769,12 +823,16 @@ function StepRenderer({
           {
             offer,
             customer: state.customer,
+            subscriptions: state.subscriptions,
             onAccept: machine.accept,
             onDecline: machine.decline,
             isProcessing: state.isProcessing
           }
         );
       }
+      if (!chunkBDBZ5OS3_cjs.BUILT_IN_OFFER_TYPES.includes(offer.type)) {
+        return /* @__PURE__ */ jsxRuntime.jsx(UnregisteredOfferFallback, { offerType: offer.type, onSkip: machine.decline });
+      }
       const Offer = components?.Offer ?? DefaultOffer;
       const config = stepConfig;
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -782,6 +840,8 @@ function StepRenderer({
         {
           title: config?.title,
           description: config?.description,
+          customer: state.customer,
+          subscriptions: state.subscriptions,
           offer,
           onAccept: machine.accept,
           onDecline: machine.decline,
@@ -797,8 +857,10 @@ function StepRenderer({
       return /* @__PURE__ */ jsxRuntime.jsx(
         Feedback,
         {
-          title: config?.title ?? chunkEHZJAQQ5_cjs.defaultTitles.feedback,
+          title: config?.title ?? chunkBDBZ5OS3_cjs.defaultTitles.feedback,
           description: config?.description,
+          customer: state.customer,
+          subscriptions: state.subscriptions,
           placeholder: config?.placeholder,
           required: config?.required ?? false,
           minLength: config?.minLength ?? 0,
@@ -815,8 +877,10 @@ function StepRenderer({
       return /* @__PURE__ */ jsxRuntime.jsx(
         Confirm,
         {
-          title: config?.title ?? chunkEHZJAQQ5_cjs.defaultTitles.confirm,
+          title: config?.title ?? chunkBDBZ5OS3_cjs.defaultTitles.confirm,
           description: config?.description,
+          customer: state.customer,
+          subscriptions: state.subscriptions,
           losses: config?.losses,
           lossesLabel: config?.lossesLabel,
           confirmLabel: config?.confirmLabel ?? "Cancel subscription",
@@ -839,6 +903,8 @@ function StepRenderer({
           offer: machine.currentOffer ?? void 0,
           title: isSaved ? config?.savedTitle ?? "Welcome back!" : config?.cancelledTitle ?? "Subscription cancelled",
           description: isSaved ? config?.savedDescription ?? "Your offer has been applied." : config?.cancelledDescription ?? "We're sorry to see you go.",
+          customer: state.customer,
+          subscriptions: state.subscriptions,
           onClose: machine.close,
           classNames: config?.classNames
         }
@@ -860,6 +926,7 @@ function StepRenderer({
             data: config?.data
           },
           customer: state.customer,
+          subscriptions: state.subscriptions,
           onNext: machine.next,
           onBack: machine.back
         }
@@ -874,50 +941,65 @@ function UnregisteredStepFallback({ step, onSkip }) {
   }, [step, onSkip]);
   return null;
 }
+function UnregisteredOfferFallback({ offerType, onSkip }) {
+  react.useEffect(() => {
+    console.warn(`[churnkey] No component registered for offer type "${offerType}". Skipping.`);
+    onSkip();
+  }, [offerType, onSkip]);
+  return null;
+}
 
 Object.defineProperty(exports, "useCancelFlow", {
   enumerable: true,
-  get: function () { return chunkYSNMTOAW_cjs.useCancelFlow; }
+  get: function () { return chunk4BMB42WI_cjs.useCancelFlow; }
+});
+Object.defineProperty(exports, "BUILT_IN_OFFER_TYPES", {
+  enumerable: true,
+  get: function () { return chunkBDBZ5OS3_cjs.BUILT_IN_OFFER_TYPES; }
 });
 Object.defineProperty(exports, "BUILT_IN_STEP_TYPES", {
   enumerable: true,
-  get: function () { return chunkEHZJAQQ5_cjs.BUILT_IN_STEP_TYPES; }
+  get: function () { return chunkBDBZ5OS3_cjs.BUILT_IN_STEP_TYPES; }
 });
 Object.defineProperty(exports, "appearanceToStyle", {
   enumerable: true,
-  get: function () { return chunkEHZJAQQ5_cjs.appearanceToStyle; }
+  get: function () { return chunkBDBZ5OS3_cjs.appearanceToStyle; }
 });
 Object.defineProperty(exports, "calculateDiscountedPrice", {
   enumerable: true,
-  get: function () { return chunkEHZJAQQ5_cjs.calculateDiscountedPrice; }
+  get: function () { return chunkBDBZ5OS3_cjs.calculateDiscountedPrice; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,
-  get: function () { return chunkEHZJAQQ5_cjs.cn; }
+  get: function () { return chunkBDBZ5OS3_cjs.cn; }
 });
 Object.defineProperty(exports, "defaultTitles", {
   enumerable: true,
-  get: function () { return chunkEHZJAQQ5_cjs.defaultTitles; }
+  get: function () { return chunkBDBZ5OS3_cjs.defaultTitles; }
+});
+Object.defineProperty(exports, "formatPeriodEnd", {
+  enumerable: true,
+  get: function () { return chunkBDBZ5OS3_cjs.formatPeriodEnd; }
 });
 Object.defineProperty(exports, "formatPrice", {
   enumerable: true,
-  get: function () { return chunkEHZJAQQ5_cjs.formatPrice; }
+  get: function () { return chunkBDBZ5OS3_cjs.formatPrice; }
 });
 Object.defineProperty(exports, "AnalyticsClient", {
   enumerable: true,
-  get: function () { return chunkZEYUKGAR_cjs.AnalyticsClient; }
+  get: function () { return chunkSNTKIKHU_cjs.AnalyticsClient; }
 });
 Object.defineProperty(exports, "CancelFlowMachine", {
   enumerable: true,
-  get: function () { return chunkZEYUKGAR_cjs.CancelFlowMachine; }
+  get: function () { return chunkSNTKIKHU_cjs.CancelFlowMachine; }
 });
 Object.defineProperty(exports, "ChurnkeyApi", {
   enumerable: true,
-  get: function () { return chunkZEYUKGAR_cjs.ChurnkeyApi; }
+  get: function () { return chunkSNTKIKHU_cjs.ChurnkeyApi; }
 });
 Object.defineProperty(exports, "decodeSessionToken", {
   enumerable: true,
-  get: function () { return chunkZEYUKGAR_cjs.decodeSessionToken; }
+  get: function () { return chunkSNTKIKHU_cjs.decodeSessionToken; }
 });
 exports.CancelFlow = CancelFlow;
 exports.DefaultBackButton = DefaultBackButton;
@@ -931,6 +1013,7 @@ exports.DefaultOffer = DefaultOffer;
 exports.DefaultPauseOffer = DefaultPauseOffer;
 exports.DefaultPlanChangeOffer = DefaultPlanChangeOffer;
 exports.DefaultReasonButton = DefaultReasonButton;
+exports.DefaultRebateOffer = DefaultRebateOffer;
 exports.DefaultRedirectOffer = DefaultRedirectOffer;
 exports.DefaultSuccess = DefaultSuccess;
 exports.DefaultSurvey = DefaultSurvey;