@churnkey/react 0.6.4 → 0.7.0

package/dist/{step-graph-BpoAhd0d.d.cts → step-graph-s1L1wV-P.d.cts}

@@ -1,5 +1,131 @@
 import { ReactNode, ReactElement, ComponentType } from 'react';
 
+/** Both timing variants of a message. Which one renders is decided by the
+ *  flow's effective cancel timing (`FlowState.cancelAtPeriodEnd`). */
+interface TimingVariants {
+    immediate: string;
+    atPeriodEnd: string;
+}
+/**
+ * A message that may differ by cancellation timing. Plain strings render
+ * as-is in both cases; pass the object form when the wording should change
+ * (e.g. "Cancel" vs "Turn off auto-renew").
+ */
+type TimingAware = string | TimingVariants;
+/** Success-screen copy for one accepted offer type. */
+interface SavedOfferCopy {
+    title: string;
+    description: string;
+}
+interface CancelFlowMessages {
+    common: {
+        continue: string;
+        back: string;
+        close: string;
+        done: string;
+        processing: string;
+        tryAgain: string;
+        loading: string;
+        loadError: string;
+        error: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+    };
+    survey: {
+        title: string;
+        followupPlaceholder: string;
+        followupAriaLabel: string;
+    };
+    feedback: {
+        title: string;
+        placeholder: string;
+        /** Used instead of `placeholder` when the step sets `minLength`. Supports `{minLength}`. */
+        placeholderWithMin: string;
+    };
+    confirm: {
+        title: string;
+        lossesLabel: string;
+        cta: TimingAware;
+        goBack: string;
+        /** Shown between the description and the confirm button. Supports
+         *  `{periodEnd}`. The default immediate variant is empty, which
+         *  suppresses the notice for immediate timing; empty OVERRIDE values are
+         *  dropped like any blank override, so to remove the notice entirely
+         *  replace the `Confirm` component or hide it via
+         *  `classNames.periodEndNotice`. */
+        periodEndNotice: TimingAware;
+    };
+    success: {
+        saved: {
+            /** Generic fallback — used for offer types without their own entry
+             *  (contact, redirect, custom types). */
+            title: string;
+            description: string;
+            discount: SavedOfferCopy;
+            pause: SavedOfferCopy & {
+                /** Used instead of `description` when the resume date is known
+                 *  (the built-in pause UI always supplies it). Supports `{resumeDate}`. */
+                resumeDescription: string;
+            };
+            trial_extension: SavedOfferCopy;
+            plan_change: SavedOfferCopy;
+            rebate: SavedOfferCopy;
+        };
+        cancelled: {
+            title: TimingAware;
+            description: TimingAware;
+        };
+    };
+    offer: {
+        limitedTimeEyebrow: string;
+        pauseEyebrow: string;
+        newEndDateLabel: string;
+        currentPlanBadge: string;
+        /** CTA when a plan is selected in a plan-change offer. Supports `{planName}`. */
+        switchToCta: string;
+        rebate: {
+            paidLabel: string;
+            moneyBackLabel: string;
+            /** Tax parenthetical after the money-back label. Supports `{amount}`. */
+            inclTax: string;
+            netLabel: string;
+        };
+    };
+}
+/**
+ * Recursive partial of the catalog for overrides. Timing-aware fields also
+ * accept a plain string (applies to both timings) or a partial variant pair
+ * (the missing variant keeps the base value).
+ */
+type MessagesPatch<T = CancelFlowMessages> = {
+    [K in keyof T]?: T[K] extends string ? string : T[K] extends TimingAware ? string | Partial<TimingVariants> : MessagesPatch<T[K]>;
+};
+interface I18nConfig {
+    /** UI language. Defaults to the browser language, falling back to `'en'`. */
+    locale?: string;
+    /** Per-locale message overrides, e.g. `{ en: { confirm: { cta: 'Turn off auto-renew' } } }`. */
+    messages?: Record<string, MessagesPatch>;
+}
+declare const defaultMessages: CancelFlowMessages;
+/**
+ * Pick the string for the flow's effective cancel timing. `null` (timing
+ * unknown — local mode) behaves like period-end, matching the default the
+ * cancel action itself uses.
+ */
+declare function selectTiming(value: TimingAware, cancelAtPeriodEnd: boolean | null): string;
+/** Replace `{name}` tokens. Unknown tokens are left in place. */
+declare function formatMessage(template: string, vars: Record<string, string | number>): string;
+/**
+ * Resolve the full catalog for a locale. Layers, lowest to highest: built-in
+ * defaults, then `orgMessages` (dashboard-configured overrides delivered on
+ * the token-mode config), then the config's own per-locale messages — the
+ * developer's overrides always end up on top. Both per-language layers run
+ * through the same locale fallback chain.
+ */
+declare function buildMessages(i18n?: I18nConfig, orgMessages?: Record<string, MessagesPatch>): CancelFlowMessages;
+
 interface DirectAddress {
     line1?: string;
     line2?: string;
@@ -190,7 +316,9 @@ interface OfferCopy {
      * May contain HTML when the flow was authored in the Churnkey dashboard
      * (the description editor is rich text). Render with the exported
      * `RichText` component — the same renderer the built-in steps use — rather
-     * than as a text node, or the markup shows escaped.
+     * than as a text node, or the markup shows escaped. Pass `as="div"` (built-in
+     * steps do) so block content like an embedded video iframe isn't hoisted out
+     * of the default `<p>` wrapper.
      */
     body: string;
     cta: string;
@@ -442,10 +570,14 @@ interface ModalProps {
 interface CloseButtonProps {
     onClose: () => void;
     className?: string;
+    /** Accessible label. Defaults to "Close". */
+    label?: string;
 }
 interface BackButtonProps {
     onBack: () => void;
     className?: string;
+    /** Visible label. Defaults to "Back". */
+    label?: string;
 }
 interface SurveyStepProps {
     title: string;
@@ -462,6 +594,8 @@ interface SurveyStepProps {
     onNext: () => void;
     classNames?: SurveyClassNames;
     components?: Partial<ComponentOverrides>;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface OfferStepProps {
     title?: string;
@@ -484,6 +618,8 @@ interface OfferStepProps {
      * implementations can ignore this.
      */
     components?: Partial<ComponentOverrides>;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface FeedbackStepProps {
     title: string;
@@ -497,6 +633,8 @@ interface FeedbackStepProps {
     onChange: (text: string) => void;
     onSubmit: () => void;
     classNames?: FeedbackClassNames;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface ConfirmStepProps {
     title: string;
@@ -507,20 +645,33 @@ interface ConfirmStepProps {
     lossesLabel?: string;
     confirmLabel: string;
     goBackLabel: string;
+    /**
+     * Timing-resolved access notice ("Your access continues until June 14, 2026."),
+     * rendered between the loss list and the confirm button. Absent when the
+     * period end is unknown or the resolved message is empty.
+     */
+    periodEndNotice?: string;
     onConfirm: () => Promise<void>;
     onGoBack: () => void;
     isProcessing: boolean;
     classNames?: ConfirmClassNames;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface SuccessStepProps {
     outcome: 'saved' | 'cancelled';
     offer?: OfferDecision;
+    /** The accepted offer (consumer-facing shape, incl. any accept result).
+     *  Present when outcome is 'saved'. */
+    acceptedOffer?: AcceptedOffer;
     title: string;
     description?: string;
     customer: DirectCustomer | null;
     subscriptions: DirectSubscription[];
     onClose: () => void;
     classNames?: SuccessClassNames;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface ReasonButtonProps {
     reason: ReasonConfig;
@@ -535,10 +686,21 @@ interface FlowState {
     followupResponse: string;
     feedback: string;
     outcome: 'saved' | 'cancelled' | null;
+    /** The offer the customer accepted, set alongside outcome 'saved'. Drives
+     *  per-offer success copy; `null` until then and for cancellations. */
+    acceptedOffer: AcceptedOffer | null;
     isProcessing: boolean;
     error: Error | null;
     customer: DirectCustomer | null;
     subscriptions: DirectSubscription[];
+    /**
+     * Effective cancel timing for this flow: the server-resolved value per
+     * blueprint (token mode), else the developer's `cancelAtPeriodEnd`
+     * declaration (local mode), else `null` — unknown. Drives timing-aware
+     * messages; `null` reads as period-end, matching the default the cancel
+     * action uses.
+     */
+    cancelAtPeriodEnd: boolean | null;
 }
 declare const MODES: readonly ["live", "test", "sandbox"];
 /**
@@ -572,6 +734,22 @@ interface FlowConfig extends FlowCallbacks {
      * this field.
      */
     mode?: Mode;
+    /**
+     * Locale and message overrides for the SDK's own strings (buttons, loading
+     * and confirmation chrome). Flow content — step titles, offer copy — is
+     * authored in the dashboard and localized server-side; override it there or
+     * via `steps`. Read once at mount, like `steps`.
+     */
+    i18n?: I18nConfig;
+    /**
+     * Local-mode declaration of your billing behavior: does cancellation take
+     * effect at the end of the billing period (`true`) or immediately
+     * (`false`)? Drives timing-aware messages and the confirm step's
+     * access-until notice. In token mode this is ignored: the server-resolved
+     * value is authoritative, and if the server omits it the timing is treated
+     * as unknown rather than falling back to this declaration.
+     */
+    cancelAtPeriodEnd?: boolean;
 }
 type OfferCallback = (offer: AcceptedOffer, customer: DirectCustomer | null) => Promise<void> | void;
 type CancelCallback = (customer: DirectCustomer | null) => Promise<void> | void;
@@ -615,6 +793,10 @@ interface CancelFlowProps extends FlowCallbacks {
     apiBaseUrl?: string;
     /** See FlowConfig.mode. Ignored in token mode (the token is authoritative). */
     mode?: Mode;
+    /** See FlowConfig.i18n. */
+    i18n?: I18nConfig;
+    /** See FlowConfig.cancelAtPeriodEnd. Local mode only; the token config wins. */
+    cancelAtPeriodEnd?: boolean;
     appearance?: Appearance;
     classNames?: StructuralClassNames;
     components?: Partial<ComponentOverrides>;
@@ -647,4 +829,4 @@ interface ResolvedStep {
     classNames?: unknown;
 }
 
-export type { SuccessStep as $, AcceptedOffer as A, BackButtonProps as B, CancelFlowProps as C, DirectAddress as D, FlowState as E, FeedbackStepProps as F, Mode as G, OfferClassNames as H, OfferConfig as I, OfferCopy as J, OfferDecision as K, OfferStep as L, ModalProps as M, PlanChangeOffer as N, OfferStepProps as O, PauseOffer as P, PlanOption as Q, ReasonButtonProps as R, SuccessStepProps as S, ReasonConfig as T, RebateOffer as U, RedirectOffer as V, ResolvedStep as W, Step as X, StructuralClassNames as Y, SubscriptionStatus as Z, SuccessClassNames as _, ConfirmStepProps as a, SurveyClassNames as a0, SurveyStep as a1, TrialExtensionOffer as a2, SurveyStepProps as b, CloseButtonProps as c, Appearance as d, AppearanceVariables as e, BuiltInOfferConfig as f, BuiltInStep as g, BuiltInStepType as h, ComponentOverrides as i, ConfirmClassNames as j, ConfirmStep as k, ContactOffer as l, CustomComponents as m, CustomOfferConfig as n, CustomOfferProps as o, CustomStepConfig as p, CustomStepProps as q, DirectCoupon as r, DirectCustomer as s, DirectPrice as t, DirectSubscription as u, DirectSubscriptionItem as v, DiscountOffer as w, FeedbackClassNames as x, FeedbackStep as y, FlowConfig as z };
+export { type Step as $, type AcceptedOffer as A, type BackButtonProps as B, type CancelFlowProps as C, type DirectAddress as D, type FlowConfig as E, type FeedbackStepProps as F, type FlowState as G, type MessagesPatch as H, type I18nConfig as I, type Mode as J, type OfferClassNames as K, type OfferConfig as L, type ModalProps as M, type OfferCopy as N, type OfferStepProps as O, type OfferDecision as P, type OfferStep as Q, type ReasonButtonProps as R, type SuccessStepProps as S, type PauseOffer as T, type PlanChangeOffer as U, type PlanOption as V, type ReasonConfig as W, type RebateOffer as X, type RedirectOffer as Y, type ResolvedStep as Z, type SavedOfferCopy as _, type ConfirmStepProps as a, type StructuralClassNames as a0, type SubscriptionStatus as a1, type SuccessClassNames as a2, type SuccessStep as a3, type SurveyClassNames as a4, type SurveyStep as a5, type TimingAware as a6, type TimingVariants as a7, type TrialExtensionOffer as a8, buildMessages as a9, defaultMessages as aa, formatMessage as ab, selectTiming as ac, type SurveyStepProps as b, type CloseButtonProps as c, type Appearance as d, type AppearanceVariables as e, type BuiltInOfferConfig as f, type BuiltInStep as g, type BuiltInStepType as h, type CancelFlowMessages as i, type ComponentOverrides as j, type ConfirmClassNames as k, type ConfirmStep as l, type ContactOffer as m, type CustomComponents as n, type CustomOfferConfig as o, type CustomOfferProps as p, type CustomStepConfig as q, type CustomStepProps as r, type DirectCoupon as s, type DirectCustomer as t, type DirectPrice as u, type DirectSubscription as v, type DirectSubscriptionItem as w, type DiscountOffer as x, type FeedbackClassNames as y, type FeedbackStep as z };

package/dist/{step-graph-BpoAhd0d.d.ts → step-graph-s1L1wV-P.d.ts}

@@ -1,5 +1,131 @@
 import { ReactNode, ReactElement, ComponentType } from 'react';
 
+/** Both timing variants of a message. Which one renders is decided by the
+ *  flow's effective cancel timing (`FlowState.cancelAtPeriodEnd`). */
+interface TimingVariants {
+    immediate: string;
+    atPeriodEnd: string;
+}
+/**
+ * A message that may differ by cancellation timing. Plain strings render
+ * as-is in both cases; pass the object form when the wording should change
+ * (e.g. "Cancel" vs "Turn off auto-renew").
+ */
+type TimingAware = string | TimingVariants;
+/** Success-screen copy for one accepted offer type. */
+interface SavedOfferCopy {
+    title: string;
+    description: string;
+}
+interface CancelFlowMessages {
+    common: {
+        continue: string;
+        back: string;
+        close: string;
+        done: string;
+        processing: string;
+        tryAgain: string;
+        loading: string;
+        loadError: string;
+        error: string;
+        day: string;
+        days: string;
+        month: string;
+        months: string;
+    };
+    survey: {
+        title: string;
+        followupPlaceholder: string;
+        followupAriaLabel: string;
+    };
+    feedback: {
+        title: string;
+        placeholder: string;
+        /** Used instead of `placeholder` when the step sets `minLength`. Supports `{minLength}`. */
+        placeholderWithMin: string;
+    };
+    confirm: {
+        title: string;
+        lossesLabel: string;
+        cta: TimingAware;
+        goBack: string;
+        /** Shown between the description and the confirm button. Supports
+         *  `{periodEnd}`. The default immediate variant is empty, which
+         *  suppresses the notice for immediate timing; empty OVERRIDE values are
+         *  dropped like any blank override, so to remove the notice entirely
+         *  replace the `Confirm` component or hide it via
+         *  `classNames.periodEndNotice`. */
+        periodEndNotice: TimingAware;
+    };
+    success: {
+        saved: {
+            /** Generic fallback — used for offer types without their own entry
+             *  (contact, redirect, custom types). */
+            title: string;
+            description: string;
+            discount: SavedOfferCopy;
+            pause: SavedOfferCopy & {
+                /** Used instead of `description` when the resume date is known
+                 *  (the built-in pause UI always supplies it). Supports `{resumeDate}`. */
+                resumeDescription: string;
+            };
+            trial_extension: SavedOfferCopy;
+            plan_change: SavedOfferCopy;
+            rebate: SavedOfferCopy;
+        };
+        cancelled: {
+            title: TimingAware;
+            description: TimingAware;
+        };
+    };
+    offer: {
+        limitedTimeEyebrow: string;
+        pauseEyebrow: string;
+        newEndDateLabel: string;
+        currentPlanBadge: string;
+        /** CTA when a plan is selected in a plan-change offer. Supports `{planName}`. */
+        switchToCta: string;
+        rebate: {
+            paidLabel: string;
+            moneyBackLabel: string;
+            /** Tax parenthetical after the money-back label. Supports `{amount}`. */
+            inclTax: string;
+            netLabel: string;
+        };
+    };
+}
+/**
+ * Recursive partial of the catalog for overrides. Timing-aware fields also
+ * accept a plain string (applies to both timings) or a partial variant pair
+ * (the missing variant keeps the base value).
+ */
+type MessagesPatch<T = CancelFlowMessages> = {
+    [K in keyof T]?: T[K] extends string ? string : T[K] extends TimingAware ? string | Partial<TimingVariants> : MessagesPatch<T[K]>;
+};
+interface I18nConfig {
+    /** UI language. Defaults to the browser language, falling back to `'en'`. */
+    locale?: string;
+    /** Per-locale message overrides, e.g. `{ en: { confirm: { cta: 'Turn off auto-renew' } } }`. */
+    messages?: Record<string, MessagesPatch>;
+}
+declare const defaultMessages: CancelFlowMessages;
+/**
+ * Pick the string for the flow's effective cancel timing. `null` (timing
+ * unknown — local mode) behaves like period-end, matching the default the
+ * cancel action itself uses.
+ */
+declare function selectTiming(value: TimingAware, cancelAtPeriodEnd: boolean | null): string;
+/** Replace `{name}` tokens. Unknown tokens are left in place. */
+declare function formatMessage(template: string, vars: Record<string, string | number>): string;
+/**
+ * Resolve the full catalog for a locale. Layers, lowest to highest: built-in
+ * defaults, then `orgMessages` (dashboard-configured overrides delivered on
+ * the token-mode config), then the config's own per-locale messages — the
+ * developer's overrides always end up on top. Both per-language layers run
+ * through the same locale fallback chain.
+ */
+declare function buildMessages(i18n?: I18nConfig, orgMessages?: Record<string, MessagesPatch>): CancelFlowMessages;
+
 interface DirectAddress {
     line1?: string;
     line2?: string;
@@ -190,7 +316,9 @@ interface OfferCopy {
      * May contain HTML when the flow was authored in the Churnkey dashboard
      * (the description editor is rich text). Render with the exported
      * `RichText` component — the same renderer the built-in steps use — rather
-     * than as a text node, or the markup shows escaped.
+     * than as a text node, or the markup shows escaped. Pass `as="div"` (built-in
+     * steps do) so block content like an embedded video iframe isn't hoisted out
+     * of the default `<p>` wrapper.
      */
     body: string;
     cta: string;
@@ -442,10 +570,14 @@ interface ModalProps {
 interface CloseButtonProps {
     onClose: () => void;
     className?: string;
+    /** Accessible label. Defaults to "Close". */
+    label?: string;
 }
 interface BackButtonProps {
     onBack: () => void;
     className?: string;
+    /** Visible label. Defaults to "Back". */
+    label?: string;
 }
 interface SurveyStepProps {
     title: string;
@@ -462,6 +594,8 @@ interface SurveyStepProps {
     onNext: () => void;
     classNames?: SurveyClassNames;
     components?: Partial<ComponentOverrides>;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface OfferStepProps {
     title?: string;
@@ -484,6 +618,8 @@ interface OfferStepProps {
      * implementations can ignore this.
      */
     components?: Partial<ComponentOverrides>;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface FeedbackStepProps {
     title: string;
@@ -497,6 +633,8 @@ interface FeedbackStepProps {
     onChange: (text: string) => void;
     onSubmit: () => void;
     classNames?: FeedbackClassNames;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface ConfirmStepProps {
     title: string;
@@ -507,20 +645,33 @@ interface ConfirmStepProps {
     lossesLabel?: string;
     confirmLabel: string;
     goBackLabel: string;
+    /**
+     * Timing-resolved access notice ("Your access continues until June 14, 2026."),
+     * rendered between the loss list and the confirm button. Absent when the
+     * period end is unknown or the resolved message is empty.
+     */
+    periodEndNotice?: string;
     onConfirm: () => Promise<void>;
     onGoBack: () => void;
     isProcessing: boolean;
     classNames?: ConfirmClassNames;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface SuccessStepProps {
     outcome: 'saved' | 'cancelled';
     offer?: OfferDecision;
+    /** The accepted offer (consumer-facing shape, incl. any accept result).
+     *  Present when outcome is 'saved'. */
+    acceptedOffer?: AcceptedOffer;
     title: string;
     description?: string;
     customer: DirectCustomer | null;
     subscriptions: DirectSubscription[];
     onClose: () => void;
     classNames?: SuccessClassNames;
+    /** Resolved message catalog. Default components fall back to `defaultMessages` when absent. */
+    messages?: CancelFlowMessages;
 }
 interface ReasonButtonProps {
     reason: ReasonConfig;
@@ -535,10 +686,21 @@ interface FlowState {
     followupResponse: string;
     feedback: string;
     outcome: 'saved' | 'cancelled' | null;
+    /** The offer the customer accepted, set alongside outcome 'saved'. Drives
+     *  per-offer success copy; `null` until then and for cancellations. */
+    acceptedOffer: AcceptedOffer | null;
     isProcessing: boolean;
     error: Error | null;
     customer: DirectCustomer | null;
     subscriptions: DirectSubscription[];
+    /**
+     * Effective cancel timing for this flow: the server-resolved value per
+     * blueprint (token mode), else the developer's `cancelAtPeriodEnd`
+     * declaration (local mode), else `null` — unknown. Drives timing-aware
+     * messages; `null` reads as period-end, matching the default the cancel
+     * action uses.
+     */
+    cancelAtPeriodEnd: boolean | null;
 }
 declare const MODES: readonly ["live", "test", "sandbox"];
 /**
@@ -572,6 +734,22 @@ interface FlowConfig extends FlowCallbacks {
      * this field.
      */
     mode?: Mode;
+    /**
+     * Locale and message overrides for the SDK's own strings (buttons, loading
+     * and confirmation chrome). Flow content — step titles, offer copy — is
+     * authored in the dashboard and localized server-side; override it there or
+     * via `steps`. Read once at mount, like `steps`.
+     */
+    i18n?: I18nConfig;
+    /**
+     * Local-mode declaration of your billing behavior: does cancellation take
+     * effect at the end of the billing period (`true`) or immediately
+     * (`false`)? Drives timing-aware messages and the confirm step's
+     * access-until notice. In token mode this is ignored: the server-resolved
+     * value is authoritative, and if the server omits it the timing is treated
+     * as unknown rather than falling back to this declaration.
+     */
+    cancelAtPeriodEnd?: boolean;
 }
 type OfferCallback = (offer: AcceptedOffer, customer: DirectCustomer | null) => Promise<void> | void;
 type CancelCallback = (customer: DirectCustomer | null) => Promise<void> | void;
@@ -615,6 +793,10 @@ interface CancelFlowProps extends FlowCallbacks {
     apiBaseUrl?: string;
     /** See FlowConfig.mode. Ignored in token mode (the token is authoritative). */
     mode?: Mode;
+    /** See FlowConfig.i18n. */
+    i18n?: I18nConfig;
+    /** See FlowConfig.cancelAtPeriodEnd. Local mode only; the token config wins. */
+    cancelAtPeriodEnd?: boolean;
     appearance?: Appearance;
     classNames?: StructuralClassNames;
     components?: Partial<ComponentOverrides>;
@@ -647,4 +829,4 @@ interface ResolvedStep {
     classNames?: unknown;
 }
 
-export type { SuccessStep as $, AcceptedOffer as A, BackButtonProps as B, CancelFlowProps as C, DirectAddress as D, FlowState as E, FeedbackStepProps as F, Mode as G, OfferClassNames as H, OfferConfig as I, OfferCopy as J, OfferDecision as K, OfferStep as L, ModalProps as M, PlanChangeOffer as N, OfferStepProps as O, PauseOffer as P, PlanOption as Q, ReasonButtonProps as R, SuccessStepProps as S, ReasonConfig as T, RebateOffer as U, RedirectOffer as V, ResolvedStep as W, Step as X, StructuralClassNames as Y, SubscriptionStatus as Z, SuccessClassNames as _, ConfirmStepProps as a, SurveyClassNames as a0, SurveyStep as a1, TrialExtensionOffer as a2, SurveyStepProps as b, CloseButtonProps as c, Appearance as d, AppearanceVariables as e, BuiltInOfferConfig as f, BuiltInStep as g, BuiltInStepType as h, ComponentOverrides as i, ConfirmClassNames as j, ConfirmStep as k, ContactOffer as l, CustomComponents as m, CustomOfferConfig as n, CustomOfferProps as o, CustomStepConfig as p, CustomStepProps as q, DirectCoupon as r, DirectCustomer as s, DirectPrice as t, DirectSubscription as u, DirectSubscriptionItem as v, DiscountOffer as w, FeedbackClassNames as x, FeedbackStep as y, FlowConfig as z };
+export { type Step as $, type AcceptedOffer as A, type BackButtonProps as B, type CancelFlowProps as C, type DirectAddress as D, type FlowConfig as E, type FeedbackStepProps as F, type FlowState as G, type MessagesPatch as H, type I18nConfig as I, type Mode as J, type OfferClassNames as K, type OfferConfig as L, type ModalProps as M, type OfferCopy as N, type OfferStepProps as O, type OfferDecision as P, type OfferStep as Q, type ReasonButtonProps as R, type SuccessStepProps as S, type PauseOffer as T, type PlanChangeOffer as U, type PlanOption as V, type ReasonConfig as W, type RebateOffer as X, type RedirectOffer as Y, type ResolvedStep as Z, type SavedOfferCopy as _, type ConfirmStepProps as a, type StructuralClassNames as a0, type SubscriptionStatus as a1, type SuccessClassNames as a2, type SuccessStep as a3, type SurveyClassNames as a4, type SurveyStep as a5, type TimingAware as a6, type TimingVariants as a7, type TrialExtensionOffer as a8, buildMessages as a9, defaultMessages as aa, formatMessage as ab, selectTiming as ac, type SurveyStepProps as b, type CloseButtonProps as c, type Appearance as d, type AppearanceVariables as e, type BuiltInOfferConfig as f, type BuiltInStep as g, type BuiltInStepType as h, type CancelFlowMessages as i, type ComponentOverrides as j, type ConfirmClassNames as k, type ConfirmStep as l, type ContactOffer as m, type CustomComponents as n, type CustomOfferConfig as o, type CustomOfferProps as p, type CustomStepConfig as q, type CustomStepProps as r, type DirectCoupon as s, type DirectCustomer as t, type DirectPrice as u, type DirectSubscription as v, type DirectSubscriptionItem as w, type DiscountOffer as x, type FeedbackClassNames as y, type FeedbackStep as z };

package/dist/styles.css

@@ -275,6 +275,19 @@
   margin: 0 0 20px;
 }
 
+/* Embedded video (YouTube/Vimeo/Wistia/Brightcove iframes) authored into a
+   step description. Overrides the inline height="480" the TipTap YouTube node
+   emits and makes the player fill the width at a 16:9 box. */
+.ck-cancel-flow .ck-step-description :is(iframe, video),
+.ck-cancel-flow .ck-step-description [data-youtube-video] {
+  display: block;
+  width: 100%;
+  height: auto;
+  aspect-ratio: 16 / 9;
+  border: 0;
+  border-radius: 10px;
+}
+
 /* --- Buttons --- */
 .ck-cancel-flow .ck-button {
   display: inline-flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@churnkey/react",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "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": {