@churnkey/react 0.6.5 → 0.7.1

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkW47U2HRC_cjs = require('./chunk-W47U2HRC.cjs');
-var chunkWVSNF3TN_cjs = require('./chunk-WVSNF3TN.cjs');
-var chunkH5IHOYUF_cjs = require('./chunk-H5IHOYUF.cjs');
+var chunkFK4AJOX6_cjs = require('./chunk-FK4AJOX6.cjs');
+var chunkM6Z3BHEH_cjs = require('./chunk-M6Z3BHEH.cjs');
+var chunkER6YITYC_cjs = require('./chunk-ER6YITYC.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,33 +24,37 @@ function DefaultConfirm({
   lossesLabel,
   confirmLabel,
   goBackLabel,
+  periodEndNotice,
   onConfirm,
   onGoBack,
   isProcessing,
-  classNames
+  classNames,
+  messages
 }) {
+  const m = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const hasLosses = Array.isArray(losses) && losses.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-confirm", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    hasLosses && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-loss-block", classNames?.lossList), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH5IHOYUF_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: chunkH5IHOYUF_cjs.cn("ck-loss-item", classNames?.lossItem), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: chunkH5IHOYUF_cjs.cn("ck-loss-bullet", classNames?.lossBullet), children: "\u25CF" }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-confirm", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    hasLosses && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-loss-block", classNames?.lossList), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkER6YITYC_cjs.cn("ck-loss-label", classNames?.lossLabel), children: lossesLabel ?? m.confirm.lossesLabel }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ck-loss-list", children: losses.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: chunkER6YITYC_cjs.cn("ck-loss-item", classNames?.lossItem), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: chunkER6YITYC_cjs.cn("ck-loss-bullet", classNames?.lossBullet), children: "\u25CF" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: item })
       ] }, item)) })
     ] }),
+    periodEndNotice && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkER6YITYC_cjs.cn("ck-period-end", classNames?.periodEndNotice), children: periodEndNotice }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-danger", classNames?.confirmButton),
+        className: chunkER6YITYC_cjs.cn("ck-button ck-button-danger", classNames?.confirmButton),
         onClick: onConfirm,
         disabled: isProcessing,
-        children: isProcessing ? "Processing..." : confirmLabel
+        children: isProcessing ? m.common.processing : confirmLabel
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.goBackButton), onClick: onGoBack, children: goBackLabel })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.goBackButton), onClick: onGoBack, children: goBackLabel })
   ] });
 }
 function DefaultFeedback({
@@ -62,20 +66,22 @@ function DefaultFeedback({
   value,
   onChange,
   onSubmit,
-  classNames
+  classNames,
+  messages
 }) {
+  const m = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const [focused, setFocused] = react.useState(false);
   const hasMin = minLength > 0;
   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: chunkH5IHOYUF_cjs.cn("ck-step ck-step-feedback", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
+  const placeholderText = placeholder ?? (hasMin ? chunkER6YITYC_cjs.formatMessage(m.feedback.placeholderWithMin, { minLength }) : m.feedback.placeholder);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-feedback", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkH5IHOYUF_cjs.cn(
+        className: chunkER6YITYC_cjs.cn(
           "ck-feedback-field",
           focused && "ck-feedback-field--focused",
           isUnderMin && "ck-feedback-field--invalid"
@@ -84,7 +90,7 @@ function DefaultFeedback({
           /* @__PURE__ */ jsxRuntime.jsx(
             "textarea",
             {
-              className: chunkH5IHOYUF_cjs.cn("ck-textarea", classNames?.textarea),
+              className: chunkER6YITYC_cjs.cn("ck-textarea", classNames?.textarea),
               placeholder: placeholderText,
               value,
               onChange: (e) => onChange(e.target.value),
@@ -96,7 +102,7 @@ function DefaultFeedback({
           hasMin && /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: chunkH5IHOYUF_cjs.cn(
+              className: chunkER6YITYC_cjs.cn(
                 "ck-character-count",
                 isUnderMin && "ck-character-count--invalid",
                 classNames?.characterCount
@@ -115,10 +121,10 @@ function DefaultFeedback({
       "button",
       {
         type: "button",
-        className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.submitButton),
+        className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.submitButton),
         onClick: onSubmit,
         disabled: !isValid,
-        children: "Continue"
+        children: m.common.continue
       }
     )
   ] });
@@ -130,25 +136,27 @@ function DefaultContactOffer({
   onAccept,
   onDecline,
   isProcessing,
-  classNames
+  classNames,
+  messages
 }) {
+  const msg = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-offer-card", classNames?.card), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-offer-card", classNames?.card), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => onAccept(),
           disabled: isProcessing,
-          children: isProcessing ? "Processing..." : offer.copy.cta
+          children: isProcessing ? msg.common.processing : msg.offer.acceptCta.contact || offer.copy.cta
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: msg.offer.declineCta || offer.copy.declineCta })
     ] })
   ] });
 }
@@ -159,31 +167,33 @@ function DefaultDiscountOffer({
   onAccept,
   onDecline,
   isProcessing,
-  classNames
+  classNames,
+  messages
 }) {
+  const msg = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const o = offer;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
-  const phrase = chunkWVSNF3TN_cjs.discountPhrase(o);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-offer-card", classNames?.card), children: [
+  const phrase = chunkM6Z3BHEH_cjs.discountPhrase(o);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_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-eyebrow", children: msg.offer.limitedTimeEyebrow }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-offer-discount-phrase", children: phrase })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => onAccept(),
           disabled: isProcessing,
-          children: isProcessing ? "Processing..." : offer.copy.cta
+          children: isProcessing ? msg.common.processing : msg.offer.acceptCta.discount || offer.copy.cta
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: msg.offer.declineCta || offer.copy.declineCta })
     ] })
   ] });
 }
@@ -194,8 +204,10 @@ function DefaultPauseOffer({
   onAccept,
   onDecline,
   isProcessing,
-  classNames
+  classNames,
+  messages
 }) {
+  const msg = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const o = offer;
   const max = Math.max(1, o.months);
   const [months, setMonths] = react.useState(1);
@@ -203,24 +215,24 @@ function DefaultPauseOffer({
   const body = description ?? offer.copy.body;
   const resume = /* @__PURE__ */ new Date();
   resume.setMonth(resume.getMonth() + months);
-  const resumeDate = chunkWVSNF3TN_cjs.formatMonthDayLong(resume);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_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" }),
+  const resumeDate = chunkM6Z3BHEH_cjs.formatMonthDayLong(resume);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-offer-card ck-pause-card", classNames?.card), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-pause-eyebrow", children: msg.offer.pauseEyebrow }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-pause-date", children: resumeDate }),
-      max > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH5IHOYUF_cjs.cn("ck-pause-chips", classNames?.pauseSlider), children: Array.from({ length: max }, (_, i) => i + 1).map((m) => /* @__PURE__ */ jsxRuntime.jsxs(
+      max > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkER6YITYC_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: chunkH5IHOYUF_cjs.cn("ck-pause-chip", m === months && "ck-pause-chip--selected"),
+          className: chunkER6YITYC_cjs.cn("ck-pause-chip", m === months && "ck-pause-chip--selected"),
           "aria-pressed": m === months,
           children: [
             m,
             " ",
-            m === 1 ? "month" : "months"
+            m === 1 ? msg.common.month : msg.common.months
           ]
         },
         m
@@ -230,13 +242,13 @@ function DefaultPauseOffer({
       "button",
       {
         type: "button",
-        className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+        className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
         onClick: () => onAccept({ months }),
         disabled: isProcessing,
-        children: isProcessing ? "Processing..." : offer.copy.cta
+        children: isProcessing ? msg.common.processing : msg.offer.acceptCta.pause || offer.copy.cta
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: msg.offer.declineCta || offer.copy.declineCta })
   ] });
 }
 function Checkmark({ color = "currentColor", size = 14 }) {
@@ -250,8 +262,10 @@ function DefaultPlanChangeOffer({
   onAccept,
   onDecline,
   isProcessing,
-  classNames
+  classNames,
+  messages
 }) {
+  const msg = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const o = offer;
   const plans = o.plans ?? [];
   const currentPlanId = subscriptions[0]?.items[0]?.price.id;
@@ -260,11 +274,11 @@ function DefaultPlanChangeOffer({
   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: chunkH5IHOYUF_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-offer-card", classNames?.card), children: [
+  const ctaLabel = isProcessing ? msg.common.processing : selectedPlan?.name ? chunkER6YITYC_cjs.formatMessage(msg.offer.switchToCta, { planName: selectedPlan.name }) : msg.offer.acceptCta.plan_change || offer.copy.cta;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_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";
@@ -276,7 +290,7 @@ function DefaultPlanChangeOffer({
             type: "button",
             onClick: () => setSelectedPlanId(plan.id),
             disabled: isCurrent,
-            className: chunkH5IHOYUF_cjs.cn(
+            className: chunkER6YITYC_cjs.cn(
               "ck-plan-card",
               isSelected && "ck-plan-card--selected",
               isCurrent && "ck-plan-card--current"
@@ -285,11 +299,11 @@ function DefaultPlanChangeOffer({
             children: [
               /* @__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" })
+                isCurrent && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-plan-current-badge", children: msg.offer.currentPlanBadge })
               ] }),
               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: chunkWVSNF3TN_cjs.formatPriceFromMinor(plan.amount.value, currency) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ck-plan-amount", children: chunkM6Z3BHEH_cjs.formatPriceFromMinor(plan.amount.value, currency) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ck-plan-period", children: [
                   "/",
                   interval
@@ -309,13 +323,13 @@ function DefaultPlanChangeOffer({
         "button",
         {
           type: "button",
-          className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkER6YITYC_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: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: msg.offer.declineCta || offer.copy.declineCta })
     ] })
   ] });
 }
@@ -326,8 +340,10 @@ function DefaultRebateOffer({
   onAccept,
   onDecline,
   isProcessing,
-  classNames
+  classNames,
+  messages
 }) {
+  const msg = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const o = offer;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
@@ -335,61 +351,61 @@ function DefaultRebateOffer({
   const amount = o.amountMinor ?? 0;
   const refund = o.amountPaidMinor != null && o.netAfterRebateMinor != null ? o.amountPaidMinor - o.netAfterRebateMinor : amount;
   const taxRefunded = refund - amount;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-offer-card", classNames?.card), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_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: "You paid this period" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkWVSNF3TN_cjs.formatPriceFromMinor(o.amountPaidMinor, currency) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: msg.offer.rebate.paidLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkM6Z3BHEH_cjs.formatPriceFromMinor(o.amountPaidMinor, currency) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-rebate-row ck-offer-rebate-credit", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "Money back",
+            msg.offer.rebate.moneyBackLabel,
             taxRefunded > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ck-offer-rebate-tax", children: [
-              " (incl. ",
-              chunkWVSNF3TN_cjs.formatPriceFromMinor(taxRefunded, currency),
-              " tax)"
+              " ",
+              chunkER6YITYC_cjs.formatMessage(msg.offer.rebate.inclTax, { amount: chunkM6Z3BHEH_cjs.formatPriceFromMinor(taxRefunded, currency) })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
             "\u2212",
-            chunkWVSNF3TN_cjs.formatPriceFromMinor(refund, currency)
+            chunkM6Z3BHEH_cjs.formatPriceFromMinor(refund, currency)
           ] })
         ] }),
         o.netAfterRebateMinor != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-offer-rebate-row ck-offer-rebate-total", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Your net for this period" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkWVSNF3TN_cjs.formatPriceFromMinor(o.netAfterRebateMinor, currency) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: msg.offer.rebate.netLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: chunkM6Z3BHEH_cjs.formatPriceFromMinor(o.netAfterRebateMinor, currency) })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
-          className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => onAccept(),
           disabled: isProcessing,
-          children: isProcessing ? "Processing..." : offer.copy.cta
+          children: isProcessing ? msg.common.processing : msg.offer.acceptCta.rebate || offer.copy.cta
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: msg.offer.declineCta || offer.copy.declineCta })
     ] })
   ] });
 }
-function DefaultRedirectOffer({ title, description, offer, onDecline, classNames }) {
+function DefaultRedirectOffer({ title, description, offer, onDecline, classNames, messages }) {
+  const msg = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const url = offer.url;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-offer-card", classNames?.card), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_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("span", { children: msg.offer.acceptCta.redirect || offer.copy.cta }),
         /* @__PURE__ */ jsxRuntime.jsx(ExternalIcon, {})
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: msg.offer.declineCta || offer.copy.declineCta })
     ] })
   ] });
 }
@@ -422,28 +438,30 @@ function DefaultTrialExtensionOffer({
   onAccept,
   onDecline,
   isProcessing,
-  classNames
+  classNames,
+  messages
 }) {
+  const msg = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const o = offer;
   const headline = title ?? offer.copy.headline;
   const body = description ?? offer.copy.body;
   const end = /* @__PURE__ */ new Date();
   end.setDate(end.getDate() + o.days);
-  const newEnd = chunkWVSNF3TN_cjs.formatMonthDay(end);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
-    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: headline }),
-    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-offer-card", classNames?.card), children: [
+  const newEnd = chunkM6Z3BHEH_cjs.formatMonthDay(end);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-offer", classNames?.root), children: [
+    headline && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: headline }),
+    body && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: body, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_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: [
             "+",
             o.days
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-trial-unit", children: o.days === 1 ? "day" : "days" })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-trial-unit", children: o.days === 1 ? msg.common.day : msg.common.days })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-trial-end-label", children: "New end date" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-trial-end-label", children: msg.offer.newEndDateLabel }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-trial-end-date", children: newEnd })
         ] })
       ] }),
@@ -451,13 +469,13 @@ function DefaultTrialExtensionOffer({
         "button",
         {
           type: "button",
-          className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
+          className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.acceptButton),
           onClick: () => onAccept(),
           disabled: isProcessing,
-          children: isProcessing ? "Processing..." : offer.copy.cta
+          children: isProcessing ? msg.common.processing : msg.offer.acceptCta.trial_extension || offer.copy.cta
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: offer.copy.declineCta })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button-link", classNames?.declineButton), onClick: onDecline, children: msg.offer.declineCta || offer.copy.declineCta })
     ] })
   ] });
 }
@@ -493,12 +511,13 @@ function pickOfferComponent(type, components) {
       return null;
   }
 }
-function DefaultSuccess({ title, description, onClose, classNames }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-success", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH5IHOYUF_cjs.cn("ck-success-icon", classNames?.icon), children: /* @__PURE__ */ jsxRuntime.jsx(Checkmark, { color: "currentColor", size: 26 }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-success-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.closeButton), onClick: onClose, children: "Done" }) })
+function DefaultSuccess({ title, description, onClose, classNames, messages }) {
+  const m = messages ?? chunkER6YITYC_cjs.defaultMessages;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-success", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkER6YITYC_cjs.cn("ck-success-icon", classNames?.icon), children: /* @__PURE__ */ jsxRuntime.jsx(Checkmark, { color: "currentColor", size: 26 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-success-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.closeButton), onClick: onClose, children: m.common.done }) })
   ] });
 }
 function DefaultReasonButton({ reason, index, isSelected, onSelect }) {
@@ -510,7 +529,7 @@ function DefaultReasonButton({ reason, index, isSelected, onSelect }) {
       role: "radio",
       "aria-checked": isSelected,
       onClick: () => onSelect(reason.id),
-      className: chunkH5IHOYUF_cjs.cn("ck-reason-button", isSelected && "ck-reason-button--selected"),
+      className: chunkER6YITYC_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 })
@@ -528,15 +547,17 @@ function DefaultSurvey({
   onFollowupResponseChange,
   onNext,
   classNames,
-  components
+  components,
+  messages
 }) {
+  const m = messages ?? chunkER6YITYC_cjs.defaultMessages;
   const ReasonButton = components?.ReasonButton ?? DefaultReasonButton;
   const selected = reasons.find((r) => r.id === selectedReason);
   const showFollowup = selected?.freeform === true;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkH5IHOYUF_cjs.cn("ck-step ck-step-survey", classNames?.root), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkH5IHOYUF_cjs.cn("ck-step-title", classNames?.title), children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkH5IHOYUF_cjs.cn("ck-step-description", classNames?.description) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH5IHOYUF_cjs.cn("ck-reason-list", classNames?.reasonList), role: "radiogroup", "aria-label": title, children: reasons.map((reason, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkER6YITYC_cjs.cn("ck-step ck-step-survey", classNames?.root), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunkER6YITYC_cjs.cn("ck-step-title", classNames?.title), children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(RichText, { as: "div", html: description, className: chunkER6YITYC_cjs.cn("ck-step-description", classNames?.description) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkER6YITYC_cjs.cn("ck-reason-list", classNames?.reasonList), role: "radiogroup", "aria-label": title, children: reasons.map((reason, i) => /* @__PURE__ */ jsxRuntime.jsx(
       ReasonButton,
       {
         reason,
@@ -549,28 +570,28 @@ function DefaultSurvey({
     showFollowup && /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
-        className: chunkH5IHOYUF_cjs.cn("ck-reason-followup", classNames?.followupInput),
-        placeholder: "Tell us more (optional)",
+        className: chunkER6YITYC_cjs.cn("ck-reason-followup", classNames?.followupInput),
+        placeholder: m.survey.followupPlaceholder,
         rows: 3,
         value: followupResponse,
         onChange: (e) => onFollowupResponseChange(e.target.value),
-        "aria-label": "Additional detail"
+        "aria-label": m.survey.followupAriaLabel
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        className: chunkH5IHOYUF_cjs.cn("ck-button ck-button-primary", classNames?.continueButton),
+        className: chunkER6YITYC_cjs.cn("ck-button ck-button-primary", classNames?.continueButton),
         onClick: onNext,
         disabled: !selectedReason,
-        children: "Continue"
+        children: m.common.continue
       }
     )
   ] });
 }
-function DefaultBackButton({ onBack, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: chunkH5IHOYUF_cjs.cn("ck-back-button", className), onClick: onBack, children: [
+function DefaultBackButton({ onBack, className, label }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: chunkER6YITYC_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",
       {
@@ -581,11 +602,11 @@ function DefaultBackButton({ onBack, className }) {
         strokeLinejoin: "round"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Back" })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label ?? "Back" })
   ] });
 }
-function DefaultCloseButton({ onClose, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkH5IHOYUF_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 DefaultCloseButton({ onClose, className, label }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: chunkER6YITYC_cjs.cn("ck-close-button", className), onClick: onClose, "aria-label": 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 = [
@@ -645,7 +666,7 @@ function DefaultModal({ open, onClose, children, className, overlayClassName })
     "div",
     {
       ref: overlayRef,
-      className: chunkH5IHOYUF_cjs.cn("ck-overlay", overlayClassName),
+      className: chunkER6YITYC_cjs.cn("ck-overlay", overlayClassName),
       onClick: (e) => {
         if (e.target === overlayRef.current) onClose();
       },
@@ -657,7 +678,7 @@ function DefaultModal({ open, onClose, children, className, overlayClassName })
           "aria-modal": "true",
           "aria-labelledby": "ck-dialog-title",
           tabIndex: -1,
-          className: chunkH5IHOYUF_cjs.cn("ck-modal", className),
+          className: chunkER6YITYC_cjs.cn("ck-modal", className),
           children
         }
       )
@@ -683,7 +704,7 @@ function useColorScheme(preference) {
   return system;
 }
 function CancelFlow(props) {
-  const { machine, state, isLoading, loadError, retry } = chunkW47U2HRC_cjs.useCancelFlowMachine(props);
+  const { machine, state, isLoading, loadError, retry } = chunkFK4AJOX6_cjs.useCancelFlowMachine(props);
   if (isLoading || loadError) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       LoadStatus,
@@ -694,7 +715,8 @@ function CancelFlow(props) {
         onClose: props.onClose,
         isLoading,
         loadError,
-        onRetry: retry
+        onRetry: retry,
+        messages: machine.messages
       }
     );
   }
@@ -717,16 +739,17 @@ function LoadStatus({
   onClose,
   isLoading,
   loadError,
-  onRetry
+  onRetry,
+  messages
 }) {
   const scheme = useColorScheme(appearance?.colorScheme);
-  const appearanceStyle = chunkH5IHOYUF_cjs.appearanceToStyle(appearance);
+  const appearanceStyle = chunkER6YITYC_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, overlayClassName: classNames?.overlay, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClose: handleClose, className: classNames?.closeButton }),
+    /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClose: handleClose, className: classNames?.closeButton, label: messages.common.close }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-content", children: [
       isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-loading", style: { padding: "32px", textAlign: "center" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -744,10 +767,10 @@ function LoadStatus({
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--ck-color-text-secondary, #6b7280)" }, children: "Loading your options..." })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--ck-color-text-secondary, #6b7280)" }, children: messages.common.loading })
       ] }),
       loadError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-error", role: "alert", style: { padding: "32px", textAlign: "center" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ck-error-message", style: { marginBottom: 16 }, children: "We couldn't load your cancellation options. Please try again." }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ck-error-message", style: { marginBottom: 16 }, children: messages.common.loadError }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -764,7 +787,7 @@ function LoadStatus({
               borderRadius: "var(--ck-border-radius, 8px)",
               cursor: "pointer"
             },
-            children: "Try again"
+            children: messages.common.tryAgain
           }
         )
       ] })
@@ -773,15 +796,16 @@ function LoadStatus({
 }
 function FlowShell({ machine, state, appearance, classNames, components, customComponents }) {
   const scheme = useColorScheme(appearance?.colorScheme);
-  const appearanceStyle = chunkH5IHOYUF_cjs.appearanceToStyle(appearance);
+  const appearanceStyle = chunkER6YITYC_cjs.appearanceToStyle(appearance);
+  const messages = machine.messages;
   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, overlayClassName: classNames?.overlay, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClose: machine.close, className: classNames?.closeButton }),
+    /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClose: machine.close, className: classNames?.closeButton, label: messages.common.close }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ck-content", children: [
-      machine.canGoBack && /* @__PURE__ */ jsxRuntime.jsx(BackButton, { onBack: machine.back, className: classNames?.backButton }),
-      state.error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-error", role: "alert", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ck-error-message", children: "Something went wrong. Please try again." }) }),
+      machine.canGoBack && /* @__PURE__ */ jsxRuntime.jsx(BackButton, { onBack: machine.back, className: classNames?.backButton, label: messages.common.back }),
+      state.error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ck-error", role: "alert", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ck-error-message", children: messages.common.error }) }),
       /* @__PURE__ */ jsxRuntime.jsx(StepRenderer, { state, machine, components, customComponents })
     ] })
   ] }) });
@@ -793,6 +817,7 @@ function StepRenderer({
   customComponents
 }) {
   const stepConfig = machine.currentStep;
+  const messages = machine.messages;
   switch (state.step) {
     case "survey": {
       const Survey = components?.Survey ?? DefaultSurvey;
@@ -800,7 +825,7 @@ function StepRenderer({
       return /* @__PURE__ */ jsxRuntime.jsx(
         Survey,
         {
-          title: config?.title ?? chunkH5IHOYUF_cjs.defaultTitles.survey,
+          title: config?.title ?? messages.survey.title,
           description: config?.description,
           customer: state.customer,
           subscriptions: state.subscriptions,
@@ -811,7 +836,8 @@ function StepRenderer({
           onFollowupResponseChange: machine.setFollowupResponse,
           onNext: machine.next,
           classNames: config?.classNames,
-          components
+          components,
+          messages
         }
       );
     }
@@ -832,7 +858,7 @@ function StepRenderer({
           }
         );
       }
-      if (!chunkH5IHOYUF_cjs.BUILT_IN_OFFER_TYPES.includes(offer.type)) {
+      if (!chunkER6YITYC_cjs.BUILT_IN_OFFER_TYPES.includes(offer.type)) {
         return /* @__PURE__ */ jsxRuntime.jsx(UnregisteredOfferFallback, { offerType: offer.type, onSkip: machine.decline });
       }
       const Offer = components?.Offer ?? DefaultOffer;
@@ -849,7 +875,8 @@ function StepRenderer({
           onDecline: machine.decline,
           isProcessing: state.isProcessing,
           classNames: config?.classNames,
-          components
+          components,
+          messages
         }
       );
     }
@@ -859,7 +886,7 @@ function StepRenderer({
       return /* @__PURE__ */ jsxRuntime.jsx(
         Feedback,
         {
-          title: config?.title ?? chunkH5IHOYUF_cjs.defaultTitles.feedback,
+          title: config?.title ?? messages.feedback.title,
           description: config?.description,
           customer: state.customer,
           subscriptions: state.subscriptions,
@@ -869,7 +896,8 @@ function StepRenderer({
           value: state.feedback,
           onChange: machine.setFeedback,
           onSubmit: machine.next,
-          classNames: config?.classNames
+          classNames: config?.classNames,
+          messages
         }
       );
     }
@@ -879,18 +907,20 @@ function StepRenderer({
       return /* @__PURE__ */ jsxRuntime.jsx(
         Confirm,
         {
-          title: config?.title ?? chunkH5IHOYUF_cjs.defaultTitles.confirm,
+          title: config?.title ?? messages.confirm.title,
           description: config?.description,
           customer: state.customer,
           subscriptions: state.subscriptions,
           losses: config?.losses,
           lossesLabel: config?.lossesLabel,
-          confirmLabel: config?.confirmLabel ?? "Cancel subscription",
-          goBackLabel: config?.goBackLabel ?? "Go back",
+          confirmLabel: config?.confirmLabel ?? chunkER6YITYC_cjs.selectTiming(messages.confirm.cta, state.cancelAtPeriodEnd),
+          goBackLabel: config?.goBackLabel ?? messages.confirm.goBack,
+          periodEndNotice: resolvePeriodEndNotice(state, messages),
           onConfirm: machine.cancel,
           onGoBack: machine.back,
           isProcessing: state.isProcessing,
-          classNames: config?.classNames
+          classNames: config?.classNames,
+          messages
         }
       );
     }
@@ -898,17 +928,20 @@ function StepRenderer({
       const Success = components?.Success ?? DefaultSuccess;
       const config = stepConfig;
       const isSaved = state.outcome === "saved";
+      const perOffer = isSaved ? savedOfferCopy(messages, state.acceptedOffer) : void 0;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Success,
         {
           outcome: state.outcome ?? "cancelled",
           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.",
+          acceptedOffer: state.acceptedOffer ?? void 0,
+          title: isSaved ? config?.savedTitle ?? perOffer?.title ?? messages.success.saved.title : config?.cancelledTitle ?? chunkER6YITYC_cjs.selectTiming(messages.success.cancelled.title, state.cancelAtPeriodEnd),
+          description: isSaved ? config?.savedDescription ?? pauseResumeDescription(messages, state.acceptedOffer) ?? perOffer?.description ?? messages.success.saved.description : config?.cancelledDescription ?? chunkER6YITYC_cjs.selectTiming(messages.success.cancelled.description, state.cancelAtPeriodEnd),
           customer: state.customer,
           subscriptions: state.subscriptions,
           onClose: machine.close,
-          classNames: config?.classNames
+          classNames: config?.classNames,
+          messages
         }
       );
     }
@@ -936,6 +969,32 @@ function StepRenderer({
     }
   }
 }
+var SAVED_OFFER_COPY_TYPES = ["discount", "pause", "trial_extension", "plan_change", "rebate"];
+function savedOfferCopy(messages, offer) {
+  if (!offer) return void 0;
+  if (!SAVED_OFFER_COPY_TYPES.includes(offer.type)) return void 0;
+  return messages.success.saved[offer.type];
+}
+function pauseResumeDescription(messages, offer) {
+  if (offer?.type !== "pause") return void 0;
+  const months = offer.result?.months;
+  if (typeof months !== "number" || months < 1) return void 0;
+  const resume = /* @__PURE__ */ new Date();
+  if (offer.interval === "week") {
+    resume.setDate(resume.getDate() + months * 7);
+  } else {
+    resume.setMonth(resume.getMonth() + months);
+  }
+  return chunkER6YITYC_cjs.formatMessage(messages.success.saved.pause.resumeDescription, { resumeDate: chunkM6Z3BHEH_cjs.formatShortDate(resume) });
+}
+function resolvePeriodEndNotice(state, messages) {
+  if (state.cancelAtPeriodEnd !== true) return void 0;
+  const template = chunkER6YITYC_cjs.selectTiming(messages.confirm.periodEndNotice, state.cancelAtPeriodEnd);
+  if (!template) return void 0;
+  const periodEnd = chunkM6Z3BHEH_cjs.formatPeriodEnd(state.subscriptions);
+  if (!periodEnd) return void 0;
+  return chunkER6YITYC_cjs.formatMessage(template, { periodEnd });
+}
 function UnregisteredStepFallback({ step, onSkip }) {
   react.useEffect(() => {
     console.warn(`[churnkey] No component registered for step type "${step}". Skipping.`);
@@ -953,55 +1012,71 @@ function UnregisteredOfferFallback({ offerType, onSkip }) {
 
 Object.defineProperty(exports, "useCancelFlow", {
   enumerable: true,
-  get: function () { return chunkW47U2HRC_cjs.useCancelFlow; }
+  get: function () { return chunkFK4AJOX6_cjs.useCancelFlow; }
 });
 Object.defineProperty(exports, "calculateDiscountedPrice", {
   enumerable: true,
-  get: function () { return chunkWVSNF3TN_cjs.calculateDiscountedPrice; }
+  get: function () { return chunkM6Z3BHEH_cjs.calculateDiscountedPrice; }
 });
 Object.defineProperty(exports, "formatPeriodEnd", {
   enumerable: true,
-  get: function () { return chunkWVSNF3TN_cjs.formatPeriodEnd; }
+  get: function () { return chunkM6Z3BHEH_cjs.formatPeriodEnd; }
 });
 Object.defineProperty(exports, "formatPrice", {
   enumerable: true,
-  get: function () { return chunkWVSNF3TN_cjs.formatPrice; }
+  get: function () { return chunkM6Z3BHEH_cjs.formatPrice; }
 });
 Object.defineProperty(exports, "AnalyticsClient", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.AnalyticsClient; }
+  get: function () { return chunkER6YITYC_cjs.AnalyticsClient; }
 });
 Object.defineProperty(exports, "BUILT_IN_OFFER_TYPES", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.BUILT_IN_OFFER_TYPES; }
+  get: function () { return chunkER6YITYC_cjs.BUILT_IN_OFFER_TYPES; }
 });
 Object.defineProperty(exports, "BUILT_IN_STEP_TYPES", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.BUILT_IN_STEP_TYPES; }
+  get: function () { return chunkER6YITYC_cjs.BUILT_IN_STEP_TYPES; }
 });
 Object.defineProperty(exports, "CancelFlowMachine", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.CancelFlowMachine; }
+  get: function () { return chunkER6YITYC_cjs.CancelFlowMachine; }
 });
 Object.defineProperty(exports, "ChurnkeyApi", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.ChurnkeyApi; }
+  get: function () { return chunkER6YITYC_cjs.ChurnkeyApi; }
 });
 Object.defineProperty(exports, "appearanceToStyle", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.appearanceToStyle; }
+  get: function () { return chunkER6YITYC_cjs.appearanceToStyle; }
+});
+Object.defineProperty(exports, "buildMessages", {
+  enumerable: true,
+  get: function () { return chunkER6YITYC_cjs.buildMessages; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.cn; }
+  get: function () { return chunkER6YITYC_cjs.cn; }
 });
 Object.defineProperty(exports, "decodeSessionToken", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.decodeSessionToken; }
+  get: function () { return chunkER6YITYC_cjs.decodeSessionToken; }
+});
+Object.defineProperty(exports, "defaultMessages", {
+  enumerable: true,
+  get: function () { return chunkER6YITYC_cjs.defaultMessages; }
 });
 Object.defineProperty(exports, "defaultTitles", {
   enumerable: true,
-  get: function () { return chunkH5IHOYUF_cjs.defaultTitles; }
+  get: function () { return chunkER6YITYC_cjs.defaultTitles; }
+});
+Object.defineProperty(exports, "formatMessage", {
+  enumerable: true,
+  get: function () { return chunkER6YITYC_cjs.formatMessage; }
+});
+Object.defineProperty(exports, "selectTiming", {
+  enumerable: true,
+  get: function () { return chunkER6YITYC_cjs.selectTiming; }
 });
 exports.CancelFlow = CancelFlow;
 exports.DefaultBackButton = DefaultBackButton;