@churnkey/react 0.6.5 → 0.7.1

package/dist/{chunk-H5IHOYUF.cjs → chunk-ER6YITYC.cjs}

@@ -1,5 +1,165 @@
 'use strict';
 
+// src/core/messages.ts
+var defaultMessages = {
+  common: {
+    continue: "Continue",
+    back: "Back",
+    close: "Close",
+    done: "Done",
+    processing: "Processing...",
+    tryAgain: "Try again",
+    loading: "Loading your options...",
+    loadError: "We couldn't load your cancellation options. Please try again.",
+    error: "Something went wrong. Please try again.",
+    day: "day",
+    days: "days",
+    month: "month",
+    months: "months"
+  },
+  survey: {
+    title: "Why are you cancelling?",
+    followupPlaceholder: "Tell us more (optional)",
+    followupAriaLabel: "Additional detail"
+  },
+  feedback: {
+    title: "Any other feedback?",
+    placeholder: "Type your thoughts\u2026",
+    placeholderWithMin: "At least {minLength} characters\u2026"
+  },
+  confirm: {
+    title: "Confirm cancellation",
+    lossesLabel: "You'll lose access to:",
+    cta: "Cancel subscription",
+    goBack: "Go back",
+    periodEndNotice: {
+      immediate: "",
+      atPeriodEnd: "Your access continues until {periodEnd}."
+    }
+  },
+  success: {
+    // Per-offer defaults mirror the embed's *Applied keys so the two
+    // surfaces confirm the same outcome with the same words.
+    saved: {
+      title: "Welcome back!",
+      description: "Your offer has been applied.",
+      discount: { title: "Discount applied.", description: "We're so happy you're still here." },
+      pause: {
+        title: "Subscription paused.",
+        description: "You won't be billed until your subscription resumes.",
+        resumeDescription: "You won't be billed again until {resumeDate}."
+      },
+      trial_extension: { title: "Trial extended.", description: "Your trial has been extended successfully." },
+      plan_change: { title: "Plan changed.", description: "Your new plan is now in effect." },
+      rebate: { title: "Refund issued.", description: "Your money's on its way back." }
+    },
+    cancelled: {
+      title: "Subscription cancelled",
+      description: "We're sorry to see you go."
+    }
+  },
+  offer: {
+    limitedTimeEyebrow: "Limited-time offer",
+    pauseEyebrow: "We'll see you back on",
+    newEndDateLabel: "New end date",
+    currentPlanBadge: "Current",
+    switchToCta: "Switch to {planName}",
+    acceptCta: {
+      discount: "",
+      pause: "",
+      trial_extension: "",
+      plan_change: "",
+      contact: "",
+      redirect: "",
+      rebate: ""
+    },
+    declineCta: "",
+    rebate: {
+      paidLabel: "You paid this period",
+      moneyBackLabel: "Money back",
+      inclTax: "(incl. {amount} tax)",
+      netLabel: "Your net for this period"
+    }
+  }
+};
+function isTimingVariants(value) {
+  return typeof value === "object" && value !== null && ("immediate" in value || "atPeriodEnd" in value) && !Array.isArray(value);
+}
+function selectTiming(value, cancelAtPeriodEnd) {
+  if (typeof value === "string") return value;
+  return cancelAtPeriodEnd ?? true ? value.atPeriodEnd : value.immediate;
+}
+function formatMessage(template, vars) {
+  return template.replace(/\{(\w+)\}/g, (match, name) => {
+    const value = vars[name];
+    return value == null ? match : String(value);
+  });
+}
+var TIMING_AWARE_PATHS = /* @__PURE__ */ new Set([
+  "confirm.cta",
+  "confirm.periodEndNotice",
+  "success.cancelled.title",
+  "success.cancelled.description"
+]);
+function mergeValue(base, patch, path) {
+  if (typeof base === "string" || isTimingVariants(base)) {
+    if (typeof patch === "string") return patch === "" ? base : patch;
+    if (isTimingVariants(patch) && TIMING_AWARE_PATHS.has(path)) {
+      const result = typeof base === "string" ? { immediate: base, atPeriodEnd: base } : { immediate: "", atPeriodEnd: "", ...base };
+      let applied = false;
+      if (typeof patch.immediate === "string" && patch.immediate) {
+        result.immediate = patch.immediate;
+        applied = true;
+      }
+      if (typeof patch.atPeriodEnd === "string" && patch.atPeriodEnd) {
+        result.atPeriodEnd = patch.atPeriodEnd;
+        applied = true;
+      }
+      return applied ? result : base;
+    }
+    return base;
+  }
+  if (typeof base === "object" && base !== null && typeof patch === "object" && patch !== null && !Array.isArray(patch) && !isTimingVariants(patch)) {
+    const merged = { ...base };
+    for (const [key, value] of Object.entries(patch)) {
+      if (value == null || !(key in merged)) continue;
+      merged[key] = mergeValue(merged[key], value, path ? `${path}.${key}` : key);
+    }
+    return merged;
+  }
+  return base;
+}
+function mergeMessages(base, patch) {
+  if (!patch) return base;
+  return mergeValue(base, patch, "");
+}
+function resolveLocale(explicit) {
+  if (explicit) return explicit;
+  if (typeof navigator !== "undefined" && navigator.language) return navigator.language;
+  return "en";
+}
+function localeChain(locale) {
+  const exact = locale.toLowerCase();
+  const base = exact.split("-")[0];
+  const chain = ["en"];
+  if (base !== "en") chain.push(base);
+  if (exact !== base) chain.push(exact);
+  return chain;
+}
+function applyLocaleLayer(base, byLang, chain) {
+  if (!byLang) return base;
+  const byLowerKey = new Map(Object.entries(byLang).map(([k, v]) => [k.toLowerCase(), v]));
+  let resolved = base;
+  for (const lang of chain) {
+    resolved = mergeMessages(resolved, byLowerKey.get(lang));
+  }
+  return resolved;
+}
+function buildMessages(i18n, orgMessages) {
+  const chain = localeChain(resolveLocale(i18n?.locale));
+  return applyLocaleLayer(applyLocaleLayer(defaultMessages, orgMessages, chain), i18n?.messages, chain);
+}
+
 // src/core/utils.ts
 var BUILT_IN_STEP_TYPES = ["survey", "offer", "feedback", "confirm", "success"];
 var BUILT_IN_OFFER_TYPES = [
@@ -66,9 +226,9 @@ function appearanceToStyle(appearance) {
   return Object.keys(style).length > 0 ? style : void 0;
 }
 var defaultTitles = {
-  survey: "Why are you cancelling?",
-  feedback: "Any other feedback?",
-  confirm: "Confirm cancellation"
+  survey: defaultMessages.survey.title,
+  feedback: defaultMessages.feedback.title,
+  confirm: defaultMessages.confirm.title
 };
 
 // src/core/api.ts
@@ -754,6 +914,9 @@ var CancelFlowMachine = class {
   presentedOffers = [];
   customStepResults = {};
   configMode = "live";
+  i18nConfig;
+  localCancelAtPeriodEnd = null;
+  resolvedMessages;
   stepEnteredAt = Date.now();
   aborted = false;
   // Visited-step stack. `back` pops this so it lands on the actually-seen
@@ -762,6 +925,11 @@ var CancelFlowMachine = class {
   history = [];
   constructor(config) {
     this.callbacks = config;
+    this.i18nConfig = config.i18n;
+    this.resolvedMessages = buildMessages(config.i18n);
+    if (!config.session && typeof config.cancelAtPeriodEnd === "boolean") {
+      this.localCancelAtPeriodEnd = config.cancelAtPeriodEnd;
+    }
     if (config.mode) this.configMode = config.mode;
     if (config.customerAttributes) this.customerAttributes = config.customerAttributes;
     if (config.appId && config.customer) {
@@ -802,6 +970,14 @@ var CancelFlowMachine = class {
   get currentOffer() {
     return this.currentStep?.offer ?? null;
   }
+  /**
+   * The fully resolved message catalog (defaults layered with the config's
+   * `i18n` overrides). Timing-aware values are still unresolved — pick a
+   * variant with `selectTiming(value, state.cancelAtPeriodEnd)`.
+   */
+  get messages() {
+    return this.resolvedMessages;
+  }
   /** Whether `back()` would move anywhere — false on the first step and on success. */
   get canGoBack() {
     if (this.state.step === "success") return false;
@@ -869,7 +1045,7 @@ var CancelFlowMachine = class {
       if (listener) await runListener(listener, acceptedOffer, customer);
       await this.callbacks.onAccept?.(acceptedOffer, customer);
       this.markCurrentOfferAccepted();
-      this.enterSuccessStep("saved");
+      this.enterSuccessStep("saved", acceptedOffer);
       this.recordOutcome("saved", offer, safeResult);
     } catch (error) {
       this.setState({ isProcessing: false, error });
@@ -918,6 +1094,9 @@ var CancelFlowMachine = class {
     this.apiClient = apiClient;
     this.creds = creds;
     this.config = config;
+    if (config.translations) {
+      this.resolvedMessages = buildMessages(this.i18nConfig, config.translations);
+    }
     const result = transformSdkConfig(config);
     this.blueprintId = result.blueprintId;
     const merged = this.localSteps ? mergeLocalSteps(result.steps, this.localSteps) : result.steps;
@@ -951,7 +1130,9 @@ var CancelFlowMachine = class {
       isProcessing: false,
       error: null,
       customer,
-      subscriptions
+      subscriptions,
+      cancelAtPeriodEnd: this.config?.settings.cancelAtPeriodEnd ?? this.localCancelAtPeriodEnd,
+      acceptedOffer: null
     };
   }
   // On a survey step with a selected reason that has an attached offer,
@@ -1077,9 +1258,17 @@ var CancelFlowMachine = class {
   // Terminal transition. Prefer moving currentStepId to a declared success
   // step so the developer's savedTitle / classNames / custom component
   // applies; otherwise stay put and the renderer's defaults cover it.
-  enterSuccessStep(outcome) {
+  // The accepted offer is snapshotted into state here because currentOffer
+  // derives from currentStepId, which a declared success step moves off the
+  // offer — per-offer success copy needs a stable source.
+  enterSuccessStep(outcome, acceptedOffer) {
     const success = this.getStepConfig("success");
-    const partial = { step: "success", outcome, isProcessing: false };
+    const partial = {
+      step: "success",
+      outcome,
+      isProcessing: false,
+      acceptedOffer: acceptedOffer ?? null
+    };
     if (success) partial.currentStepId = success.guid;
     this.setState(partial);
   }
@@ -1214,8 +1403,12 @@ exports.BUILT_IN_STEP_TYPES = BUILT_IN_STEP_TYPES;
 exports.CancelFlowMachine = CancelFlowMachine;
 exports.ChurnkeyApi = ChurnkeyApi;
 exports.appearanceToStyle = appearanceToStyle;
+exports.buildMessages = buildMessages;
 exports.cn = cn;
 exports.decodeSessionToken = decodeSessionToken;
+exports.defaultMessages = defaultMessages;
 exports.defaultTitles = defaultTitles;
-//# sourceMappingURL=chunk-H5IHOYUF.cjs.map
-//# sourceMappingURL=chunk-H5IHOYUF.cjs.map
+exports.formatMessage = formatMessage;
+exports.selectTiming = selectTiming;
+//# sourceMappingURL=chunk-ER6YITYC.cjs.map
+//# sourceMappingURL=chunk-ER6YITYC.cjs.map