@sezzle/sezzle-react-widget 3.1.7 → 3.2.0

package/dist/index.cjs

@@ -402,6 +402,19 @@ function getCurrency(priceString) {
   return currencyMatch ? currencyMatch[0] : defaultCurrency;
 }
 
+/**
+ * Renders a numeric value with the decimal separator appropriate for the
+ * language: a period for English, a comma for French/Spanish. Only the decimal
+ * separator is swapped; no grouping is applied.
+ * @param value - number or numeric string (e.g. an APR like 9.99)
+ * @param lang - Language code (en, fr, es)
+ * @return string
+ */
+function formatNumberForLocale(value, lang) {
+  var str = String(value);
+  return lang === 'fr' || lang === 'es' ? str.replace('.', ',') : str;
+}
+
 /**
  * Returns the translation object for the specified language
  * @param currentLang - Language code (en, fr, es)
@@ -416,6 +429,218 @@ function getTranslations(currentLang) {
   return translationsMap[currentLang];
 }
 
+function _toConsumableArray$1(r) { return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1(); }
+function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray$1(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles$1(r) { if (Array.isArray(r)) return _arrayLikeToArray$1(r); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
+function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty$4(e, r, t) { return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$4(i) ? i : i + ""; }
+function _toPrimitive$4(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof$4(o) { "@babel/helpers - typeof"; return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$4(o); }
+// Long-term (LT) product configuration.
+//
+// The widget supports long-term payment options whose defaults differ by
+// lending partner. To make per-partner rollouts easy, each partner's complete
+// set of LT defaults is bundled under a neutral alias ("a", "b", ...). The
+// alias is deliberately non-branded so the lending partner is never exposed to
+// merchants. An account manager guides the merchant on which alias to use based
+// on their enrollment, so the merchant no longer has to set every LT field by
+// hand. "a" is the default fallback preset.
+//
+// Every LT option follows a consistent contract: 0 (or unset) means "not set."
+// To disable LT entirely, omit both `minPriceLT` and `LTgroup`.
+//
+// Units note: unlike the backend LT API (which uses cents), every LT value in
+// this widget is expressed in whole currency units (dollars), matching the rest
+// of this project's config — minPriceLT, maxPriceLT, and the termsToShow
+// thresholds are all dollar amounts.
+
+var DEFAULT_LT_GROUP = 'a';
+
+// Recursively freeze an object and all nested objects/arrays. The presets below
+// are shared, long-lived references that resolve* helpers hand out directly
+// (e.g. resolveTermsToShow returns the preset's termsToShow, including its term
+// arrays, by reference). Freezing makes any accidental downstream mutation
+// (e.g. config.termsToShow.default.push(12)) throw instead of silently
+// corrupting the preset for the lifetime of the page.
+function deepFreeze(obj) {
+  for (var _i = 0, _Object$values = Object.values(obj); _i < _Object$values.length; _i++) {
+    var value = _Object$values[_i];
+    if (value && _typeof$4(value) === 'object' && !Object.isFrozen(value)) {
+      deepFreeze(value);
+    }
+  }
+  return Object.freeze(obj);
+}
+
+// Per-partner presets. Each preset is a COMPLETE set of LT defaults:
+//   minPriceLT  – lowest price (inclusive) eligible for LT
+//   maxPriceLT  – highest price (inclusive) eligible for LT
+//   minAPR      – lowest APR offered; lower bound of the disclaimer APR range
+//   medianAPR   – representative APR; drives per-card monthly payment + per-card APR display
+//   maxAPR      – highest APR offered; upper bound of the disclaimer APR range
+//   termsToShow – price-threshold → term-length map (see termsToShow shape below)
+//
+// termsToShow shape: keys are price thresholds in dollars, values are arrays of
+// term lengths in months. The `default` key handles prices below all
+// thresholds. A price selects the array for the highest threshold it strictly
+// exceeds, mirroring the previously hardcoded tiers.
+var LT_GROUPS = deepFreeze({
+  // "a" is seeded from this project's prior production values
+  // (APR range 9.99–34.99, median 21.99, maxPriceLT 15000, and the original
+  // hardcoded term tiers).
+  a: {
+    minPriceLT: 150,
+    maxPriceLT: 15000,
+    minAPR: 9.99,
+    medianAPR: 21.99,
+    maxAPR: 34.99,
+    termsToShow: {
+      "default": [3, 6, 9],
+      300: [6, 9, 12],
+      500: [12, 18, 24],
+      1000: [24, 36, 48]
+    }
+  },
+  b: {
+    minPriceLT: 400,
+    maxPriceLT: 8000,
+    minAPR: 24.99,
+    medianAPR: 29.99,
+    maxAPR: 35.99,
+    termsToShow: {
+      "default": [3, 6, 9],
+      600: [6, 9, 12],
+      800: [9, 12, 24],
+      1000: [12, 24, 36]
+    }
+  }
+});
+
+// Resolve an LTgroup alias to its canonical (lowercased) preset key, or null
+// when no alias is given. An unrecognized (non-empty) alias warns (listing the
+// accepted values) and resolves to null so callers fall back to the default.
+function normalizeGroup(alias) {
+  if (alias === undefined || alias === null || alias === '') return null;
+  var key = String(alias).toLowerCase();
+  if (LT_GROUPS[key]) return key;
+  console.warn("[Sezzle] Unknown LTgroup \"".concat(alias, "\". Accepted values: ").concat(Object.keys(LT_GROUPS).map(function (k) {
+    return "\"".concat(k, "\"");
+  }).join(', '), ". Falling back to \"").concat(DEFAULT_LT_GROUP, "\"."));
+  return null;
+}
+
+// True when `value` is a well-formed termsToShow map: an object whose values are
+// non-empty arrays of positive numbers (months).
+function isValidTermsToShow(value) {
+  if (!value || _typeof$4(value) !== 'object' || Array.isArray(value)) return false;
+  var entries = Object.values(value);
+  if (entries.length === 0) return false;
+  return entries.every(function (arr) {
+    return Array.isArray(arr) && arr.length > 0 && arr.every(function (n) {
+      return Number.isFinite(n) && n > 0;
+    });
+  });
+}
+
+// Resolve a merchant-supplied termsToShow against the group preset. Malformed
+// input warns (with the expected shape) and falls back to the preset. A valid
+// map missing the `default` key warns and borrows the preset's default so
+// below-threshold lookups never fall through.
+function resolveTermsToShow(provided, presetTerms) {
+  if (provided === undefined || provided === null) return presetTerms;
+  if (!isValidTermsToShow(provided)) {
+    console.warn('[Sezzle] Malformed termsToShow. Expected an object mapping price ' + 'thresholds (numbers, in dollars) to arrays of term lengths in months, ' + 'plus a "default" key for prices below all thresholds, e.g. ' + '{ default: [3, 6, 9], 500: [12, 18, 24] }. Falling back to the ' + 'LTgroup preset.');
+    return presetTerms;
+  }
+  if (!Array.isArray(provided["default"])) {
+    console.warn('[Sezzle] termsToShow is missing a "default" key for prices below all ' + "thresholds. Using the LTgroup preset's default.");
+    return _objectSpread$4(_objectSpread$4({}, provided), {}, {
+      "default": presetTerms["default"]
+    });
+  }
+  return provided;
+}
+
+// Pick an explicit prop when it is "set" (> 0), otherwise the preset value.
+// A value of 0 is never a valid LT setting, so it is treated as "not set."
+function pickPrice(value, fallback) {
+  return Number(value) > 0 ? Number(value) : fallback;
+}
+
+// Resolve the effective LT config from widget props.
+//
+// Every LT value defaults to a group preset, falling back to group "a" even
+// when LT is off, so maxPriceLT / the APRs / termsToShow are never 0 or null
+// downstream. `minPriceLT` is the sole exception: it is the render trigger
+// (the widget shows LT only when minPriceLT > 0), so it stays 0 when LT is
+// disabled — i.e. when neither LTgroup nor minPriceLT is provided.
+function resolveLTConfig() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var explicitGroup = normalizeGroup(props.LTgroup);
+  // Backcompat: pre-LTgroup configs enabled LT via minPriceLT alone. When that's
+  // set without an explicit LTgroup, auto-resolve to the default preset so the
+  // remaining LT defaults come from the original group "a".
+  var minPriceLTSet = Number(props.minPriceLT) > 0;
+  var group = explicitGroup || (minPriceLTSet ? DEFAULT_LT_GROUP : null);
+  var groupDefaults = LT_GROUPS[group] || LT_GROUPS[DEFAULT_LT_GROUP];
+  return {
+    minPriceLT: pickPrice(props.minPriceLT, group ? groupDefaults.minPriceLT : 0),
+    maxPriceLT: pickPrice(props.maxPriceLT, groupDefaults.maxPriceLT),
+    minAPR: pickPrice(props.minAPR, groupDefaults.minAPR),
+    medianAPR: pickPrice(props.medianAPR, groupDefaults.medianAPR),
+    maxAPR: pickPrice(props.maxAPR, groupDefaults.maxAPR),
+    termsToShow: resolveTermsToShow(props.termsToShow, groupDefaults.termsToShow)
+  };
+}
+
+// Select the term-length array for a price from a termsToShow map. Returns the
+// array for the highest dollar threshold the price strictly exceeds, falling
+// back to the `default` key. Returns undefined only when the map is missing /
+// has no usable default — callers guard against that.
+function selectTermsToShow(price, termsConfig) {
+  if (!termsConfig || _typeof$4(termsConfig) !== 'object') return undefined;
+  var thresholds = Object.keys(termsConfig).filter(function (k) {
+    return k !== 'default';
+  }).map(Number).filter(Number.isFinite).sort(function (a, b) {
+    return a - b;
+  });
+  var selected = termsConfig["default"];
+  var _iterator = _createForOfIteratorHelper(thresholds),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var threshold = _step.value;
+      if (price > threshold) selected = termsConfig[threshold];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return selected;
+}
+
+// Min and max term-month across the whole termsToShow map (the union of every
+// term array, including `default`). Used for the disclaimer's term-length
+// bounds. Returns null when no usable terms exist.
+function termMonthBounds(termsConfig) {
+  if (!termsConfig || _typeof$4(termsConfig) !== 'object') return null;
+  var months = Object.values(termsConfig).filter(Array.isArray).flat().filter(function (n) {
+    return Number.isFinite(n);
+  });
+  if (months.length === 0) return null;
+  return {
+    min: Math.min.apply(Math, _toConsumableArray$1(months)),
+    max: Math.max.apply(Math, _toConsumableArray$1(months))
+  };
+}
+
 var PI5_MIN_PRICE = 50;
 function isProductEligibleLT(priceText, minPriceLT, maxPriceLT) {
   if (!minPriceLT) return false;
@@ -439,18 +664,6 @@ function isInputAmountValid(priceText, minPrice, maxPrice, minPriceLT, maxPriceL
   var upper = minPriceLT > 0 ? Math.max(maxPrice, maxPriceLT || 0) : maxPrice;
   return price >= minPrice && price <= upper;
 }
-function termsToShow(price) {
-  switch (true) {
-    case price > 1000:
-      return [24, 36, 48];
-    case price > 500:
-      return [12, 18, 24];
-    case price > 300:
-      return [6, 9, 12];
-    default:
-      return [3, 6, 9];
-  }
-}
 function addDelimiters(priceString) {
   var parsedPrice = Number(priceString).toFixed(2);
   if (parsedPrice.length > 6) {
@@ -470,12 +683,24 @@ function calculateMonthlyWithInterest(priceText, term, APR) {
     return price / term;
   }
 }
-function getFormattedPrice(price, numberOfPayments, minPriceLT, maxPriceLT, bestAPR) {
+function getFormattedPrice(price, numberOfPayments, minPriceLT, maxPriceLT, medianAPR, termsConfig) {
   var priceString = parsePriceString(price);
   var priceReplacer = parsePrice(price);
   var formatter = price.replace(priceString, '{price}');
-  var terms = termsToShow(priceReplacer);
-  var sezzleInstallmentPrice = isProductEligibleLT(priceString, minPriceLT, maxPriceLT) ? calculateMonthlyWithInterest(priceString, terms[terms.length - 1], bestAPR) : priceReplacer / numberOfPayments;
+  var sezzleInstallmentPrice;
+  if (isProductEligibleLT(priceString, minPriceLT, maxPriceLT)) {
+    var terms = selectTermsToShow(priceReplacer, termsConfig);
+    // Defensive guard: when LT-eligible but no terms match (e.g. a malformed
+    // termsToShow that slipped past validation), fall back to the bi-weekly
+    // installment price rather than producing NaN.
+    if (Array.isArray(terms) && terms.length > 0) {
+      sezzleInstallmentPrice = calculateMonthlyWithInterest(priceString, terms[terms.length - 1], medianAPR);
+    } else {
+      sezzleInstallmentPrice = priceReplacer / numberOfPayments;
+    }
+  } else {
+    sezzleInstallmentPrice = priceReplacer / numberOfPayments;
+  }
   var sezzleInstallmentFormattedPrice = formatter.replace('{price}', sezzleInstallmentPrice.toFixed(2));
   return sezzleInstallmentFormattedPrice;
 }
@@ -521,10 +746,6 @@ var CAROUSEL_MAX_TAB = 3;
 var INPUT_DEBOUNCE_DELAY_MS = 150;
 var CURRENCY_REGEX_GLOBAL = /[$€£₤₹]/g;
 var SANITIZE_REGEX = /[^0-9,.$€£₤₹]/g;
-var LT_APR_MIN = 9.99;
-var LT_APR_MAX = 34.99;
-var LT_TERM_MIN = 3;
-var LT_TERM_MAX = 48;
 function computeEligibility(priceString, opts) {
   return {
     pi4: isProductEligiblePI4(priceString, opts.minPrice, opts.maxPrice),
@@ -535,10 +756,13 @@ function computeEligibility(priceString, opts) {
 function formatLTAmount(currency, value) {
   return currency + addDelimiters(value);
 }
-function generateBiweeklyCard(numberOfPayments, currency, priceString, minPriceLT, maxPriceLT, bestAPR, translations) {
+function generateBiweeklyCard(numberOfPayments, currency, priceString, translations) {
   var classModifier = numberOfPayments === 4 ? 'fourth' : 'fifth';
   var dashWidth = numberOfPayments === 4 ? 30 : 22;
-  var installmentPrice = getFormattedPrice(currency + priceString, numberOfPayments, minPriceLT, maxPriceLT, bestAPR);
+  // Biweekly cards always show the bi-weekly installment (price / numberOfPayments),
+  // never the long-term monthly amount. Passing minPriceLT/maxPriceLT = 0 forces
+  // getFormattedPrice down the non-LT branch even for LT-eligible prices.
+  var installmentPrice = getFormattedPrice(currency + priceString, numberOfPayments, 0, 0, 0, null);
   var pillLabel = numberOfPayments === 5 ? "".concat(translations.MultiPlanpayIn, " 5 <sup>TM</sup>") : "".concat(translations.MultiPlanpayIn, " ").concat(numberOfPayments);
   var installments = [];
   for (var i = 0; i < numberOfPayments; i++) {
@@ -550,30 +774,31 @@ function generateBiweeklyCard(numberOfPayments, currency, priceString, minPriceL
   }
   return "\n    <div class='payment-card ".concat(numberOfPayments, "-pay-installment-card'>\n      <div class='plan-summary'>\n        <div class='purple'>\n          <div class='left'>\n            <span class='price ").concat(numberOfPayments, "-pay-installment'>").concat(installmentPrice, "</span>\n            <span class='due'>").concat(translations.today, "</span>\n          </div>\n          <div class='right'>\n            <span class='pill'>").concat(pillLabel, "</span>\n          </div>\n        </div>\n        <div class='grey'>\n          <span class=\"").concat(numberOfPayments, "-pay-installment\">").concat(installmentPrice, "</span> ").concat(translations.MultiPlanevery2Weeks, "\n        </div>\n      </div>\n      <div class='payment-breakdown'>\n        ").concat(installments.join(''), "\n      </div>\n    </div>\n  ");
 }
-function generateMonthlyCard(months, currency, priceString, bestAPR, translations) {
-  var monthly = calculateMonthlyWithInterest(priceString, months, bestAPR);
+function generateMonthlyCard(months, currency, priceString, medianAPR, translations, lang) {
+  var monthly = calculateMonthlyWithInterest(priceString, months, medianAPR);
   var total = monthly * months;
   var interest = total - Number(priceString);
-  return "\n    <div class='payment-card monthly-installment-card' data-months='".concat(months, "'>\n      <div class='plan-summary'>\n        <div class='purple'>\n          <div class='left'>\n            <span class='price monthly-amount' data-months='").concat(months, "'>").concat(formatLTAmount(currency, monthly), "</span>\n            <span class='due' aria-label='").concat(translations.LTperMonth, "'>\n              <span aria-hidden='true'>").concat(translations.LTmonthlyAmount, "</span>\n            </span>\n          </div>\n          <div class='right'>\n            <span class='pill'>").concat(months, " ").concat(translations.LTtermLength, "</span>\n          </div>\n        </div>\n      </div>\n      <div class='plan-details monthly-plan-details'>\n        <div class='monthly-detail-row' aria-label='").concat(translations.LTreadApr, " ").concat(bestAPR, " ").concat(translations.LTpercent, "'>\n          <span class='detail-label' aria-hidden='true'>").concat(translations.LTsampleApr, "</span>\n          <span class='detail-value monthly-apr' aria-hidden='true'>").concat(bestAPR, "%</span>\n        </div>\n        <div class='monthly-detail-row'>\n          <span class='detail-label'>").concat(translations.LTinterest, "</span>\n          <span class='detail-value monthly-interest' data-months='").concat(months, "'>").concat(formatLTAmount(currency, interest), "</span>\n        </div>\n        <div class='monthly-detail-row'>\n          <span class='detail-label'>").concat(translations.LTadjustedTotal, "</span>\n          <span class='detail-value monthly-total' data-months='").concat(months, "'>").concat(formatLTAmount(currency, total), "</span>\n        </div>\n      </div>\n    </div>\n  ");
+  var aprDisplay = formatNumberForLocale(medianAPR, lang);
+  return "\n    <div class='payment-card monthly-installment-card' data-months='".concat(months, "'>\n      <div class='plan-summary'>\n        <div class='purple'>\n          <div class='left'>\n            <span class='price monthly-amount' data-months='").concat(months, "'>").concat(formatLTAmount(currency, monthly), "</span>\n            <span class='due' aria-label='").concat(translations.LTperMonth, "'>\n              <span aria-hidden='true'>").concat(translations.LTmonthlyAmount, "</span>\n            </span>\n          </div>\n          <div class='right'>\n            <span class='pill'>").concat(months, " ").concat(translations.LTtermLength, "</span>\n          </div>\n        </div>\n      </div>\n      <div class='plan-details monthly-plan-details'>\n        <div class='monthly-detail-row' aria-label='").concat(translations.LTreadApr, " ").concat(aprDisplay, " ").concat(translations.LTpercent, "'>\n          <span class='detail-label' aria-hidden='true'>").concat(translations.LTsampleApr, "</span>\n          <span class='detail-value monthly-apr' aria-hidden='true'>").concat(aprDisplay, "%</span>\n        </div>\n        <div class='monthly-detail-row'>\n          <span class='detail-label'>").concat(translations.LTinterest, "</span>\n          <span class='detail-value monthly-interest' data-months='").concat(months, "'>").concat(formatLTAmount(currency, interest), "</span>\n        </div>\n        <div class='monthly-detail-row'>\n          <span class='detail-label'>").concat(translations.LTadjustedTotal, "</span>\n          <span class='detail-value monthly-total' data-months='").concat(months, "'>").concat(formatLTAmount(currency, total), "</span>\n        </div>\n      </div>\n    </div>\n  ");
 }
 function featureCheckSvg() {
   return "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM6.66667 12C3.72667 12 1.33333 9.60667 1.33333 6.66667C1.33333 3.72667 3.72667 1.33333 6.66667 1.33333C9.60667 1.33333 12 3.72667 12 6.66667C12 9.60667 9.60667 12 6.66667 12ZM9.25333 4.19333L5.33333 8.11333L4.08 6.86C3.82 6.6 3.4 6.6 3.14 6.86C2.88 7.12 2.88 7.54 3.14 7.8L4.86667 9.52667C5.12667 9.78667 5.54667 9.78667 5.80667 9.52667L10.2 5.13333C10.46 4.87333 10.46 4.45333 10.2 4.19333C9.94 3.93333 9.51333 3.93333 9.25333 4.19333Z\" fill=\"#8333D4\"/>\n  </svg>";
 }
 function generateBiweeklyInner(eligibility, currency, priceString, opts, translations) {
   if (!eligibility.pi4) return '';
-  return "\n    ".concat(generateBiweeklyCard(4, currency, priceString, opts.minPriceLT, opts.maxPriceLT, opts.bestAPR, translations), "\n    ").concat(eligibility.pi5 ? generateBiweeklyCard(5, currency, priceString, opts.minPriceLT, opts.maxPriceLT, opts.bestAPR, translations) : '', "\n  ");
+  return "\n    ".concat(generateBiweeklyCard(4, currency, priceString, translations), "\n    ").concat(eligibility.pi5 ? generateBiweeklyCard(5, currency, priceString, translations) : '', "\n  ");
 }
-function generateMonthlyInner(eligibility, currency, priceString, opts, translations) {
+function generateMonthlyInner(eligibility, currency, priceString, opts, translations, lang) {
   if (!eligibility.lt) return '';
-  var terms = termsToShow(parsePrice(priceString));
+  var terms = selectTermsToShow(parsePrice(priceString), opts.termsToShow) || [];
   var cards = terms.map(function (months) {
-    return generateMonthlyCard(months, currency, priceString, opts.bestAPR, translations);
+    return generateMonthlyCard(months, currency, priceString, opts.medianAPR, translations, lang);
   }).join('');
   var seeDetails = translations.LTseeDetails;
   var hideDetails = translations.LThideDetails;
   return "\n    ".concat(cards, "\n    <div class=\"features-accordion\">\n      <div class=\"accordion-title-bar\">\n        <span class=\"accordion-title\" aria-hidden='true'>").concat(seeDetails, "</span>\n        <button class=\"accordion-icon accordion-toggle\" aria-expanded=\"false\" aria-controls=\"features-drawer\" aria-label='").concat(seeDetails, "' data-label-expand='").concat(seeDetails, "' data-label-collapse='").concat(hideDetails, "'>\n          <svg class=\"accordion-icon-expand\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M9.4625 0.2925L5.5825 4.1725L1.7025 0.2925C1.3125 -0.0975 0.6825 -0.0975 0.2925 0.2925C-0.0975 0.6825 -0.0975 1.3125 0.2925 1.7025L4.8825 6.2925C5.2725 6.6825 5.9025 6.6825 6.2925 6.2925L10.8825 1.7025C11.2725 1.3125 11.2725 0.6825 10.8825 0.2925C10.4925 -0.0875 9.8525 -0.0975 9.4625 0.2925Z\" fill=\"#8333D4\"/>\n          </svg>\n          <svg class=\"accordion-icon-collapse\" style=\"display:none\" width=\"12\" height=\"7\" viewBox=\"0 0 12 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path d=\"M4.8825 0.2925L0.2925 4.8825C-0.0975 5.2725 -0.0975 5.9025 0.2925 6.2925C0.6825 6.6825 1.3125 6.6825 1.7025 6.2925L5.5925 2.4125L9.4725 6.2925C9.8625 6.6825 10.4925 6.6825 10.8825 6.2925C11.2725 5.9025 11.2725 5.2725 10.8825 4.8825L6.2925 0.2925C5.9125 -0.0975 5.2725 -0.0975 4.8825 0.2925Z\" fill=\"#8333D4\"/>\n          </svg>\n        </button>\n      </div>\n      <div id=\"features-drawer\" class=\"features-drawer\" style=\"display: none;\">\n        <div class=\"single-feature\"><div>").concat(featureCheckSvg(), "</div><span>").concat(translations.LTsingleFeatureAffordable, "</span></div>\n        <div class=\"single-feature\"><div>").concat(featureCheckSvg(), "</div><span>").concat(translations.LTsingleFeaturePrequalify, "</span></div>\n        <div class=\"single-feature\"><div>").concat(featureCheckSvg(), "</div><span>").concat(translations.LTsingleFeatureTrusted, "</span></div>\n      </div>\n    </div>\n  ");
 }
-function generateTermsInner(eligibility, translations) {
+function generateTermsInner(eligibility, translations, opts, lang) {
   var webBank = '';
   if (eligibility.pi4) {
     var productTerms = eligibility.pi5 ? translations.webBankTermsPI5 : translations.webBankTermsPI4;
@@ -581,7 +806,14 @@ function generateTermsInner(eligibility, translations) {
   }
   var ltTerms = '';
   if (eligibility.lt) {
-    var ltTerms3 = (translations.LTterms3 || '* Subject to credit approval by a third party lender.').replace('{minAPR}', LT_APR_MIN).replace('{maxAPR}', LT_APR_MAX).replace('{minTermMonths}', LT_TERM_MIN).replace('{maxTermMonths}', LT_TERM_MAX);
+    // APR range comes from the resolved LT config; term-month bounds derive from
+    // the union of every termsToShow array. APR values render with the
+    // locale-appropriate decimal separator.
+    var bounds = termMonthBounds(opts.termsToShow) || {
+      min: '',
+      max: ''
+    };
+    var ltTerms3 = (translations.LTterms3 || '* Subject to credit approval by a third party lender.').replace('{minAPR}', formatNumberForLocale(opts.minAPR, lang)).replace('{maxAPR}', formatNumberForLocale(opts.maxAPR, lang)).replace('{minTermMonths}', bounds.min).replace('{maxTermMonths}', bounds.max);
     ltTerms = "<p class=\"terms lt-terms\">".concat(ltTerms3, "</p>");
   }
   return "\n    <p class=\"terms\"><span>".concat(translations.terms1, "</span><br /><span>").concat(translations.termsHiw, "</span></p>\n    <p class=\"terms\">").concat(translations.terms2, "</p>\n    ").concat(webBank, "\n    ").concat(ltTerms, "\n  ");
@@ -695,7 +927,7 @@ function attachFeaturesAccordion(modalNode) {
 }
 
 // Swap in re-rendered HTML for the sections that depend on the input amount.
-function renderDynamicSections(modalNode, currency, priceString, opts, translations) {
+function renderDynamicSections(modalNode, currency, priceString, opts, translations, lang) {
   var eligibility = computeEligibility(priceString, opts);
   var container = modalNode.querySelector('#sezzle-modal-container');
   if (container) container.classList.toggle('pi4-only', !eligibility.pi5);
@@ -706,12 +938,12 @@ function renderDynamicSections(modalNode, currency, priceString, opts, translati
   }
   var monthly = modalNode.querySelector('.payment-cards-monthly');
   if (monthly) {
-    monthly.innerHTML = generateMonthlyInner(eligibility, currency, priceString, opts, translations);
+    monthly.innerHTML = generateMonthlyInner(eligibility, currency, priceString, opts, translations, lang);
     monthly.style.display = eligibility.lt ? '' : 'none';
     if (eligibility.lt) attachFeaturesAccordion(modalNode);
   }
   var terms = modalNode.querySelector('.terms-container');
-  if (terms) terms.innerHTML = generateTermsInner(eligibility, translations);
+  if (terms) terms.innerHTML = generateTermsInner(eligibility, translations, opts, lang);
 }
 function handleMultiPlanInput(modalNode, opts, initialCurrency) {
   var input = modalNode.querySelector('.input-amount');
@@ -719,7 +951,8 @@ function handleMultiPlanInput(modalNode, opts, initialCurrency) {
   if (!input || input.dataset.listenersAdded === 'true') return;
   var currency = initialCurrency;
   var debounceTimer = null;
-  var translations = getTranslations(getLanguage());
+  var lang = getLanguage();
+  var translations = getTranslations(lang);
   input.addEventListener('click', function (e) {
     return e.stopPropagation();
   });
@@ -741,7 +974,7 @@ function handleMultiPlanInput(modalNode, opts, initialCurrency) {
       }
       input.classList.remove('input-error');
       if (container) container.classList.remove('input-error');
-      renderDynamicSections(modalNode, currency, priceString, opts, translations);
+      renderDynamicSections(modalNode, currency, priceString, opts, translations, lang);
     }, INPUT_DEBOUNCE_DELAY_MS);
   });
   input.dataset.listenersAdded = 'true';
@@ -753,7 +986,8 @@ function handleMultiPlanInput(modalNode, opts, initialCurrency) {
 // minPrice=0 relaxation as the initial render so PI4 is always visible on open.
 function resetMultiPlanModal(modalNode, rawPrice, opts) {
   if (!modalNode) return;
-  var translations = getTranslations(getLanguage());
+  var lang = getLanguage();
+  var translations = getTranslations(lang);
   // Whitelist-sanitize before interpolating into innerHTML downstream, matching
   // the user-input path in handleMultiPlanInput so all entry points share the
   // same trust posture regardless of how the caller sourced rawPrice.
@@ -769,7 +1003,7 @@ function resetMultiPlanModal(modalNode, rawPrice, opts) {
   if (container) container.classList.remove('input-error');
   renderDynamicSections(modalNode, currency, priceString, _objectSpread$3(_objectSpread$3({}, opts), {}, {
     minPrice: 0
-  }), translations);
+  }), translations, lang);
 }
 function getMultiPlanModal(modalNode, priceString, opts) {
   var currentLang = getLanguage();
@@ -789,7 +1023,7 @@ function getMultiPlanModal(modalNode, priceString, opts) {
     minPrice: 0
   }));
   modalNode.className = 'sezzle-checkout-modal-lightbox sezzle-modal';
-  var modalContent = "<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" lang=\"".concat(currentLang, "\" aria-label=\"").concat(translations.sezzleInformation, "\" style=\"display: block;\">\n  <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" class=\"sezzle-checkout-modal-hidden sezzle-multi-plan").concat(eligibility.pi5 ? '' : ' pi4-only', "\">\n    <div class=\"sezzle-modal\">\n      <div><button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button></div>\n      <div class=\"sezzle-logo\" title=\"Sezzle\"></div>\n      <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n        <p class='trusted'>").concat(translations.MultiPlantrusted, "</p>\n        <header class='sezzle-header'>").concat(translations.MultiPlanheader, "</header>\n        <div class='payment-plan-wrapper'>\n          <p class='sample-payments ").concat(currentLang === 'fr' ? 'sezzle-multi-plan-fr' : '', "'>\n            <span class=\"sample-payments-title\">").concat(translations.MultiPlanSeePlans, "</span>\n            <span class=\"input-amount-container\">\n              <label class=\"input-amount-label\" for=\"multi-plan-input-amount\">").concat(translations.MultiPlanAmount, "</label>\n              <input class='price input-amount' id=\"multi-plan-input-amount\" maxlength=\"12\" value='").concat(currency + priceString, "'/>\n            </span>\n          </p>\n          <div class='payment-cards payment-cards-biweekly'").concat(eligibility.pi4 ? '' : ' style="display:none"', ">").concat(generateBiweeklyInner(eligibility, currency, priceString, opts, translations), "</div>\n          <div class='payment-cards payment-cards-monthly'").concat(eligibility.lt ? '' : ' style="display:none"', ">").concat(generateMonthlyInner(eligibility, currency, priceString, opts, translations), "</div>\n        </div>\n        <div class='how-to-sezzle'>\n          <div class='carousel-header'>\n            <div class='how-to-text-wrapper'>\n              <span class='how-to-text'>").concat(translations.MultiPlanhowToPay, "</span>\n              <div class='how-to-logo'>\n                <img class=\"how-to-sezzle-logo szl-light-image\" src=\"https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg\" alt=\"Sezzle\" style=\"height: 14px; width: 58px;\">\n              </div>\n            </div>\n            <div class='arrows'>\n              <button type='button' class='arrow arrow-left disabled' disabled aria-label='").concat(translations.previousSlide, "'>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.5 16.4078C14.825 16.0828 14.825 15.5578 14.5 15.2328L11.2667 11.9995L14.5 8.76614C14.825 8.44114 14.825 7.91614 14.5 7.59114C14.175 7.26614 13.65 7.26614 13.325 7.59114L9.5 11.4161C9.175 11.7411 9.175 12.2661 9.5 12.5911L13.325 16.4161C13.6417 16.7328 14.175 16.7328 14.5 16.4078Z\" fill=\"#8333D4\"/></svg>\n              </button>\n              <button type='button' class='arrow arrow-right' aria-label='").concat(translations.nextSlide, "'>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.5 7.59219C9.175 7.91719 9.175 8.44219 9.5 8.76719L12.7333 12.0005L9.5 15.2339C9.175 15.5589 9.175 16.0839 9.5 16.4089C9.825 16.7339 10.35 16.7339 10.675 16.4089L14.5 12.5839C14.825 12.2589 14.825 11.7339 14.5 11.4089L10.675 7.58386C10.3583 7.26719 9.825 7.26719 9.5 7.59219Z\" fill=\"#8333D4\"/></svg>\n              </button>\n            </div>\n          </div>\n          <div class='carousel position-1'>\n            <div class='carousel-item'><div class='carousel-item-content'><div class='step-number'><span class='step-number-content'>1</span></div><div class='step-name'>").concat(translations.MultiPlanStep1, "</div></div></div>\n            <div class='carousel-item'><div class='carousel-item-content'><div class='step-number'><span class='step-number-content'>2</span></div><div class='step-name'>").concat(translations.MultiPlanStep2, "</div></div></div>\n            <div class='carousel-item'><div class='carousel-item-content'><div class='step-number'><span class='step-number-content'>3</span></div><div class='step-name'>").concat(translations.MultiPlanStep3, "</div></div></div>\n          </div>\n          <div class='carousel-dots' role=\"tablist\" aria-label=\"").concat(translations.carouselPosition, "\">\n            <div class=\"dot active\" role=\"tab\" aria-selected=\"true\" aria-label=\"").concat(translations.slide, " 1\"><svg width=\"6\" height=\"6\" viewBox=\"0 0 6 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><rect width=\"6\" height=\"6\" rx=\"3\" fill=\"#8333D4\"/></svg></div>\n            <div class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"").concat(translations.slide, " 2\"><svg width=\"6\" height=\"6\" viewBox=\"0 0 6 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><rect width=\"6\" height=\"6\" rx=\"3\" fill=\"#8333D4\"/></svg></div>\n            <div class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"").concat(translations.slide, " 3\"><svg width=\"6\" height=\"6\" viewBox=\"0 0 6 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><rect width=\"6\" height=\"6\" rx=\"3\" fill=\"#8333D4\"/></svg></div>\n          </div>\n        </div>\n        <div class=\"terms-container\">").concat(generateTermsInner(eligibility, translations), "</div>\n      </div>\n    </div>\n  </div>\n</section>");
+  var modalContent = "<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" lang=\"".concat(currentLang, "\" aria-label=\"").concat(translations.sezzleInformation, "\" style=\"display: block;\">\n  <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" class=\"sezzle-checkout-modal-hidden sezzle-multi-plan").concat(eligibility.pi5 ? '' : ' pi4-only', "\">\n    <div class=\"sezzle-modal\">\n      <div><button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button></div>\n      <div class=\"sezzle-logo\" title=\"Sezzle\"></div>\n      <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n        <p class='trusted'>").concat(translations.MultiPlantrusted, "</p>\n        <header class='sezzle-header'>").concat(translations.MultiPlanheader, "</header>\n        <div class='payment-plan-wrapper'>\n          <p class='sample-payments ").concat(currentLang === 'fr' ? 'sezzle-multi-plan-fr' : '', "'>\n            <span class=\"sample-payments-title\">").concat(translations.MultiPlanSeePlans, "</span>\n            <span class=\"input-amount-container\">\n              <label class=\"input-amount-label\" for=\"multi-plan-input-amount\">").concat(translations.MultiPlanAmount, "</label>\n              <input class='price input-amount' id=\"multi-plan-input-amount\" maxlength=\"12\" value='").concat(currency + priceString, "'/>\n            </span>\n          </p>\n          <div class='payment-cards payment-cards-biweekly'").concat(eligibility.pi4 ? '' : ' style="display:none"', ">").concat(generateBiweeklyInner(eligibility, currency, priceString, opts, translations), "</div>\n          <div class='payment-cards payment-cards-monthly'").concat(eligibility.lt ? '' : ' style="display:none"', ">").concat(generateMonthlyInner(eligibility, currency, priceString, opts, translations, currentLang), "</div>\n        </div>\n        <div class='how-to-sezzle'>\n          <div class='carousel-header'>\n            <div class='how-to-text-wrapper'>\n              <span class='how-to-text'>").concat(translations.MultiPlanhowToPay, "</span>\n              <div class='how-to-logo'>\n                <img class=\"how-to-sezzle-logo szl-light-image\" src=\"https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg\" alt=\"Sezzle\" style=\"height: 14px; width: 58px;\">\n              </div>\n            </div>\n            <div class='arrows'>\n              <button type='button' class='arrow arrow-left disabled' disabled aria-label='").concat(translations.previousSlide, "'>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.5 16.4078C14.825 16.0828 14.825 15.5578 14.5 15.2328L11.2667 11.9995L14.5 8.76614C14.825 8.44114 14.825 7.91614 14.5 7.59114C14.175 7.26614 13.65 7.26614 13.325 7.59114L9.5 11.4161C9.175 11.7411 9.175 12.2661 9.5 12.5911L13.325 16.4161C13.6417 16.7328 14.175 16.7328 14.5 16.4078Z\" fill=\"#8333D4\"/></svg>\n              </button>\n              <button type='button' class='arrow arrow-right' aria-label='").concat(translations.nextSlide, "'>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.5 7.59219C9.175 7.91719 9.175 8.44219 9.5 8.76719L12.7333 12.0005L9.5 15.2339C9.175 15.5589 9.175 16.0839 9.5 16.4089C9.825 16.7339 10.35 16.7339 10.675 16.4089L14.5 12.5839C14.825 12.2589 14.825 11.7339 14.5 11.4089L10.675 7.58386C10.3583 7.26719 9.825 7.26719 9.5 7.59219Z\" fill=\"#8333D4\"/></svg>\n              </button>\n            </div>\n          </div>\n          <div class='carousel position-1'>\n            <div class='carousel-item'><div class='carousel-item-content'><div class='step-number'><span class='step-number-content'>1</span></div><div class='step-name'>").concat(translations.MultiPlanStep1, "</div></div></div>\n            <div class='carousel-item'><div class='carousel-item-content'><div class='step-number'><span class='step-number-content'>2</span></div><div class='step-name'>").concat(translations.MultiPlanStep2, "</div></div></div>\n            <div class='carousel-item'><div class='carousel-item-content'><div class='step-number'><span class='step-number-content'>3</span></div><div class='step-name'>").concat(translations.MultiPlanStep3, "</div></div></div>\n          </div>\n          <div class='carousel-dots' role=\"tablist\" aria-label=\"").concat(translations.carouselPosition, "\">\n            <div class=\"dot active\" role=\"tab\" aria-selected=\"true\" aria-label=\"").concat(translations.slide, " 1\"><svg width=\"6\" height=\"6\" viewBox=\"0 0 6 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><rect width=\"6\" height=\"6\" rx=\"3\" fill=\"#8333D4\"/></svg></div>\n            <div class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"").concat(translations.slide, " 2\"><svg width=\"6\" height=\"6\" viewBox=\"0 0 6 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><rect width=\"6\" height=\"6\" rx=\"3\" fill=\"#8333D4\"/></svg></div>\n            <div class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"").concat(translations.slide, " 3\"><svg width=\"6\" height=\"6\" viewBox=\"0 0 6 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\"><rect width=\"6\" height=\"6\" rx=\"3\" fill=\"#8333D4\"/></svg></div>\n          </div>\n        </div>\n        <div class=\"terms-container\">").concat(generateTermsInner(eligibility, translations, opts, currentLang), "</div>\n      </div>\n    </div>\n  </div>\n</section>");
   modalNode.innerHTML = modalContent;
   handleCarousel(modalNode);
   if (eligibility.lt) attachFeaturesAccordion(modalNode);
@@ -841,7 +1075,10 @@ var Modal = /*#__PURE__*/function (_React$Component) {
             maxPrice: _this.props.maxPrice,
             minPriceLT: _this.props.minPriceLT,
             maxPriceLT: _this.props.maxPriceLT,
-            bestAPR: _this.props.bestAPR,
+            minAPR: _this.props.minAPR,
+            medianAPR: _this.props.medianAPR,
+            maxAPR: _this.props.maxAPR,
+            termsToShow: _this.props.termsToShow,
             numberOfPayments: _this.props.numberOfPayments
           });
           handleCarousel(_this.state.modalElement);
@@ -911,7 +1148,10 @@ var Modal = /*#__PURE__*/function (_React$Component) {
             maxPrice: props.maxPrice,
             minPriceLT: props.minPriceLT,
             maxPriceLT: props.maxPriceLT,
-            bestAPR: props.bestAPR,
+            minAPR: props.minAPR,
+            medianAPR: props.medianAPR,
+            maxAPR: props.maxAPR,
+            termsToShow: props.termsToShow,
             numberOfPayments: props.numberOfPayments
           });
         }
@@ -934,7 +1174,10 @@ Modal.propTypes = {
   maxPrice: PropTypes__default["default"].number,
   minPriceLT: PropTypes__default["default"].number,
   maxPriceLT: PropTypes__default["default"].number,
-  bestAPR: PropTypes__default["default"].number
+  minAPR: PropTypes__default["default"].number,
+  medianAPR: PropTypes__default["default"].number,
+  maxAPR: PropTypes__default["default"].number,
+  termsToShow: PropTypes__default["default"].object
 };
 
 function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
@@ -1013,7 +1256,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
             var priceElement = /*#__PURE__*/React__default["default"].createElement("span", {
               className: "sezzle-payment-amount sezzle-button-text",
               key: index
-            }, getFormattedPrice(_this2.state.config.price, effectiveNumberOfPayments, _this2.state.config.minPriceLT, _this2.state.config.maxPriceLT, _this2.state.config.bestAPR));
+            }, getFormattedPrice(_this2.state.config.price, effectiveNumberOfPayments, _this2.state.config.minPriceLT, _this2.state.config.maxPriceLT, _this2.state.config.medianAPR, _this2.state.config.termsToShow));
             subtemplates.push(priceElement);
             break;
           case 'logo':
@@ -1138,7 +1381,10 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
           maxPrice: _this3.state.config.maxPrice,
           minPriceLT: _this3.state.config.minPriceLT,
           maxPriceLT: _this3.state.config.maxPriceLT,
-          bestAPR: _this3.state.config.bestAPR,
+          minAPR: _this3.state.config.minAPR,
+          medianAPR: _this3.state.config.medianAPR,
+          maxAPR: _this3.state.config.maxAPR,
+          termsToShow: _this3.state.config.termsToShow,
           price: _this3.state.config.price,
           numberOfPayments: _this3.state.config.numberOfPayments
         });
@@ -1180,6 +1426,18 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
     var _this;
     _classCallCheck(this, SezzleWidgetWrapper);
     _this = _callSuper(this, SezzleWidgetWrapper, [props]);
+    // Resolve LT options from the LTgroup alias preset, overlaid with any
+    // explicitly-set LT props. Returns a fully-disabled config when neither
+    // LTgroup nor minPriceLT is provided.
+    var ltConfig = resolveLTConfig({
+      LTgroup: _this.props.LTgroup,
+      minPriceLT: _this.props.minPriceLT,
+      maxPriceLT: _this.props.maxPriceLT,
+      minAPR: _this.props.minAPR,
+      medianAPR: _this.props.medianAPR,
+      maxAPR: _this.props.maxAPR,
+      termsToShow: _this.props.termsToShow
+    });
     _this.state = {
       sezzleConfig: {
         price: _this.props.price || 0,
@@ -1187,9 +1445,12 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
         includeAPModal: _this.props.includeAPModal || false,
         minPrice: _this.props.minPrice || 0,
         maxPrice: _this.props.maxPrice || 2500,
-        minPriceLT: _this.props.minPriceLT || 0,
-        maxPriceLT: _this.props.maxPriceLT || 15000,
-        bestAPR: _this.props.bestAPR || 21.99,
+        minPriceLT: ltConfig.minPriceLT,
+        maxPriceLT: ltConfig.maxPriceLT,
+        minAPR: ltConfig.minAPR,
+        medianAPR: ltConfig.medianAPR,
+        maxAPR: ltConfig.maxAPR,
+        termsToShow: ltConfig.termsToShow,
         theme: _this.props.theme || 'light',
         alignment: _this.props.alignment || 'auto',
         fontWeight: _this.props.fontWeight || 500,
@@ -1239,9 +1500,13 @@ SezzleWidgetWrapper.propTypes = {
   logoSize: PropTypes__default["default"].number,
   minPrice: PropTypes__default["default"].number,
   maxPrice: PropTypes__default["default"].number,
+  LTgroup: PropTypes__default["default"].string,
   minPriceLT: PropTypes__default["default"].number,
   maxPriceLT: PropTypes__default["default"].number,
-  bestAPR: PropTypes__default["default"].number,
+  minAPR: PropTypes__default["default"].number,
+  medianAPR: PropTypes__default["default"].number,
+  maxAPR: PropTypes__default["default"].number,
+  termsToShow: PropTypes__default["default"].object,
   includeAPModal: PropTypes__default["default"].bool,
   numberOfPayments: PropTypes__default["default"].number
 };