Clarify the rebate invoice copy (0.4.1)

packages/react/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/). Expect breaking changes in minor versions while we're pre-1.0.
 
+## 0.4.1 — 2026-05-30
+
+### Changed
+
+- Clearer rebate invoice copy in `DefaultRebateOffer`. The lines now read "You paid this period" / "Cancellation rebate" / "Your net for this period" — the period charge is already paid, so the previous "Due for this period" wording was misleading.
+
 ## 0.4.0 — 2026-05-29
 
 ### Added

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churnkey/react",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Production-ready cancel flow for React. Drop-in component, headless hook, or full customization. Works standalone or with Churnkey for AI-powered retention.",
   "license": "MIT",
   "repository": {

packages/react/src/components/steps/offer/default-rebate-offer.tsx

@@ -31,13 +31,14 @@ export function DefaultRebateOffer({
       {body && <RichText html={body} className={cn('ck-step-description', classNames?.description)} />}
 
       <div className={cn('ck-offer-card', classNames?.card)}>
-        {/* Itemized like an invoice: the period charge, the rebate we credit
-            (the accented line), and what's still due. Paid and net are
-            server-resolved in token mode, so each renders only when present. */}
+        {/* Itemized like an invoice: what they already paid this period, the
+            rebate we credit (the accented line), and the net after the refund.
+            Paid and net are server-resolved in token mode, so each renders
+            only when present. */}
         <div className="ck-offer-rebate">
           {o.amountPaidMinor != null && (
             <div className="ck-offer-rebate-row">
-              <span>Subscription · this period</span>
+              <span>You paid this period</span>
               <span>{formatPriceFromMinor(o.amountPaidMinor, currency)}</span>
             </div>
           )}
@@ -47,7 +48,7 @@ export function DefaultRebateOffer({
           </div>
           {o.netAfterRebateMinor != null && (
             <div className="ck-offer-rebate-row ck-offer-rebate-total">
-              <span>Due for this period</span>
+              <span>Your net for this period</span>
               <span>{formatPriceFromMinor(o.netAfterRebateMinor, currency)}</span>
             </div>
           )}