@churnkey/react 0.2.0 → 0.4.0

package/dist/{chunk-YSNMTOAW.cjs → chunk-4BMB42WI.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZEYUKGAR_cjs = require('./chunk-ZEYUKGAR.cjs');
+var chunkSNTKIKHU_cjs = require('./chunk-SNTKIKHU.cjs');
 var react = require('react');
 
 function useCancelFlowMachine(config) {
@@ -23,7 +23,7 @@ function useCancelFlowMachine(config) {
       onClose: () => cb.current.onClose?.(),
       onStepChange: (step, prevStep) => cb.current.onStepChange?.(step, prevStep)
     };
-    return new chunkZEYUKGAR_cjs.CancelFlowMachine({ ...config, ...dispatch });
+    return new chunkSNTKIKHU_cjs.CancelFlowMachine({ ...config, ...dispatch });
   });
   const [state, setState] = react.useState(() => machine.getSnapshot());
   const [isLoading, setIsLoading] = react.useState(!!config.session);
@@ -37,8 +37,8 @@ function useCancelFlowMachine(config) {
     setLoadError(null);
     setIsLoading(true);
     let cancelled = false;
-    const creds = chunkZEYUKGAR_cjs.decodeSessionToken(config.session);
-    const api = new chunkZEYUKGAR_cjs.ChurnkeyApi(creds, config.apiBaseUrl);
+    const creds = chunkSNTKIKHU_cjs.decodeSessionToken(config.session);
+    const api = new chunkSNTKIKHU_cjs.ChurnkeyApi(creds, config.apiBaseUrl);
     api.fetchConfig().then((sdkConfig) => {
       if (cancelled) return;
       machine.initializeFromConfig(sdkConfig, api, creds);
@@ -61,17 +61,19 @@ function useCancelFlowMachine(config) {
 
 // src/headless/use-cancel-flow.ts
 function useCancelFlow(config) {
-  const { machine, state, isLoading, loadError } = useCancelFlowMachine(config);
+  const { machine, state, isLoading, loadError, retry } = useCancelFlowMachine(config);
   return {
     ...state,
     isLoading,
     loadError,
+    retry,
     reasons: machine.reasons,
     currentStep: machine.currentStep,
     currentOffer: machine.currentOffer,
     stepIndex: machine.stepIndex,
     totalSteps: machine.totalSteps,
     selectReason: machine.selectReason,
+    setFollowupResponse: machine.setFollowupResponse,
     setFeedback: machine.setFeedback,
     accept: machine.accept,
     decline: machine.decline,
@@ -84,5 +86,5 @@ function useCancelFlow(config) {
 
 exports.useCancelFlow = useCancelFlow;
 exports.useCancelFlowMachine = useCancelFlowMachine;
-//# sourceMappingURL=chunk-YSNMTOAW.cjs.map
-//# sourceMappingURL=chunk-YSNMTOAW.cjs.map
+//# sourceMappingURL=chunk-4BMB42WI.cjs.map
+//# sourceMappingURL=chunk-4BMB42WI.cjs.map

package/dist/chunk-4BMB42WI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/headless/use-cancel-flow-machine.ts","../src/headless/use-cancel-flow.ts"],"names":["useRef","useState","CancelFlowMachine","useEffect","useCallback","decodeSessionToken","ChurnkeyApi"],"mappings":"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","file":"chunk-4BMB42WI.cjs","sourcesContent":["// Internal — shared by `useCancelFlow` (headless) and the `CancelFlow`\n// component. Lives under headless/ since it's the headless layer of the\n// SDK; the component imports it because there's no separate public/private\n// split worth maintaining for one shared file.\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { ChurnkeyApi } from '../core/api'\nimport { CancelFlowMachine } from '../core/machine'\nimport { decodeSessionToken } from '../core/token'\nimport type { FlowCallbacks, FlowConfig, FlowState } from '../core/types'\n\nexport interface CancelFlowMachineHandle {\n  machine: CancelFlowMachine\n  state: FlowState\n  isLoading: boolean\n  loadError: Error | null\n  /** Re-fetch the flow config (token mode only). No-op without a session. */\n  retry: () => void\n}\n\n/**\n * Wires a CancelFlowMachine to React lifecycle. Used internally by both the\n * `CancelFlow` component and the `useCancelFlow` hook — not part of the\n * public API.\n *\n * Callbacks reach the machine via thunks that dereference a ref updated each\n * render. This buys two things: the consumer's latest closure always runs,\n * and the fetch effect's dep list stays stable so inline-arrow handlers\n * don't trigger a re-fetch and reset the flow to step 1.\n */\nexport function useCancelFlowMachine(config: FlowConfig): CancelFlowMachineHandle {\n  // FlowConfig extends FlowCallbacks, so storing the whole config gives us\n  // access to every callback by name without a separate copy.\n  const callbacksRef = useRef(config)\n  callbacksRef.current = config\n\n  const [machine] = useState(() => {\n    const cb = callbacksRef\n    const dispatch: FlowCallbacks = {\n      handleDiscount: (o, c) => cb.current.handleDiscount?.(o, c),\n      handlePause: (o, c) => cb.current.handlePause?.(o, c),\n      handlePlanChange: (o, c) => cb.current.handlePlanChange?.(o, c),\n      handleTrialExtension: (o, c) => cb.current.handleTrialExtension?.(o, c),\n      handleCancel: (c) => cb.current.handleCancel?.(c),\n      onAccept: (o, c) => cb.current.onAccept?.(o, c),\n      onDiscount: (o, c) => cb.current.onDiscount?.(o, c),\n      onPause: (o, c) => cb.current.onPause?.(o, c),\n      onPlanChange: (o, c) => cb.current.onPlanChange?.(o, c),\n      onTrialExtension: (o, c) => cb.current.onTrialExtension?.(o, c),\n      onCancel: (c) => cb.current.onCancel?.(c),\n      onClose: () => cb.current.onClose?.(),\n      onStepChange: (step, prevStep) => cb.current.onStepChange?.(step, prevStep),\n    }\n    return new CancelFlowMachine({ ...config, ...dispatch })\n  })\n\n  const [state, setState] = useState<FlowState>(() => machine.getSnapshot())\n  const [isLoading, setIsLoading] = useState(!!config.session)\n  const [loadError, setLoadError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    setState(machine.getSnapshot())\n    return machine.subscribe(() => setState(machine.getSnapshot()))\n  }, [machine])\n\n  const loadConfig = useCallback(() => {\n    if (!config.session) return\n    setLoadError(null)\n    setIsLoading(true)\n    let cancelled = false\n    const creds = decodeSessionToken(config.session)\n    const api = new ChurnkeyApi(creds, config.apiBaseUrl)\n    api\n      .fetchConfig()\n      .then((sdkConfig) => {\n        if (cancelled) return\n        machine.initializeFromConfig(sdkConfig, api, creds)\n        setIsLoading(false)\n      })\n      .catch((err) => {\n        if (cancelled) return\n        setLoadError(err instanceof Error ? err : new Error(String(err)))\n        setIsLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [config.session, config.apiBaseUrl, machine])\n\n  useEffect(() => {\n    if (!config.session) return\n    return loadConfig()\n  }, [config.session, loadConfig])\n\n  return { machine, state, isLoading, loadError, retry: loadConfig }\n}\n","import type { FlowConfig } from '../core/types'\nimport { useCancelFlowMachine } from './use-cancel-flow-machine'\n\nexport function useCancelFlow(config: FlowConfig) {\n  const { machine, state, isLoading, loadError, retry } = useCancelFlowMachine(config)\n\n  return {\n    ...state,\n    isLoading,\n    loadError,\n    retry,\n    reasons: machine.reasons,\n    currentStep: machine.currentStep,\n    currentOffer: machine.currentOffer,\n    stepIndex: machine.stepIndex,\n    totalSteps: machine.totalSteps,\n    selectReason: machine.selectReason,\n    setFollowupResponse: machine.setFollowupResponse,\n    setFeedback: machine.setFeedback,\n    accept: machine.accept,\n    decline: machine.decline,\n    cancel: machine.cancel,\n    next: machine.next,\n    back: machine.back,\n    close: machine.close,\n  }\n}\n"]}

package/dist/{chunk-EHZJAQQ5.cjs → chunk-BDBZ5OS3.cjs}

@@ -58,6 +58,14 @@ function formatMonthDay(date, locale) {
 function formatMonthDayLong(date, locale) {
   return date.toLocaleDateString(locale, { month: "long", day: "numeric" });
 }
+function formatPeriodEnd(subscriptions, locale) {
+  const status = subscriptions?.[0]?.status;
+  if (!status || !("currentPeriod" in status) || !status.currentPeriod?.end) return null;
+  const end = status.currentPeriod.end;
+  const d = end instanceof Date ? end : new Date(end);
+  if (Number.isNaN(d.getTime())) return null;
+  return d.toLocaleDateString(locale, { month: "long", day: "numeric", year: "numeric" });
+}
 function discountPhrase(opts) {
   const { percentOff, amountOff, currency, duration, durationInMonths } = opts;
   const amount = percentOff != null ? `${percentOff}% off` : amountOff != null ? `${formatPriceFromMinor(amountOff, currency)} off` : "discount";
@@ -67,6 +75,15 @@ function discountPhrase(opts) {
 
 // src/core/utils.ts
 var BUILT_IN_STEP_TYPES = ["survey", "offer", "feedback", "confirm", "success"];
+var BUILT_IN_OFFER_TYPES = [
+  "discount",
+  "pause",
+  "trial_extension",
+  "plan_change",
+  "contact",
+  "redirect",
+  "rebate"
+];
 function cn(...classes) {
   return classes.filter(Boolean).join(" ");
 }
@@ -127,6 +144,7 @@ var defaultTitles = {
   confirm: "Confirm cancellation"
 };
 
+exports.BUILT_IN_OFFER_TYPES = BUILT_IN_OFFER_TYPES;
 exports.BUILT_IN_STEP_TYPES = BUILT_IN_STEP_TYPES;
 exports.appearanceToStyle = appearanceToStyle;
 exports.calculateDiscountedPrice = calculateDiscountedPrice;
@@ -135,7 +153,8 @@ exports.defaultTitles = defaultTitles;
 exports.discountPhrase = discountPhrase;
 exports.formatMonthDay = formatMonthDay;
 exports.formatMonthDayLong = formatMonthDayLong;
+exports.formatPeriodEnd = formatPeriodEnd;
 exports.formatPrice = formatPrice;
 exports.formatPriceFromMinor = formatPriceFromMinor;
-//# sourceMappingURL=chunk-EHZJAQQ5.cjs.map
-//# sourceMappingURL=chunk-EHZJAQQ5.cjs.map
+//# sourceMappingURL=chunk-BDBZ5OS3.cjs.map
+//# sourceMappingURL=chunk-BDBZ5OS3.cjs.map

package/dist/chunk-BDBZ5OS3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/format.ts","../src/core/utils.ts"],"names":[],"mappings":"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","file":"chunk-BDBZ5OS3.cjs","sourcesContent":["import type { DirectSubscription } from './types'\n\n// Currencies whose smallest unit equals one major unit (no fractional part).\n// Stripe and most billing providers store these without an implicit /100.\nconst ZERO_DECIMAL_CURRENCIES: ReadonlySet<string> = new Set([\n  'BIF',\n  'CLP',\n  'DJF',\n  'GNF',\n  'JPY',\n  'KMF',\n  'KRW',\n  'MGA',\n  'PYG',\n  'RWF',\n  'UGX',\n  'VND',\n  'VUV',\n  'XAF',\n  'XOF',\n  'XPF',\n])\n\n// Middle-Eastern currencies that use three fractional digits (1000 divisor).\n// Without this bucket, JOD/KWD amounts would be off by 10x in display.\nconst THREE_DECIMAL_CURRENCIES: ReadonlySet<string> = new Set(['BHD', 'IQD', 'JOD', 'KWD', 'LYD', 'OMR', 'TND'])\n\nexport function isZeroDecimalCurrency(currency: string): boolean {\n  return ZERO_DECIMAL_CURRENCIES.has(currency.toUpperCase())\n}\n\nexport function isThreeDecimalCurrency(currency: string): boolean {\n  return THREE_DECIMAL_CURRENCIES.has(currency.toUpperCase())\n}\n\n/**\n * Smallest-unit divisor for a currency. 1 for zero-decimal (JPY), 1000 for\n * three-decimal (KWD), 100 for everything else. Used to convert provider\n * amounts (which are always in the smallest unit) into the major unit for\n * display.\n */\nexport function getCurrencyDivisor(currency = 'USD'): number {\n  if (isZeroDecimalCurrency(currency)) return 1\n  if (isThreeDecimalCurrency(currency)) return 1000\n  return 100\n}\n\n/**\n * Converts a Direct.Price.amount.value (smallest currency unit) into the\n * major unit used for display.\n */\nexport function convertFromMinorUnits(value: number, currency = 'USD'): number {\n  return value / getCurrencyDivisor(currency)\n}\n\n/**\n * Format an amount already in the major unit. Uses `narrowSymbol` so output\n * reads \"$29\" rather than \"US$29\", and trims trailing zero fractions so\n * whole amounts render compactly.\n */\nexport function formatPrice(amount: number, currency = 'USD', locale?: string): string {\n  try {\n    const formatted = new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n      currencyDisplay: 'narrowSymbol',\n    }).format(amount)\n    return formatted.replace(/[.,]00$/, '')\n  } catch {\n    return `${currency} ${amount.toFixed(2)}`\n  }\n}\n\n/** Convenience: format a Direct-shape minor-unit amount in one call. */\nexport function formatPriceFromMinor(value: number, currency = 'USD', locale?: string): string {\n  return formatPrice(convertFromMinorUnits(value, currency), currency, locale)\n}\n\nexport function calculateDiscountedPrice(originalPrice: number, percentOff: number): number {\n  return originalPrice * (1 - percentOff / 100)\n}\n\n// ─── Dates ────────────────────────────────────────────────────────────────\n\n/** \"Apr 30, 2026\" — used for resume dates and other full-date contexts. */\nexport function formatShortDate(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, { month: 'short', day: 'numeric', year: 'numeric' })\n}\n\n/** \"Apr 30\" — used when the year is implied by context. */\nexport function formatMonthDay(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, { month: 'short', day: 'numeric' })\n}\n\n/** \"April 30\" — long month form for prominent date displays. */\nexport function formatMonthDayLong(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, { month: 'long', day: 'numeric' })\n}\n\n/**\n * Long-form access period end (\"June 14, 2026\") for the first subscription's\n * current period. Returns null for canceled subscriptions, missing periods,\n * and unparseable dates so Confirm can drop the \"access continues until\"\n * notice cleanly instead of rendering \"Invalid Date\".\n */\nexport function formatPeriodEnd(\n  subscriptions: DirectSubscription[] | null | undefined,\n  locale?: string,\n): string | null {\n  const status = subscriptions?.[0]?.status\n  if (!status || !('currentPeriod' in status) || !status.currentPeriod?.end) return null\n  const end = status.currentPeriod.end\n  const d = end instanceof Date ? end : new Date(end)\n  if (Number.isNaN(d.getTime())) return null\n  return d.toLocaleDateString(locale, { month: 'long', day: 'numeric', year: 'numeric' })\n}\n\n// ─── Discount phrasing ─────────────────────────────────────────────────────\n\n/**\n * Renders the discount as a single human-readable sentence:\n *   \"25% off for 3 months\" / \"$5 off your next renewal\" / \"20% off for life\"\n *\n * Mirrors the embed's couponToString helper so SDK and embed use the same\n * phrasing for the same offer shape.\n */\nexport function discountPhrase(opts: {\n  percentOff?: number\n  /** Smallest currency unit (cents for USD). */\n  amountOff?: number\n  currency?: string\n  duration?: 'once' | 'repeating' | 'forever'\n  durationInMonths?: number\n}): string {\n  const { percentOff, amountOff, currency, duration, durationInMonths } = opts\n  const amount =\n    percentOff != null\n      ? `${percentOff}% off`\n      : amountOff != null\n        ? `${formatPriceFromMinor(amountOff, currency)} off`\n        : 'discount'\n  const tail =\n    duration === 'once'\n      ? 'your next renewal'\n      : duration === 'forever'\n        ? 'for life'\n        : durationInMonths\n          ? `for ${durationInMonths} ${durationInMonths === 1 ? 'month' : 'months'}`\n          : ''\n  return tail ? `${amount} ${tail}` : amount\n}\n","import type { CSSProperties } from 'react'\nimport type { Appearance, AppearanceVariables } from './types'\n\nexport const BUILT_IN_STEP_TYPES: readonly string[] = ['survey', 'offer', 'feedback', 'confirm', 'success']\nexport const BUILT_IN_OFFER_TYPES: readonly string[] = [\n  'discount',\n  'pause',\n  'trial_extension',\n  'plan_change',\n  'contact',\n  'redirect',\n  'rebate',\n]\n\nexport function cn(...classes: (string | undefined | null | false)[]): string {\n  return classes.filter(Boolean).join(' ')\n}\n\n// Maps the typed `appearance.variables` field names to the underlying\n// CSS custom properties. Light/dark variants live in CSS — these\n// overrides apply on top of whichever scheme is active.\nconst VAR_MAP: Record<string, keyof AppearanceVariables> = {\n  // Surfaces\n  '--ck-color-bg': 'colorBackground',\n  '--ck-color-surface': 'colorSurface',\n  '--ck-color-surface-muted': 'colorSurfaceMuted',\n\n  // Borders\n  '--ck-color-border': 'colorBorder',\n  '--ck-color-border-strong': 'colorBorderStrong',\n\n  // Text\n  '--ck-color-text': 'colorText',\n  '--ck-color-text-secondary': 'colorTextSecondary',\n  '--ck-color-text-muted': 'colorTextMuted',\n\n  // Primary\n  '--ck-color-primary': 'colorPrimary',\n  '--ck-color-primary-hover': 'colorPrimaryHover',\n  '--ck-color-primary-soft': 'colorPrimarySoft',\n\n  // Semantic\n  '--ck-color-success': 'colorSuccess',\n  '--ck-color-success-soft': 'colorSuccessSoft',\n  '--ck-color-danger': 'colorDanger',\n  '--ck-color-danger-hover': 'colorDangerHover',\n  '--ck-color-danger-soft': 'colorDangerSoft',\n\n  // Typography\n  '--ck-font-family': 'fontFamily',\n  '--ck-font-mono': 'fontFamilyMono',\n  '--ck-font-display': 'fontFamilyDisplay',\n  '--ck-font-size': 'fontSize',\n  '--ck-step-title-weight': 'fontWeightDisplay',\n  '--ck-step-title-letter-spacing': 'letterSpacingDisplay',\n\n  // Geometry\n  '--ck-border-radius': 'borderRadius',\n  '--ck-radius-sm': 'radiusSm',\n  '--ck-radius-md': 'radiusMd',\n  '--ck-radius-lg': 'radiusLg',\n  '--ck-radius-xl': 'radiusXl',\n\n  // Elevation\n  '--ck-shadow-modal': 'shadowModal',\n  '--ck-shadow-card': 'shadowCard',\n\n  // Overlay\n  '--ck-overlay-color': 'overlayColor',\n}\n\nexport function appearanceToStyle(appearance?: Appearance): CSSProperties | undefined {\n  const variables = appearance?.variables\n  if (!variables) return undefined\n\n  const style: Record<string, string> = {}\n  for (const [cssProp, varKey] of Object.entries(VAR_MAP)) {\n    const value = variables[varKey]\n    if (value) style[cssProp] = value\n  }\n\n  return Object.keys(style).length > 0 ? (style as CSSProperties) : undefined\n}\n\n// Step-level fallback titles when neither token-mode config nor local\n// step config provide one. Offer and Success are absent — Offer falls back\n// to `offer.copy.headline`, Success branches on outcome.\nexport const defaultTitles = {\n  survey: 'Why are you cancelling?',\n  feedback: 'Any other feedback?',\n  confirm: 'Confirm cancellation',\n} as const\n"]}

package/dist/{chunk-CPCWJTSG.js → chunk-F4ESJBOS.js}

@@ -1,4 +1,4 @@
-import { CancelFlowMachine, decodeSessionToken, ChurnkeyApi } from './chunk-OL5HQUE4.js';
+import { CancelFlowMachine, decodeSessionToken, ChurnkeyApi } from './chunk-QYNW3HF3.js';
 import { useRef, useState, useEffect, useCallback } from 'react';
 
 function useCancelFlowMachine(config) {
@@ -59,17 +59,19 @@ function useCancelFlowMachine(config) {
 
 // src/headless/use-cancel-flow.ts
 function useCancelFlow(config) {
-  const { machine, state, isLoading, loadError } = useCancelFlowMachine(config);
+  const { machine, state, isLoading, loadError, retry } = useCancelFlowMachine(config);
   return {
     ...state,
     isLoading,
     loadError,
+    retry,
     reasons: machine.reasons,
     currentStep: machine.currentStep,
     currentOffer: machine.currentOffer,
     stepIndex: machine.stepIndex,
     totalSteps: machine.totalSteps,
     selectReason: machine.selectReason,
+    setFollowupResponse: machine.setFollowupResponse,
     setFeedback: machine.setFeedback,
     accept: machine.accept,
     decline: machine.decline,
@@ -81,5 +83,5 @@ function useCancelFlow(config) {
 }
 
 export { useCancelFlow, useCancelFlowMachine };
-//# sourceMappingURL=chunk-CPCWJTSG.js.map
-//# sourceMappingURL=chunk-CPCWJTSG.js.map
+//# sourceMappingURL=chunk-F4ESJBOS.js.map
+//# sourceMappingURL=chunk-F4ESJBOS.js.map

package/dist/chunk-F4ESJBOS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/headless/use-cancel-flow-machine.ts","../src/headless/use-cancel-flow.ts"],"names":[],"mappings":"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","file":"chunk-F4ESJBOS.js","sourcesContent":["// Internal — shared by `useCancelFlow` (headless) and the `CancelFlow`\n// component. Lives under headless/ since it's the headless layer of the\n// SDK; the component imports it because there's no separate public/private\n// split worth maintaining for one shared file.\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { ChurnkeyApi } from '../core/api'\nimport { CancelFlowMachine } from '../core/machine'\nimport { decodeSessionToken } from '../core/token'\nimport type { FlowCallbacks, FlowConfig, FlowState } from '../core/types'\n\nexport interface CancelFlowMachineHandle {\n  machine: CancelFlowMachine\n  state: FlowState\n  isLoading: boolean\n  loadError: Error | null\n  /** Re-fetch the flow config (token mode only). No-op without a session. */\n  retry: () => void\n}\n\n/**\n * Wires a CancelFlowMachine to React lifecycle. Used internally by both the\n * `CancelFlow` component and the `useCancelFlow` hook — not part of the\n * public API.\n *\n * Callbacks reach the machine via thunks that dereference a ref updated each\n * render. This buys two things: the consumer's latest closure always runs,\n * and the fetch effect's dep list stays stable so inline-arrow handlers\n * don't trigger a re-fetch and reset the flow to step 1.\n */\nexport function useCancelFlowMachine(config: FlowConfig): CancelFlowMachineHandle {\n  // FlowConfig extends FlowCallbacks, so storing the whole config gives us\n  // access to every callback by name without a separate copy.\n  const callbacksRef = useRef(config)\n  callbacksRef.current = config\n\n  const [machine] = useState(() => {\n    const cb = callbacksRef\n    const dispatch: FlowCallbacks = {\n      handleDiscount: (o, c) => cb.current.handleDiscount?.(o, c),\n      handlePause: (o, c) => cb.current.handlePause?.(o, c),\n      handlePlanChange: (o, c) => cb.current.handlePlanChange?.(o, c),\n      handleTrialExtension: (o, c) => cb.current.handleTrialExtension?.(o, c),\n      handleCancel: (c) => cb.current.handleCancel?.(c),\n      onAccept: (o, c) => cb.current.onAccept?.(o, c),\n      onDiscount: (o, c) => cb.current.onDiscount?.(o, c),\n      onPause: (o, c) => cb.current.onPause?.(o, c),\n      onPlanChange: (o, c) => cb.current.onPlanChange?.(o, c),\n      onTrialExtension: (o, c) => cb.current.onTrialExtension?.(o, c),\n      onCancel: (c) => cb.current.onCancel?.(c),\n      onClose: () => cb.current.onClose?.(),\n      onStepChange: (step, prevStep) => cb.current.onStepChange?.(step, prevStep),\n    }\n    return new CancelFlowMachine({ ...config, ...dispatch })\n  })\n\n  const [state, setState] = useState<FlowState>(() => machine.getSnapshot())\n  const [isLoading, setIsLoading] = useState(!!config.session)\n  const [loadError, setLoadError] = useState<Error | null>(null)\n\n  useEffect(() => {\n    setState(machine.getSnapshot())\n    return machine.subscribe(() => setState(machine.getSnapshot()))\n  }, [machine])\n\n  const loadConfig = useCallback(() => {\n    if (!config.session) return\n    setLoadError(null)\n    setIsLoading(true)\n    let cancelled = false\n    const creds = decodeSessionToken(config.session)\n    const api = new ChurnkeyApi(creds, config.apiBaseUrl)\n    api\n      .fetchConfig()\n      .then((sdkConfig) => {\n        if (cancelled) return\n        machine.initializeFromConfig(sdkConfig, api, creds)\n        setIsLoading(false)\n      })\n      .catch((err) => {\n        if (cancelled) return\n        setLoadError(err instanceof Error ? err : new Error(String(err)))\n        setIsLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [config.session, config.apiBaseUrl, machine])\n\n  useEffect(() => {\n    if (!config.session) return\n    return loadConfig()\n  }, [config.session, loadConfig])\n\n  return { machine, state, isLoading, loadError, retry: loadConfig }\n}\n","import type { FlowConfig } from '../core/types'\nimport { useCancelFlowMachine } from './use-cancel-flow-machine'\n\nexport function useCancelFlow(config: FlowConfig) {\n  const { machine, state, isLoading, loadError, retry } = useCancelFlowMachine(config)\n\n  return {\n    ...state,\n    isLoading,\n    loadError,\n    retry,\n    reasons: machine.reasons,\n    currentStep: machine.currentStep,\n    currentOffer: machine.currentOffer,\n    stepIndex: machine.stepIndex,\n    totalSteps: machine.totalSteps,\n    selectReason: machine.selectReason,\n    setFollowupResponse: machine.setFollowupResponse,\n    setFeedback: machine.setFeedback,\n    accept: machine.accept,\n    decline: machine.decline,\n    cancel: machine.cancel,\n    next: machine.next,\n    back: machine.back,\n    close: machine.close,\n  }\n}\n"]}

package/dist/{chunk-SXGORJOX.js → chunk-G57YLYM5.js}

@@ -56,6 +56,14 @@ function formatMonthDay(date, locale) {
 function formatMonthDayLong(date, locale) {
   return date.toLocaleDateString(locale, { month: "long", day: "numeric" });
 }
+function formatPeriodEnd(subscriptions, locale) {
+  const status = subscriptions?.[0]?.status;
+  if (!status || !("currentPeriod" in status) || !status.currentPeriod?.end) return null;
+  const end = status.currentPeriod.end;
+  const d = end instanceof Date ? end : new Date(end);
+  if (Number.isNaN(d.getTime())) return null;
+  return d.toLocaleDateString(locale, { month: "long", day: "numeric", year: "numeric" });
+}
 function discountPhrase(opts) {
   const { percentOff, amountOff, currency, duration, durationInMonths } = opts;
   const amount = percentOff != null ? `${percentOff}% off` : amountOff != null ? `${formatPriceFromMinor(amountOff, currency)} off` : "discount";
@@ -65,6 +73,15 @@ function discountPhrase(opts) {
 
 // src/core/utils.ts
 var BUILT_IN_STEP_TYPES = ["survey", "offer", "feedback", "confirm", "success"];
+var BUILT_IN_OFFER_TYPES = [
+  "discount",
+  "pause",
+  "trial_extension",
+  "plan_change",
+  "contact",
+  "redirect",
+  "rebate"
+];
 function cn(...classes) {
   return classes.filter(Boolean).join(" ");
 }
@@ -125,6 +142,6 @@ var defaultTitles = {
   confirm: "Confirm cancellation"
 };
 
-export { BUILT_IN_STEP_TYPES, appearanceToStyle, calculateDiscountedPrice, cn, defaultTitles, discountPhrase, formatMonthDay, formatMonthDayLong, formatPrice, formatPriceFromMinor };
-//# sourceMappingURL=chunk-SXGORJOX.js.map
-//# sourceMappingURL=chunk-SXGORJOX.js.map
+export { BUILT_IN_OFFER_TYPES, BUILT_IN_STEP_TYPES, appearanceToStyle, calculateDiscountedPrice, cn, defaultTitles, discountPhrase, formatMonthDay, formatMonthDayLong, formatPeriodEnd, formatPrice, formatPriceFromMinor };
+//# sourceMappingURL=chunk-G57YLYM5.js.map
+//# sourceMappingURL=chunk-G57YLYM5.js.map

package/dist/chunk-G57YLYM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/format.ts","../src/core/utils.ts"],"names":[],"mappings":"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","file":"chunk-G57YLYM5.js","sourcesContent":["import type { DirectSubscription } from './types'\n\n// Currencies whose smallest unit equals one major unit (no fractional part).\n// Stripe and most billing providers store these without an implicit /100.\nconst ZERO_DECIMAL_CURRENCIES: ReadonlySet<string> = new Set([\n  'BIF',\n  'CLP',\n  'DJF',\n  'GNF',\n  'JPY',\n  'KMF',\n  'KRW',\n  'MGA',\n  'PYG',\n  'RWF',\n  'UGX',\n  'VND',\n  'VUV',\n  'XAF',\n  'XOF',\n  'XPF',\n])\n\n// Middle-Eastern currencies that use three fractional digits (1000 divisor).\n// Without this bucket, JOD/KWD amounts would be off by 10x in display.\nconst THREE_DECIMAL_CURRENCIES: ReadonlySet<string> = new Set(['BHD', 'IQD', 'JOD', 'KWD', 'LYD', 'OMR', 'TND'])\n\nexport function isZeroDecimalCurrency(currency: string): boolean {\n  return ZERO_DECIMAL_CURRENCIES.has(currency.toUpperCase())\n}\n\nexport function isThreeDecimalCurrency(currency: string): boolean {\n  return THREE_DECIMAL_CURRENCIES.has(currency.toUpperCase())\n}\n\n/**\n * Smallest-unit divisor for a currency. 1 for zero-decimal (JPY), 1000 for\n * three-decimal (KWD), 100 for everything else. Used to convert provider\n * amounts (which are always in the smallest unit) into the major unit for\n * display.\n */\nexport function getCurrencyDivisor(currency = 'USD'): number {\n  if (isZeroDecimalCurrency(currency)) return 1\n  if (isThreeDecimalCurrency(currency)) return 1000\n  return 100\n}\n\n/**\n * Converts a Direct.Price.amount.value (smallest currency unit) into the\n * major unit used for display.\n */\nexport function convertFromMinorUnits(value: number, currency = 'USD'): number {\n  return value / getCurrencyDivisor(currency)\n}\n\n/**\n * Format an amount already in the major unit. Uses `narrowSymbol` so output\n * reads \"$29\" rather than \"US$29\", and trims trailing zero fractions so\n * whole amounts render compactly.\n */\nexport function formatPrice(amount: number, currency = 'USD', locale?: string): string {\n  try {\n    const formatted = new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n      currencyDisplay: 'narrowSymbol',\n    }).format(amount)\n    return formatted.replace(/[.,]00$/, '')\n  } catch {\n    return `${currency} ${amount.toFixed(2)}`\n  }\n}\n\n/** Convenience: format a Direct-shape minor-unit amount in one call. */\nexport function formatPriceFromMinor(value: number, currency = 'USD', locale?: string): string {\n  return formatPrice(convertFromMinorUnits(value, currency), currency, locale)\n}\n\nexport function calculateDiscountedPrice(originalPrice: number, percentOff: number): number {\n  return originalPrice * (1 - percentOff / 100)\n}\n\n// ─── Dates ────────────────────────────────────────────────────────────────\n\n/** \"Apr 30, 2026\" — used for resume dates and other full-date contexts. */\nexport function formatShortDate(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, { month: 'short', day: 'numeric', year: 'numeric' })\n}\n\n/** \"Apr 30\" — used when the year is implied by context. */\nexport function formatMonthDay(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, { month: 'short', day: 'numeric' })\n}\n\n/** \"April 30\" — long month form for prominent date displays. */\nexport function formatMonthDayLong(date: Date, locale?: string): string {\n  return date.toLocaleDateString(locale, { month: 'long', day: 'numeric' })\n}\n\n/**\n * Long-form access period end (\"June 14, 2026\") for the first subscription's\n * current period. Returns null for canceled subscriptions, missing periods,\n * and unparseable dates so Confirm can drop the \"access continues until\"\n * notice cleanly instead of rendering \"Invalid Date\".\n */\nexport function formatPeriodEnd(\n  subscriptions: DirectSubscription[] | null | undefined,\n  locale?: string,\n): string | null {\n  const status = subscriptions?.[0]?.status\n  if (!status || !('currentPeriod' in status) || !status.currentPeriod?.end) return null\n  const end = status.currentPeriod.end\n  const d = end instanceof Date ? end : new Date(end)\n  if (Number.isNaN(d.getTime())) return null\n  return d.toLocaleDateString(locale, { month: 'long', day: 'numeric', year: 'numeric' })\n}\n\n// ─── Discount phrasing ─────────────────────────────────────────────────────\n\n/**\n * Renders the discount as a single human-readable sentence:\n *   \"25% off for 3 months\" / \"$5 off your next renewal\" / \"20% off for life\"\n *\n * Mirrors the embed's couponToString helper so SDK and embed use the same\n * phrasing for the same offer shape.\n */\nexport function discountPhrase(opts: {\n  percentOff?: number\n  /** Smallest currency unit (cents for USD). */\n  amountOff?: number\n  currency?: string\n  duration?: 'once' | 'repeating' | 'forever'\n  durationInMonths?: number\n}): string {\n  const { percentOff, amountOff, currency, duration, durationInMonths } = opts\n  const amount =\n    percentOff != null\n      ? `${percentOff}% off`\n      : amountOff != null\n        ? `${formatPriceFromMinor(amountOff, currency)} off`\n        : 'discount'\n  const tail =\n    duration === 'once'\n      ? 'your next renewal'\n      : duration === 'forever'\n        ? 'for life'\n        : durationInMonths\n          ? `for ${durationInMonths} ${durationInMonths === 1 ? 'month' : 'months'}`\n          : ''\n  return tail ? `${amount} ${tail}` : amount\n}\n","import type { CSSProperties } from 'react'\nimport type { Appearance, AppearanceVariables } from './types'\n\nexport const BUILT_IN_STEP_TYPES: readonly string[] = ['survey', 'offer', 'feedback', 'confirm', 'success']\nexport const BUILT_IN_OFFER_TYPES: readonly string[] = [\n  'discount',\n  'pause',\n  'trial_extension',\n  'plan_change',\n  'contact',\n  'redirect',\n  'rebate',\n]\n\nexport function cn(...classes: (string | undefined | null | false)[]): string {\n  return classes.filter(Boolean).join(' ')\n}\n\n// Maps the typed `appearance.variables` field names to the underlying\n// CSS custom properties. Light/dark variants live in CSS — these\n// overrides apply on top of whichever scheme is active.\nconst VAR_MAP: Record<string, keyof AppearanceVariables> = {\n  // Surfaces\n  '--ck-color-bg': 'colorBackground',\n  '--ck-color-surface': 'colorSurface',\n  '--ck-color-surface-muted': 'colorSurfaceMuted',\n\n  // Borders\n  '--ck-color-border': 'colorBorder',\n  '--ck-color-border-strong': 'colorBorderStrong',\n\n  // Text\n  '--ck-color-text': 'colorText',\n  '--ck-color-text-secondary': 'colorTextSecondary',\n  '--ck-color-text-muted': 'colorTextMuted',\n\n  // Primary\n  '--ck-color-primary': 'colorPrimary',\n  '--ck-color-primary-hover': 'colorPrimaryHover',\n  '--ck-color-primary-soft': 'colorPrimarySoft',\n\n  // Semantic\n  '--ck-color-success': 'colorSuccess',\n  '--ck-color-success-soft': 'colorSuccessSoft',\n  '--ck-color-danger': 'colorDanger',\n  '--ck-color-danger-hover': 'colorDangerHover',\n  '--ck-color-danger-soft': 'colorDangerSoft',\n\n  // Typography\n  '--ck-font-family': 'fontFamily',\n  '--ck-font-mono': 'fontFamilyMono',\n  '--ck-font-display': 'fontFamilyDisplay',\n  '--ck-font-size': 'fontSize',\n  '--ck-step-title-weight': 'fontWeightDisplay',\n  '--ck-step-title-letter-spacing': 'letterSpacingDisplay',\n\n  // Geometry\n  '--ck-border-radius': 'borderRadius',\n  '--ck-radius-sm': 'radiusSm',\n  '--ck-radius-md': 'radiusMd',\n  '--ck-radius-lg': 'radiusLg',\n  '--ck-radius-xl': 'radiusXl',\n\n  // Elevation\n  '--ck-shadow-modal': 'shadowModal',\n  '--ck-shadow-card': 'shadowCard',\n\n  // Overlay\n  '--ck-overlay-color': 'overlayColor',\n}\n\nexport function appearanceToStyle(appearance?: Appearance): CSSProperties | undefined {\n  const variables = appearance?.variables\n  if (!variables) return undefined\n\n  const style: Record<string, string> = {}\n  for (const [cssProp, varKey] of Object.entries(VAR_MAP)) {\n    const value = variables[varKey]\n    if (value) style[cssProp] = value\n  }\n\n  return Object.keys(style).length > 0 ? (style as CSSProperties) : undefined\n}\n\n// Step-level fallback titles when neither token-mode config nor local\n// step config provide one. Offer and Success are absent — Offer falls back\n// to `offer.copy.headline`, Success branches on outcome.\nexport const defaultTitles = {\n  survey: 'Why are you cancelling?',\n  feedback: 'Any other feedback?',\n  confirm: 'Confirm cancellation',\n} as const\n"]}

package/dist/{chunk-OL5HQUE4.js → chunk-QYNW3HF3.js}

@@ -63,6 +63,9 @@ var ChurnkeyApi = class {
   async extendTrial(days, blueprintId) {
     await this.request(this.orgUrl("cancel-flow/actions/extend-trial"), { days, blueprintId });
   }
+  async applyRebate(blueprintId, offerGuid) {
+    await this.request(this.orgUrl("cancel-flow/actions/rebate"), { blueprintId, offerGuid });
+  }
   async createSession(payload) {
     await this.request(`${this.baseUrl}/api/sessions/sdk`, payload);
   }
@@ -154,7 +157,7 @@ function mergeStep(step, attrs) {
         ...s,
         title: maybeMerge(s.title, attrs),
         description: maybeMerge(s.description, attrs),
-        offer: s.offer ? mergeOfferDecision(s.offer, attrs) : void 0
+        offer: s.offer ? mergeOffer(s.offer, attrs) : void 0
       };
     }
     case "feedback": {
@@ -177,7 +180,8 @@ function mergeStep(step, attrs) {
 function mergeReason(r, attrs) {
   return { ...r, label: applyMergeFields(r.label, attrs) };
 }
-function mergeOfferDecision(o, attrs) {
+function mergeOffer(o, attrs) {
+  if (!("copy" in o)) return o;
   return {
     ...o,
     copy: {
@@ -196,7 +200,7 @@ function maybeMerge(text, attrs) {
 var EMPTY_GRAPH = { stepMap: {}, firstStepId: "", orderedStepIds: [] };
 function buildStepGraph(steps, defaultOfferCopy2) {
   if (steps.length === 0) return EMPTY_GRAPH;
-  const resolved = steps.map((step, i) => normalizeStep(step, i));
+  const resolved = steps.map((step, i) => normalizeStep(step, i, defaultOfferCopy2));
   linkNeighbors(resolved);
   const stepMap = {};
   for (const step of resolved) stepMap[step.guid] = step;
@@ -226,7 +230,7 @@ function buildStepGraph(steps, defaultOfferCopy2) {
     surveyStepId: surveyStep?.guid
   };
 }
-function normalizeStep(step, index) {
+function normalizeStep(step, index, defaultOfferCopy2) {
   const guid = step.guid ?? `step-${index}-${step.type}`;
   const base = { guid, type: step.type };
   switch (step.type) {
@@ -247,7 +251,10 @@ function normalizeStep(step, index) {
         ...base,
         title: s.title,
         description: s.description,
-        offer: s.offer,
+        // Standalone offers may arrive without `copy` — toDecision fills it
+        // in from defaultOfferCopy. Token-mode offers already carry copy
+        // from the server, so toDecision passes them through unchanged.
+        offer: s.offer ? toDecision(s.offer, defaultOfferCopy2) : void 0,
         classNames: s.classNames
       };
     }
@@ -356,9 +363,9 @@ function transformStep(step) {
 function transformReason(r) {
   const out = {
     id: r.id,
-    label: r.label,
-    freeform: r.freeform
+    label: r.label
   };
+  if (r.freeform) out.freeform = true;
   if (r.offer) out.offer = transformOfferConfig(r.offer);
   return out;
 }
@@ -382,8 +389,7 @@ function transformOfferConfig(o) {
       return {
         type: "pause",
         months: o.months,
-        interval: o.interval,
-        datePicker: o.datePicker
+        interval: o.interval
       };
     case "plan_change":
       return {
@@ -407,6 +413,16 @@ function transformOfferConfig(o) {
         url: o.url,
         label: o.label
       };
+    case "rebate":
+      return {
+        type: "rebate",
+        amountMinor: o.amountMinor,
+        currency: o.currency,
+        amountPaidMinor: o.amountPaidMinor,
+        netAfterRebateMinor: o.netAfterRebateMinor,
+        paymentMethodBrand: o.paymentMethodBrand,
+        paymentMethodLast4: o.paymentMethodLast4
+      };
   }
 }
 function defaultOfferCopy(offer) {
@@ -454,6 +470,13 @@ function defaultOfferCopy(offer) {
         cta: o.label,
         declineCta: "No thanks"
       };
+    case "rebate":
+      return {
+        headline: "Get money back",
+        body: "Stay subscribed and we'll refund part of your most recent payment.",
+        cta: "Accept refund",
+        declineCta: "No thanks"
+      };
     default:
       return {
         headline: "Before you go...",
@@ -480,6 +503,8 @@ function handlerFor(offerType, cb) {
       return cb.handlePlanChange;
     case "trial_extension":
       return cb.handleTrialExtension;
+    case "rebate":
+      return cb.handleRebate;
     default:
       return void 0;
   }
@@ -494,6 +519,8 @@ function listenerFor(offerType, cb) {
       return cb.onPlanChange;
     case "trial_extension":
       return cb.onTrialExtension;
+    case "rebate":
+      return cb.onRebate;
     default:
       return void 0;
   }
@@ -520,7 +547,8 @@ var OFFER_TYPE_API_MAP = {
   plan_change: "PLAN_CHANGE",
   trial_extension: "TRIAL_EXTENSION",
   contact: "CONTACT",
-  redirect: "REDIRECT"
+  redirect: "REDIRECT",
+  rebate: "REBATE"
 };
 function toApiStepType(step) {
   if (step === "success") return null;
@@ -600,6 +628,8 @@ function toAcceptedOfferPayload(rec, result) {
       return { ...base, trialExtensionDays: o.days };
     case "redirect":
       return { ...base, redirectUrl: o.url };
+    case "rebate":
+      return { ...base, rebateAmount: o.amountMinor };
     default:
       return base;
   }
@@ -642,7 +672,7 @@ var CancelFlowMachine = class {
       const merged = applyMergeFieldsToSteps(config.steps, this.directCustomer);
       this.graph = buildStepGraph(merged, defaultOfferCopy);
     }
-    this.state = this.buildInitialState(null);
+    this.state = this.buildInitialState(this.directCustomer, this.directSubscriptions ?? []);
     this.cachedSnapshot = { ...this.state };
     const first = this.firstStep();
     if (!config.session && first) this.trackStepEnter(first);
@@ -696,7 +726,10 @@ var CancelFlowMachine = class {
   }
   selectReason = (id) => {
     if (!this.reasons.find((r) => r.id === id)) return;
-    this.setState({ selectedReason: id });
+    this.setState({ selectedReason: id, followupResponse: "" });
+  };
+  setFollowupResponse = (text) => {
+    this.setState({ followupResponse: text });
   };
   next = (result) => {
     if (isPlainObject(result)) {
@@ -727,7 +760,7 @@ var CancelFlowMachine = class {
       if (handler) {
         await handler(acceptedOffer, customer);
       } else if (this.isTokenMode()) {
-        await this.executeTokenAction(acceptedOffer);
+        await this.executeTokenAction(acceptedOffer, offer.decisionId);
       }
       const listener = listenerFor(offer.type, this.callbacks);
       if (listener) await runListener(listener, acceptedOffer, customer);
@@ -784,7 +817,7 @@ var CancelFlowMachine = class {
     const merged = this.localSteps ? mergeLocalSteps(result.steps, this.localSteps) : result.steps;
     const steps = applyMergeFieldsToSteps(merged, config.customer ?? null);
     this.graph = buildStepGraph(steps, defaultOfferCopy);
-    this.state = this.buildInitialState(config.customer ?? null);
+    this.state = this.buildInitialState(config.customer ?? null, config.subscriptions ?? []);
     this.cachedSnapshot = { ...this.state };
     const first = this.firstStep();
     if (first) this.trackStepEnter(first);
@@ -800,17 +833,19 @@ var CancelFlowMachine = class {
   surveyStep() {
     return this.graph.surveyStepId ? this.graph.stepMap[this.graph.surveyStepId] : void 0;
   }
-  buildInitialState(customer) {
+  buildInitialState(customer, subscriptions) {
     const first = this.firstStep();
     return {
       step: first?.type ?? "survey",
       currentStepId: this.graph.firstStepId,
       selectedReason: null,
+      followupResponse: "",
       feedback: "",
       outcome: null,
       isProcessing: false,
       error: null,
-      customer
+      customer,
+      subscriptions
     };
   }
   // On a survey step with a selected reason that has an attached offer,
@@ -879,7 +914,7 @@ var CancelFlowMachine = class {
       listener();
     }
   }
-  async executeTokenAction(offer) {
+  async executeTokenAction(offer, decisionId) {
     if (!this.apiClient) return;
     const o = offer;
     switch (o.type) {
@@ -897,6 +932,9 @@ var CancelFlowMachine = class {
       case "trial_extension":
         await this.apiClient.extendTrial(o.days, this.blueprintId ?? void 0);
         break;
+      case "rebate":
+        await this.apiClient.applyRebate(this.blueprintId ?? void 0, decisionId);
+        break;
     }
   }
   trackStepView(stepType, guid, numChoices) {
@@ -921,14 +959,14 @@ var CancelFlowMachine = class {
     }
   }
   // Offer passed in so accept() can capture it before enterSuccessStep
-  // potentially moves currentStepId off the offer step.
+  // potentially moves currentStepId off the offer step. copy and decisionId
+  // are SDK-internal — strip them from the consumer-facing payload.
   buildAcceptedOffer(offer, result) {
-    const { copy: _, ...offerConfig } = offer;
-    return {
-      ...offerConfig,
-      reasonId: this.state.selectedReason,
-      ...result ? { result } : {}
-    };
+    const { copy: _copy, decisionId: _decisionId, ...offerConfig } = offer;
+    const accepted = offerConfig;
+    if (this.state.selectedReason) accepted.reasonId = this.state.selectedReason;
+    if (result) accepted.result = result;
+    return accepted;
   }
   // Terminal transition. Prefer moving currentStepId to a declared success
   // step so the developer's savedTitle / classNames / custom component
@@ -948,12 +986,14 @@ var CancelFlowMachine = class {
   }
   buildBasePayload() {
     const selectedReason = this.reasons.find((r) => r.id === this.state.selectedReason);
+    const followupResponse = selectedReason?.freeform && this.state.followupResponse ? this.state.followupResponse : void 0;
     const payload = {
       blueprintId: this.blueprintId ?? void 0,
       customer: this.resolveSessionCustomer(),
       canceled: false,
       surveyChoiceId: this.state.selectedReason ?? void 0,
       surveyChoiceValue: selectedReason?.label,
+      followupResponse,
       feedback: this.state.feedback || void 0,
       presentedOffers: this.presentedOffers,
       stepsViewed: this.stepsViewed,
@@ -1052,5 +1092,5 @@ function decodeSessionToken(token) {
 }
 
 export { AnalyticsClient, CancelFlowMachine, ChurnkeyApi, decodeSessionToken };
-//# sourceMappingURL=chunk-OL5HQUE4.js.map
-//# sourceMappingURL=chunk-OL5HQUE4.js.map
+//# sourceMappingURL=chunk-QYNW3HF3.js.map
+//# sourceMappingURL=chunk-QYNW3HF3.js.map