@churnkey/react 0.1.2 → 0.3.0

package/dist/core.cjs

@@ -1,49 +1,57 @@
 'use strict';
 
-var chunkSIYJ4R4B_cjs = require('./chunk-SIYJ4R4B.cjs');
-var chunkCPBEP4NW_cjs = require('./chunk-CPBEP4NW.cjs');
+var chunkLVUDBCQ2_cjs = require('./chunk-LVUDBCQ2.cjs');
+var chunk2VQNWZWO_cjs = require('./chunk-2VQNWZWO.cjs');
 
 
 
+Object.defineProperty(exports, "BUILT_IN_OFFER_TYPES", {
+  enumerable: true,
+  get: function () { return chunkLVUDBCQ2_cjs.BUILT_IN_OFFER_TYPES; }
+});
 Object.defineProperty(exports, "BUILT_IN_STEP_TYPES", {
   enumerable: true,
-  get: function () { return chunkSIYJ4R4B_cjs.BUILT_IN_STEP_TYPES; }
+  get: function () { return chunkLVUDBCQ2_cjs.BUILT_IN_STEP_TYPES; }
 });
 Object.defineProperty(exports, "appearanceToStyle", {
   enumerable: true,
-  get: function () { return chunkSIYJ4R4B_cjs.appearanceToStyle; }
+  get: function () { return chunkLVUDBCQ2_cjs.appearanceToStyle; }
 });
 Object.defineProperty(exports, "calculateDiscountedPrice", {
   enumerable: true,
-  get: function () { return chunkSIYJ4R4B_cjs.calculateDiscountedPrice; }
+  get: function () { return chunkLVUDBCQ2_cjs.calculateDiscountedPrice; }
 });
 Object.defineProperty(exports, "cn", {
   enumerable: true,
-  get: function () { return chunkSIYJ4R4B_cjs.cn; }
+  get: function () { return chunkLVUDBCQ2_cjs.cn; }
 });
 Object.defineProperty(exports, "defaultTitles", {
   enumerable: true,
-  get: function () { return chunkSIYJ4R4B_cjs.defaultTitles; }
+  get: function () { return chunkLVUDBCQ2_cjs.defaultTitles; }
+});
+Object.defineProperty(exports, "formatPeriodEnd", {
+  enumerable: true,
+  get: function () { return chunkLVUDBCQ2_cjs.formatPeriodEnd; }
 });
 Object.defineProperty(exports, "formatPrice", {
   enumerable: true,
-  get: function () { return chunkSIYJ4R4B_cjs.formatPrice; }
+  get: function () { return chunkLVUDBCQ2_cjs.formatPrice; }
 });
 Object.defineProperty(exports, "AnalyticsClient", {
   enumerable: true,
-  get: function () { return chunkCPBEP4NW_cjs.AnalyticsClient; }
+  get: function () { return chunk2VQNWZWO_cjs.AnalyticsClient; }
 });
 Object.defineProperty(exports, "CancelFlowMachine", {
   enumerable: true,
-  get: function () { return chunkCPBEP4NW_cjs.CancelFlowMachine; }
+  get: function () { return chunk2VQNWZWO_cjs.CancelFlowMachine; }
 });
 Object.defineProperty(exports, "ChurnkeyApi", {
   enumerable: true,
-  get: function () { return chunkCPBEP4NW_cjs.ChurnkeyApi; }
+  get: function () { return chunk2VQNWZWO_cjs.ChurnkeyApi; }
 });
 Object.defineProperty(exports, "decodeSessionToken", {
   enumerable: true,
-  get: function () { return chunkCPBEP4NW_cjs.decodeSessionToken; }
+  get: function () { return chunk2VQNWZWO_cjs.decodeSessionToken; }
 });
 //# sourceMappingURL=core.cjs.map
 //# sourceMappingURL=core.cjs.map

package/dist/core.d.cts

@@ -1,5 +1,5 @@
-import { N as PlanOption, s as DirectCustomer, u as DirectSubscription, z as FlowConfig, E as FlowState, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, d as Appearance } from './step-graph-ChdI-VXV.cjs';
-export { A as AcceptedOffer, e as AppearanceVariables, B as BackButtonProps, f as BuiltInOfferConfig, g as BuiltInStep, h as BuiltInStepType, C as CancelFlowProps, c as CloseButtonProps, i as ComponentOverrides, j as ConfirmClassNames, k as ConfirmStep, a as ConfirmStepProps, l as ContactOffer, m as CustomComponents, n as CustomOfferConfig, o as CustomOfferProps, p as CustomStepConfig, q as CustomStepProps, D as DirectAddress, r as DirectCoupon, t as DirectPrice, v as DirectSubscriptionItem, w as DiscountOffer, x as FeedbackClassNames, y as FeedbackStep, F as FeedbackStepProps, M as ModalProps, G as OfferClassNames, H as OfferConfig, I as OfferCopy, K as OfferStep, O as OfferStepProps, P as PauseOffer, L as PlanChangeOffer, R as ReasonButtonProps, T as RedirectOffer, V as Step, W as StructuralClassNames, X as SubscriptionStatus, Y as SuccessClassNames, Z as SuccessStep, S as SuccessStepProps, _ as SurveyClassNames, $ as SurveyStep, b as SurveyStepProps, a0 as TrialExtensionOffer } from './step-graph-ChdI-VXV.cjs';
+import { N as PlanOption, s as DirectCustomer, u as DirectSubscription, z as FlowConfig, E as FlowState, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, d as Appearance } from './step-graph-ChlSCUGk.cjs';
+export { A as AcceptedOffer, e as AppearanceVariables, B as BackButtonProps, f as BuiltInOfferConfig, g as BuiltInStep, h as BuiltInStepType, C as CancelFlowProps, c as CloseButtonProps, i as ComponentOverrides, j as ConfirmClassNames, k as ConfirmStep, a as ConfirmStepProps, l as ContactOffer, m as CustomComponents, n as CustomOfferConfig, o as CustomOfferProps, p as CustomStepConfig, q as CustomStepProps, D as DirectAddress, r as DirectCoupon, t as DirectPrice, v as DirectSubscriptionItem, w as DiscountOffer, x as FeedbackClassNames, y as FeedbackStep, F as FeedbackStepProps, M as ModalProps, G as OfferClassNames, H as OfferConfig, I as OfferCopy, K as OfferStep, O as OfferStepProps, P as PauseOffer, L as PlanChangeOffer, R as ReasonButtonProps, T as RedirectOffer, V as Step, W as StructuralClassNames, X as SubscriptionStatus, Y as SuccessClassNames, Z as SuccessStep, S as SuccessStepProps, _ as SurveyClassNames, $ as SurveyStep, b as SurveyStepProps, a0 as TrialExtensionOffer } from './step-graph-ChlSCUGk.cjs';
 import { CSSProperties } from 'react';
 
 interface SdkConfig {
@@ -164,6 +164,8 @@ interface SessionPayload {
     aborted?: boolean;
     surveyChoiceId?: string;
     surveyChoiceValue?: string;
+    /** Free-text from a `freeform: true` reason. The reason's static `label` still travels on `surveyChoiceValue`. */
+    followupResponse?: string;
     feedback?: string;
     acceptedOffer?: AcceptedOfferPayload;
     presentedOffers?: PresentedOffer[];
@@ -214,6 +216,13 @@ declare class AnalyticsClient {
  */
 declare function formatPrice(amount: number, currency?: string, locale?: string): string;
 declare function calculateDiscountedPrice(originalPrice: number, percentOff: number): number;
+/**
+ * Long-form access period end ("June 14, 2026") for the first subscription's
+ * current period. Returns null for canceled subscriptions, missing periods,
+ * and unparseable dates so Confirm can drop the "access continues until"
+ * notice cleanly instead of rendering "Invalid Date".
+ */
+declare function formatPeriodEnd(subscriptions: DirectSubscription[] | null | undefined, locale?: string): string | null;
 
 declare class CancelFlowMachine {
     private state;
@@ -254,6 +263,7 @@ declare class CancelFlowMachine {
     get stepIndex(): number;
     get totalSteps(): number;
     selectReason: (id: string) => void;
+    setFollowupResponse: (text: string) => void;
     next: (result?: Record<string, unknown>) => void;
     back: () => void;
     accept: (result?: Record<string, unknown>) => Promise<void>;
@@ -287,6 +297,7 @@ declare class CancelFlowMachine {
 }
 
 declare const BUILT_IN_STEP_TYPES: readonly string[];
+declare const BUILT_IN_OFFER_TYPES: readonly string[];
 declare function cn(...classes: (string | undefined | null | false)[]): string;
 declare function appearanceToStyle(appearance?: Appearance): CSSProperties | undefined;
 declare const defaultTitles: {
@@ -295,4 +306,4 @@ declare const defaultTitles: {
     readonly confirm: "Confirm cancellation";
 };
 
-export { AnalyticsClient, Appearance, BUILT_IN_STEP_TYPES, CancelFlowMachine, ChurnkeyApi, DirectCustomer, DirectSubscription, FlowConfig, FlowState, OfferDecision, PlanOption, ReasonConfig, ResolvedStep, type SdkConfig, type SdkConfirmStep, type SdkFeedbackStep, type SdkOffer, type SdkOfferCopy, type SdkOfferStep, type SdkReason, type SdkSettings, type SdkStep, type SdkSurveyStep, type SessionCredentials, type SessionPayload, appearanceToStyle, calculateDiscountedPrice, cn, decodeSessionToken, defaultTitles, formatPrice };
+export { AnalyticsClient, Appearance, BUILT_IN_OFFER_TYPES, BUILT_IN_STEP_TYPES, CancelFlowMachine, ChurnkeyApi, DirectCustomer, DirectSubscription, FlowConfig, FlowState, OfferDecision, PlanOption, ReasonConfig, ResolvedStep, type SdkConfig, type SdkConfirmStep, type SdkFeedbackStep, type SdkOffer, type SdkOfferCopy, type SdkOfferStep, type SdkReason, type SdkSettings, type SdkStep, type SdkSurveyStep, type SessionCredentials, type SessionPayload, appearanceToStyle, calculateDiscountedPrice, cn, decodeSessionToken, defaultTitles, formatPeriodEnd, formatPrice };

package/dist/core.d.ts

@@ -1,5 +1,5 @@
-import { N as PlanOption, s as DirectCustomer, u as DirectSubscription, z as FlowConfig, E as FlowState, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, d as Appearance } from './step-graph-ChdI-VXV.js';
-export { A as AcceptedOffer, e as AppearanceVariables, B as BackButtonProps, f as BuiltInOfferConfig, g as BuiltInStep, h as BuiltInStepType, C as CancelFlowProps, c as CloseButtonProps, i as ComponentOverrides, j as ConfirmClassNames, k as ConfirmStep, a as ConfirmStepProps, l as ContactOffer, m as CustomComponents, n as CustomOfferConfig, o as CustomOfferProps, p as CustomStepConfig, q as CustomStepProps, D as DirectAddress, r as DirectCoupon, t as DirectPrice, v as DirectSubscriptionItem, w as DiscountOffer, x as FeedbackClassNames, y as FeedbackStep, F as FeedbackStepProps, M as ModalProps, G as OfferClassNames, H as OfferConfig, I as OfferCopy, K as OfferStep, O as OfferStepProps, P as PauseOffer, L as PlanChangeOffer, R as ReasonButtonProps, T as RedirectOffer, V as Step, W as StructuralClassNames, X as SubscriptionStatus, Y as SuccessClassNames, Z as SuccessStep, S as SuccessStepProps, _ as SurveyClassNames, $ as SurveyStep, b as SurveyStepProps, a0 as TrialExtensionOffer } from './step-graph-ChdI-VXV.js';
+import { N as PlanOption, s as DirectCustomer, u as DirectSubscription, z as FlowConfig, E as FlowState, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, d as Appearance } from './step-graph-ChlSCUGk.js';
+export { A as AcceptedOffer, e as AppearanceVariables, B as BackButtonProps, f as BuiltInOfferConfig, g as BuiltInStep, h as BuiltInStepType, C as CancelFlowProps, c as CloseButtonProps, i as ComponentOverrides, j as ConfirmClassNames, k as ConfirmStep, a as ConfirmStepProps, l as ContactOffer, m as CustomComponents, n as CustomOfferConfig, o as CustomOfferProps, p as CustomStepConfig, q as CustomStepProps, D as DirectAddress, r as DirectCoupon, t as DirectPrice, v as DirectSubscriptionItem, w as DiscountOffer, x as FeedbackClassNames, y as FeedbackStep, F as FeedbackStepProps, M as ModalProps, G as OfferClassNames, H as OfferConfig, I as OfferCopy, K as OfferStep, O as OfferStepProps, P as PauseOffer, L as PlanChangeOffer, R as ReasonButtonProps, T as RedirectOffer, V as Step, W as StructuralClassNames, X as SubscriptionStatus, Y as SuccessClassNames, Z as SuccessStep, S as SuccessStepProps, _ as SurveyClassNames, $ as SurveyStep, b as SurveyStepProps, a0 as TrialExtensionOffer } from './step-graph-ChlSCUGk.js';
 import { CSSProperties } from 'react';
 
 interface SdkConfig {
@@ -164,6 +164,8 @@ interface SessionPayload {
     aborted?: boolean;
     surveyChoiceId?: string;
     surveyChoiceValue?: string;
+    /** Free-text from a `freeform: true` reason. The reason's static `label` still travels on `surveyChoiceValue`. */
+    followupResponse?: string;
     feedback?: string;
     acceptedOffer?: AcceptedOfferPayload;
     presentedOffers?: PresentedOffer[];
@@ -214,6 +216,13 @@ declare class AnalyticsClient {
  */
 declare function formatPrice(amount: number, currency?: string, locale?: string): string;
 declare function calculateDiscountedPrice(originalPrice: number, percentOff: number): number;
+/**
+ * Long-form access period end ("June 14, 2026") for the first subscription's
+ * current period. Returns null for canceled subscriptions, missing periods,
+ * and unparseable dates so Confirm can drop the "access continues until"
+ * notice cleanly instead of rendering "Invalid Date".
+ */
+declare function formatPeriodEnd(subscriptions: DirectSubscription[] | null | undefined, locale?: string): string | null;
 
 declare class CancelFlowMachine {
     private state;
@@ -254,6 +263,7 @@ declare class CancelFlowMachine {
     get stepIndex(): number;
     get totalSteps(): number;
     selectReason: (id: string) => void;
+    setFollowupResponse: (text: string) => void;
     next: (result?: Record<string, unknown>) => void;
     back: () => void;
     accept: (result?: Record<string, unknown>) => Promise<void>;
@@ -287,6 +297,7 @@ declare class CancelFlowMachine {
 }
 
 declare const BUILT_IN_STEP_TYPES: readonly string[];
+declare const BUILT_IN_OFFER_TYPES: readonly string[];
 declare function cn(...classes: (string | undefined | null | false)[]): string;
 declare function appearanceToStyle(appearance?: Appearance): CSSProperties | undefined;
 declare const defaultTitles: {
@@ -295,4 +306,4 @@ declare const defaultTitles: {
     readonly confirm: "Confirm cancellation";
 };
 
-export { AnalyticsClient, Appearance, BUILT_IN_STEP_TYPES, CancelFlowMachine, ChurnkeyApi, DirectCustomer, DirectSubscription, FlowConfig, FlowState, OfferDecision, PlanOption, ReasonConfig, ResolvedStep, type SdkConfig, type SdkConfirmStep, type SdkFeedbackStep, type SdkOffer, type SdkOfferCopy, type SdkOfferStep, type SdkReason, type SdkSettings, type SdkStep, type SdkSurveyStep, type SessionCredentials, type SessionPayload, appearanceToStyle, calculateDiscountedPrice, cn, decodeSessionToken, defaultTitles, formatPrice };
+export { AnalyticsClient, Appearance, BUILT_IN_OFFER_TYPES, BUILT_IN_STEP_TYPES, CancelFlowMachine, ChurnkeyApi, DirectCustomer, DirectSubscription, FlowConfig, FlowState, OfferDecision, PlanOption, ReasonConfig, ResolvedStep, type SdkConfig, type SdkConfirmStep, type SdkFeedbackStep, type SdkOffer, type SdkOfferCopy, type SdkOfferStep, type SdkReason, type SdkSettings, type SdkStep, type SdkSurveyStep, type SessionCredentials, type SessionPayload, appearanceToStyle, calculateDiscountedPrice, cn, decodeSessionToken, defaultTitles, formatPeriodEnd, formatPrice };

package/dist/core.js

@@ -1,4 +1,4 @@
-export { BUILT_IN_STEP_TYPES, appearanceToStyle, calculateDiscountedPrice, cn, defaultTitles, formatPrice } from './chunk-GCQ75J4G.js';
-export { AnalyticsClient, CancelFlowMachine, ChurnkeyApi, decodeSessionToken } from './chunk-IFVMM2LB.js';
+export { BUILT_IN_OFFER_TYPES, BUILT_IN_STEP_TYPES, appearanceToStyle, calculateDiscountedPrice, cn, defaultTitles, formatPeriodEnd, formatPrice } from './chunk-SQ35G4LA.js';
+export { AnalyticsClient, CancelFlowMachine, ChurnkeyApi, decodeSessionToken } from './chunk-UNSSI6KX.js';
 //# sourceMappingURL=core.js.map
 //# sourceMappingURL=core.js.map

package/dist/headless.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkXU7KDCXO_cjs = require('./chunk-XU7KDCXO.cjs');
-require('./chunk-CPBEP4NW.cjs');
+var chunk42SJA62X_cjs = require('./chunk-42SJA62X.cjs');
+require('./chunk-2VQNWZWO.cjs');
 
 
 
 Object.defineProperty(exports, "useCancelFlow", {
   enumerable: true,
-  get: function () { return chunkXU7KDCXO_cjs.useCancelFlow; }
+  get: function () { return chunk42SJA62X_cjs.useCancelFlow; }
 });
 //# sourceMappingURL=headless.cjs.map
 //# sourceMappingURL=headless.cjs.map

package/dist/headless.d.cts

@@ -1,15 +1,17 @@
-import { z as FlowConfig, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, s as DirectCustomer } from './step-graph-ChdI-VXV.cjs';
+import { z as FlowConfig, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, s as DirectCustomer, u as DirectSubscription } from './step-graph-ChlSCUGk.cjs';
 import 'react';
 
 declare function useCancelFlow(config: FlowConfig): {
     isLoading: boolean;
     loadError: Error | null;
+    retry: () => void;
     reasons: ReasonConfig[];
     currentStep: ResolvedStep | undefined;
     currentOffer: OfferDecision | null;
     stepIndex: number;
     totalSteps: number;
     selectReason: (id: string) => void;
+    setFollowupResponse: (text: string) => void;
     setFeedback: (text: string) => void;
     accept: (result?: Record<string, unknown>) => Promise<void>;
     decline: () => void;
@@ -20,11 +22,13 @@ declare function useCancelFlow(config: FlowConfig): {
     step: string;
     currentStepId: string;
     selectedReason: string | null;
+    followupResponse: string;
     feedback: string;
     outcome: "saved" | "cancelled" | null;
     isProcessing: boolean;
     error: Error | null;
     customer: DirectCustomer | null;
+    subscriptions: DirectSubscription[];
 };
 
 export { useCancelFlow };

package/dist/headless.d.ts

@@ -1,15 +1,17 @@
-import { z as FlowConfig, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, s as DirectCustomer } from './step-graph-ChdI-VXV.js';
+import { z as FlowConfig, Q as ReasonConfig, U as ResolvedStep, J as OfferDecision, s as DirectCustomer, u as DirectSubscription } from './step-graph-ChlSCUGk.js';
 import 'react';
 
 declare function useCancelFlow(config: FlowConfig): {
     isLoading: boolean;
     loadError: Error | null;
+    retry: () => void;
     reasons: ReasonConfig[];
     currentStep: ResolvedStep | undefined;
     currentOffer: OfferDecision | null;
     stepIndex: number;
     totalSteps: number;
     selectReason: (id: string) => void;
+    setFollowupResponse: (text: string) => void;
     setFeedback: (text: string) => void;
     accept: (result?: Record<string, unknown>) => Promise<void>;
     decline: () => void;
@@ -20,11 +22,13 @@ declare function useCancelFlow(config: FlowConfig): {
     step: string;
     currentStepId: string;
     selectedReason: string | null;
+    followupResponse: string;
     feedback: string;
     outcome: "saved" | "cancelled" | null;
     isProcessing: boolean;
     error: Error | null;
     customer: DirectCustomer | null;
+    subscriptions: DirectSubscription[];
 };
 
 export { useCancelFlow };

package/dist/headless.js

@@ -1,4 +1,4 @@
-export { useCancelFlow } from './chunk-QTMZI5I2.js';
-import './chunk-IFVMM2LB.js';
+export { useCancelFlow } from './chunk-YZERGV7F.js';
+import './chunk-UNSSI6KX.js';
 //# sourceMappingURL=headless.js.map
 //# sourceMappingURL=headless.js.map