@sezzle/sezzle-react-widget 3.0.1 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +24 -3
  2. package/dist/index.cjs +85 -75
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.es.js +85 -75
  5. package/dist/index.es.js.map +1 -1
  6. package/package.json +1 -1
  7. package/dist/index.js +0 -801
  8. package/dist/index.js.map +0 -1
package/dist/index.es.js CHANGED
@@ -5,6 +5,8 @@ function _typeof$3(o) { "@babel/helpers - typeof"; return _typeof$3 = "function"
5
5
  function _regeneratorRuntime() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof$3(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof$3(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
6
6
  function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
7
7
  function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
8
+ var supportedLanguages = ["en", "es", "fr"];
9
+
8
10
  /**
9
11
  * This function will return the price string
10
12
  * @param price - string value
@@ -12,12 +14,12 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
12
14
  */
13
15
 
14
16
  function parsePriceString(price) {
15
- var formattedPrice = '';
17
+ var formattedPrice = "";
16
18
  if (!price) return formattedPrice;
17
19
  for (var i = 0; i < price.length; i++) {
18
- if (isNumeric(price[i]) || price[i] === '.' || price[i] === ',') {
20
+ if (isNumeric(price[i]) || price[i] === "." || price[i] === ",") {
19
21
  // Ignore actual sentence punctuation
20
- if (i > 0 && price[i] === '.' && isAlphabet(price[i - 1])) continue;
22
+ if (i > 0 && price[i] === "." && isAlphabet(price[i - 1])) continue;
21
23
  formattedPrice += price[i];
22
24
  }
23
25
  }
@@ -56,49 +58,48 @@ function isAlphabet(n) {
56
58
  * @return string
57
59
  */
58
60
 
59
- function getLanguage(supportedLanguages) {
60
- var lang = document.querySelector('html').lang.substring(0, 2).toLowerCase();
61
- return supportedLanguages.indexOf(lang) > -1 ? lang : 'en';
61
+ function getLanguage() {
62
+ var lang = document.querySelector("html").lang.substring(0, 2).toLowerCase();
63
+ return supportedLanguages.indexOf(lang) > -1 ? lang : "en";
62
64
  }
63
65
  function getAPModal(_x) {
64
66
  return _getAPModal.apply(this, arguments);
65
67
  }
66
68
  function _getAPModal() {
67
69
  _getAPModal = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(modalNode) {
68
- var supportedLanguages, currentLang, url, response;
70
+ var currentLang, url, response;
69
71
  return _regeneratorRuntime().wrap(function _callee$(_context) {
70
72
  while (1) switch (_context.prev = _context.next) {
71
73
  case 0:
72
- supportedLanguages = ['en', 'es', 'fr'];
73
- currentLang = getLanguage(supportedLanguages);
74
- modalNode.className = 'sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-ap-modal';
74
+ currentLang = getLanguage();
75
+ modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-ap-modal";
75
76
  url = "https://media.sezzle.com/afterpay/modal/".concat(currentLang, ".html");
76
- _context.prev = 4;
77
- _context.next = 7;
77
+ _context.prev = 3;
78
+ _context.next = 6;
78
79
  return fetch(url);
79
- case 7:
80
+ case 6:
80
81
  response = _context.sent;
81
82
  if (response.ok) {
82
- _context.next = 10;
83
+ _context.next = 9;
83
84
  break;
84
85
  }
85
86
  throw new Error("Failed to fetch afterpay modal, status: ".concat(response.status));
86
- case 10:
87
- _context.next = 12;
87
+ case 9:
88
+ _context.next = 11;
88
89
  return response.text();
89
- case 12:
90
+ case 11:
90
91
  modalNode.innerHTML = _context.sent;
91
- _context.next = 18;
92
+ _context.next = 17;
92
93
  break;
93
- case 15:
94
- _context.prev = 15;
95
- _context.t0 = _context["catch"](4);
94
+ case 14:
95
+ _context.prev = 14;
96
+ _context.t0 = _context["catch"](3);
96
97
  console.error(_context.t0);
97
- case 18:
98
+ case 17:
98
99
  case "end":
99
100
  return _context.stop();
100
101
  }
101
- }, _callee, null, [[4, 15]]);
102
+ }, _callee, null, [[3, 14]]);
102
103
  }));
103
104
  return _getAPModal.apply(this, arguments);
104
105
  }
@@ -153,11 +154,11 @@ var pieAlt$2 = "pie at";
153
154
  var schedulePayments$2 = "3. Schedule the rest of your payments.";
154
155
  var selectSezzle$2 = "1. Pay later by selecting Sezzle at checkout.";
155
156
  var sezzleHeader$2 = "Buy Now. Pay Later.";
156
- var sezzleHeaderChild$2 = "Available for purchases of $20 to $2,500.<sup>1</sup>";
157
+ var sezzleHeaderChild$2 = "Available for purchases of $%%min-price%% to $%%max-price%%.<sup>1</sup>";
157
158
  var sezzleHeaderChild2$2 = "Instant decision. No impact to your credit score.<sup>2</sup>";
158
159
  var sezzleInfo$2 = "Sezzle Information";
159
160
  var template$2 = "or %%numberOfPayments%% interest-free payments of %%price%% with %%logo%%%%afterpay%%%%min-price%% %%info%%";
160
- var terms1$2 = "<sup>1</sup>Subject to approval. <a href='https://www.sezzle.com/legal' target='_blank'>Click here for complete terms.</a> First payment date and amount may fluctuate based on eligibility and time of merchant order completion.";
161
+ var terms1$2 = "<sup>1</sup>Subject to approval. <a href='https://legal.sezzle.com/user' target='_blank'>Click here for complete terms.</a> First payment date and amount may fluctuate based on eligibility and time of merchant order completion.";
161
162
  var terms2$2 = "<sup>2</sup>Signing up for Sezzle will not impact your credit score. You may opt-in to our free credit reporting program, Sezzle Up, to have your payments reported to credit bureaus.";
162
163
  var termsHiw$2 = "<a href='https://sezzle.com/how-it-works' target='_blank'>Learn more about Sezzle buy now, pay later here.</a>";
163
164
  var today$2 = "Today";
@@ -202,11 +203,11 @@ var pieAlt$1 = "tarte à";
202
203
  var schedulePayments$1 = "3. Planifiez le reste de vos paiements.";
203
204
  var selectSezzle$1 = "1. Payez plus tard en sélectionnant Sezzle au moment du paiement.";
204
205
  var sezzleHeader$1 = "Achetez maintenant. Payez plus tard.";
205
- var sezzleHeaderChild$1 = "Disponible pour des achats de 20 $ à 2 500 $. <sup>1</sup>";
206
+ var sezzleHeaderChild$1 = "Disponible pour des achats de %%min-price%% $ à %%max-price%% $. <sup>1</sup>";
206
207
  var sezzleHeaderChild2$1 = "Décision instantanée. Aucun impact sur votre cote de crédit. <sup>2</sup>";
207
208
  var sezzleInfo$1 = "Informations sur Sezzle";
208
209
  var template$1 = "ou %%numberOfPayments%% paiements sans intérêt de %%price%% avec %%logo%%%%afterpay%%%%min-price%% %%info%%";
209
- var terms1$1 = "<sup>1</sup> Sous réserve d'approbation. <a href='https://legal.sezzle.com/fr-ca/' target='_blank'> Cliquez ici pour consulter les conditions complètes. </a> La date et le montant du premier paiement peuvent fluctuer en fonction de l'éligibilité et de l'heure de réalisation de la commande par le commerçant.";
210
+ var terms1$1 = "<sup>1</sup> Sous réserve d'approbation. <a href='https://legal.sezzle.com/user/fr-ca/' target='_blank'> Cliquez ici pour consulter les conditions complètes. </a> La date et le montant du premier paiement peuvent fluctuer en fonction de l'éligibilité et de l'heure de réalisation de la commande par le commerçant.";
210
211
  var terms2$1 = "<sup>2</sup> L'inscription à Sezzle n'aura aucun impact sur votre score de crédit. Vous pouvez opter pour notre programme gratuit de rapport de crédit, Sezzle Up, pour que vos paiements soient signalés aux agences d'évaluation du crédit.";
211
212
  var termsHiw$1 = "<a href='https://sezzle.com/fr-ca/how-it-works/' target='_blank'> Apprenez-en plus sur Sezzle achetez maintenant, payez plus tard ici. </a>";
212
213
  var today$1 = "Aujourd'hui";
@@ -251,11 +252,11 @@ var pieAlt = "pastel en";
251
252
  var schedulePayments = "3. Programa el resto de tus pagos.";
252
253
  var selectSezzle = "1. Pague más tarde seleccionando Sezzle al finalizar la compra.";
253
254
  var sezzleHeader = "Compra ahora. Paga después.";
254
- var sezzleHeaderChild = "Disponible para compras de $20 a $2,500. <sup>1</sup>";
255
+ var sezzleHeaderChild = "Disponible para compras de $%%min-price%% a $%%max-price%%. <sup>1</sup>";
255
256
  var sezzleHeaderChild2 = "Decisión instantánea. No afecta su calificación crediticia. <sup>2</sup>";
256
257
  var sezzleInfo = "Información sobre Sezzle";
257
258
  var template = "o %%numberOfPayments%% pagos sin intereses de %%price%% con %%logo%%%%afterpay%%%%min-price%% %%info%%";
258
- var terms1 = "<sup>1</sup> Sujeto a aprobación. <a href='https://www.sezzle.com/legal' target='_blank'> Haga clic aquí para conocer los términos completos. </a> La fecha y el monto del primer pago pueden fluctuar según la elegibilidad y el momento en que el comerciante complete el pedido.";
259
+ var terms1 = "<sup>1</sup> Sujeto a aprobación. <a href='https://legal.sezzle.com/user' target='_blank'> Haga clic aquí para conocer los términos completos. </a> La fecha y el monto del primer pago pueden fluctuar según la elegibilidad y el momento en que el comerciante complete el pedido.";
259
260
  var terms2 = "<sup>2</sup> Registrarse en Sezzle no afectará su calificación crediticia. Puede optar por inscribirse en nuestro programa gratuito de informes crediticios, Sezzle Up, para que sus pagos se informen a las agencias de crédito.";
260
261
  var termsHiw = "<a href='https://sezzle.com/how-it-works' target='_blank'> Obtenga más información sobre Sezzle. Compre ahora, pague después aquí. </a>";
261
262
  var today = "Hoy";
@@ -297,8 +298,7 @@ var translationsMap$1 = {
297
298
  fr: frTranslations,
298
299
  es: esTranslations
299
300
  };
300
- var supportedLanguages = Object.keys(translationsMap$1);
301
- var currentLang = getLanguage(supportedLanguages);
301
+ var currentLang = getLanguage();
302
302
  var translations = translationsMap$1[currentLang];
303
303
  var modalHTML = "\n<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" role=\"dialog\" lang=\"".concat(translations.locale, "\"\n aria-label=\"").concat(translations.sezzleInfo, "\" aria-description=\"").concat(translations.learnMore, "\" style=\"display: block;\">\n <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" aria-description=\"").concat(translations.aboutSezzle, "\"\n class=\"sezzle-checkout-modal-hidden\">\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 <div id=\"tp-widget-wrapper\" class=\"tp-widget-wrapper visible\">\n <a id=\"profile-link\" target=\"_blank\" href=\"https://www.trustpilot.com/review/sezzle.com?utm_medium=trustbox&amp;utm_source=MicroCombo\">\n <!-- Stars -->\n <div id=\"tp-widget-stars\" class=\"tp-widget-stars\">\n <div class=\"\">\n <div class=\"tp-stars tp-stars--4 tp-stars--4--half\">\n <div style=\"position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 18.326693227091635%;\">\n\n <svg role=\"img\" viewBox=\"0 0 251 46\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; height: 100%; width: 100%; left: 0; top: 0;\">\n <title id=\"starRating-tfnn0cd6r0c\" lang=\"en-US\">").concat(translations.trustPilotTitle, "</title>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M0 46.330002h46.375586V0H0z\"></path>\n <path class=\"tp-star__shape\" d=\"M39.533936 19.711433L13.230239 38.80065l3.838216-11.797827L7.02115 19.711433h12.418975l3.837417-11.798624 3.837418 11.798624h12.418975zM23.2785 31.510075l7.183595-1.509576 2.862114 8.800152L23.2785 31.510075z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M51.24816 46.330002h46.375587V0H51.248161z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M51.24816 46.330002h23.187793V0H51.248161z\"></path>\n <path class=\"tp-star__shape\" d=\"M74.990978 31.32991L81.150908 30 84 39l-9.660206-7.202786L64.30279 39l3.895636-11.840666L58 19.841466h12.605577L74.499595 8l3.895637 11.841466H91L74.990978 31.329909z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M102.532209 46.330002h46.375586V0h-46.375586z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M102.532209 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M142.066994 19.711433L115.763298 38.80065l3.838215-11.797827-10.047304-7.291391h12.418975l3.837418-11.798624 3.837417 11.798624h12.418975zM125.81156 31.510075l7.183595-1.509576 2.862113 8.800152-10.045708-7.290576z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M153.815458 46.330002h46.375586V0h-46.375586z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M153.815458 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M193.348355 19.711433L167.045457 38.80065l3.837417-11.797827-10.047303-7.291391h12.418974l3.837418-11.798624 3.837418 11.798624h12.418974zM177.09292 31.510075l7.183595-1.509576 2.862114 8.800152-10.045709-7.290576z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M205.064416 46.330002h46.375587V0h-46.375587z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M205.064416 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M244.597022 19.711433l-26.3029 19.089218 3.837419-11.797827-10.047304-7.291391h12.418974l3.837418-11.798624 3.837418 11.798624h12.418975zm-16.255436 11.798642l7.183595-1.509576 2.862114 8.800152-10.045709-7.290576z\" fill=\"#FFF\"></path>\n </g>\n </svg>\n </div>\n </div>\n </div>\n </div>\n <div class=\"widget-info\">\n <!-- Business Info -->\n <div id=\"tp-widget-rating\" class=\"tp-widget-rating\">").concat(translations.trustPilotReviews, "</div>\n <!-- Logo -->\n <div id=\"tp-widget-logo\" class=\"tp-widget-logo\">\n <div class=\"\">\n <div style=\"position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 24.6031746031746%;\">\n <svg role=\"img\" viewBox=\"0 0 126 31\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; height: 100%; width: 100%; left: 0; top: 0;\">\n <title id=\"trustpilotLogo-wwxihtot4h\">Trustpilot</title>\n <path class=\"tp-logo__text\" d=\"M33.074774 11.07005H45.81806v2.364196h-5.010656v13.290316h-2.755306V13.434246h-4.988435V11.07005h.01111zm12.198892 4.319629h2.355341v2.187433h.04444c.077771-.309334.222203-.60762.433295-.894859.211092-.287239.466624-.56343.766597-.79543.299972-.243048.633276-.430858.999909-.585525.366633-.14362.744377-.220953 1.12212-.220953.288863 0 .499955.011047.611056.022095.1111.011048.222202.033143.344413.04419v2.408387c-.177762-.033143-.355523-.055238-.544395-.077333-.188872-.022096-.366633-.033143-.544395-.033143-.422184 0-.822148.08838-1.199891.254096-.377744.165714-.699936.41981-.977689.740192-.277753.331429-.499955.729144-.666606 1.21524-.166652.486097-.244422 1.03848-.244422 1.668195v5.39125h-2.510883V15.38968h.01111zm18.220567 11.334883H61.02779v-1.579813h-.04444c-.311083.574477-.766597 1.02743-1.377653 1.369908-.611055.342477-1.233221.51924-1.866497.51924-1.499864 0-2.588654-.364573-3.25526-1.104765-.666606-.740193-.999909-1.856005-.999909-3.347437V15.38968h2.510883v6.948968c0 .994288.188872 1.701337.577725 2.1101.377744.408763.922139.618668 1.610965.618668.533285 0 .96658-.077333 1.322102-.243048.355524-.165714.644386-.37562.855478-.65181.222202-.265144.377744-.596574.477735-.972194.09999-.37562.144431-.784382.144431-1.226288v-6.573349h2.510883v11.323836zm4.27739-3.634675c.07777.729144.355522 1.237336.833257 1.535623.488844.287238 1.06657.441905 1.744286.441905.233312 0 .499954-.022095.799927-.055238.299973-.033143.588836-.110476.844368-.209905.266642-.099429.477734-.254096.655496-.452954.166652-.198857.244422-.452953.233312-.773335-.01111-.320381-.133321-.585525-.355523-.784382-.222202-.209906-.499955-.364573-.844368-.497144-.344413-.121525-.733267-.232-1.17767-.320382-.444405-.088381-.888809-.18781-1.344323-.287239-.466624-.099429-.922138-.232-1.355432-.37562-.433294-.14362-.822148-.342477-1.166561-.596573-.344413-.243048-.622166-.56343-.822148-.950097-.211092-.386668-.311083-.861716-.311083-1.436194 0-.618668.155542-1.12686.455515-1.54667.299972-.41981.688826-.75124 1.14434-1.005336.466624-.254095.97769-.430858 1.544304-.541334.566615-.099429 1.11101-.154667 1.622075-.154667.588836 0 1.15545.066286 1.688736.18781.533285.121524 1.02213.320381 1.455423.60762.433294.276191.788817.640764 1.07768 1.08267.288863.441905.466624.98324.544395 1.612955h-2.621984c-.122211-.596572-.388854-1.005335-.822148-1.204193-.433294-.209905-.933248-.309334-1.488753-.309334-.177762 0-.388854.011048-.633276.04419-.244422.033144-.466624.088382-.688826.165715-.211092.077334-.388854.198858-.544395.353525-.144432.154667-.222203.353525-.222203.60762 0 .309335.111101.552383.322193.740193.211092.18781.488845.342477.833258.475048.344413.121524.733267.232 1.177671.320382.444404.088381.899918.18781 1.366542.287239.455515.099429.899919.232 1.344323.37562.444404.14362.833257.342477 1.17767.596573.344414.254095.622166.56343.833258.93905.211092.37562.322193.850668.322193 1.40305 0 .673906-.155541 1.237336-.466624 1.712385-.311083.464001-.711047.850669-1.199891 1.137907-.488845.28724-1.04435.508192-1.644295.640764-.599946.132572-1.199891.198857-1.788727.198857-.722156 0-1.388762-.077333-1.999818-.243048-.611056-.165714-1.14434-.408763-1.588745-.729144-.444404-.33143-.799927-.740192-1.05546-1.226289-.255532-.486096-.388853-1.071621-.411073-1.745528h2.533103v-.022095zm8.288135-7.700208h1.899828v-3.402675h2.510883v3.402675h2.26646v1.867052h-2.26646v6.054109c0 .265143.01111.486096.03333.684954.02222.18781.07777.353524.155542.486096.07777.132572.199981.232.366633.298287.166651.066285.377743.099428.666606.099428.177762 0 .355523 0 .533285-.011047.177762-.011048.355523-.033143.533285-.077334v1.933338c-.277753.033143-.555505.055238-.811038.088381-.266642.033143-.533285.04419-.811037.04419-.666606 0-1.199891-.066285-1.599855-.18781-.399963-.121523-.722156-.309333-.944358-.552381-.233313-.243049-.377744-.541335-.466625-.905907-.07777-.364573-.13332-.784383-.144431-1.248384v-6.683825h-1.899827v-1.889147h-.02222zm8.454788 0h2.377562V16.9253h.04444c.355523-.662858.844368-1.12686 1.477644-1.414098.633276-.287239 1.310992-.430858 2.055369-.430858.899918 0 1.677625.154667 2.344231.475048.666606.309335 1.222111.740193 1.666515 1.292575.444405.552382.766597 1.193145.9888 1.92229.222202.729145.333303 1.513527.333303 2.3421 0 .762288-.099991 1.50248-.299973 2.20953-.199982.718096-.499955 1.347812-.899918 1.900194-.399964.552383-.911029.98324-1.533194 1.31467-.622166.33143-1.344323.497144-2.18869.497144-.366634 0-.733267-.033143-1.0999-.099429-.366634-.066286-.722157-.176762-1.05546-.320381-.333303-.14362-.655496-.33143-.933249-.56343-.288863-.232-.522175-.497144-.722157-.79543h-.04444v5.656393h-2.510883V15.38968zm8.77698 5.67849c0-.508193-.06666-1.005337-.199981-1.491433-.133321-.486096-.333303-.905907-.599946-1.281527-.266642-.37562-.599945-.673906-.988799-.894859-.399963-.220953-.855478-.342477-1.366542-.342477-1.05546 0-1.855387.364572-2.388672 1.093717-.533285.729144-.799928 1.701337-.799928 2.916578 0 .574478.066661 1.104764.211092 1.59086.144432.486097.344414.905908.633276 1.259432.277753.353525.611056.629716.99991.828574.388853.209905.844367.309334 1.355432.309334.577725 0 1.05546-.121524 1.455423-.353525.399964-.232.722157-.541335.97769-.905907.255531-.37562.444403-.79543.555504-1.270479.099991-.475049.155542-.961145.155542-1.458289zm4.432931-9.99812h2.510883v2.364197h-2.510883V11.07005zm0 4.31963h2.510883v11.334883h-2.510883V15.389679zm4.755124-4.31963h2.510883v15.654513h-2.510883V11.07005zm10.210184 15.963847c-.911029 0-1.722066-.154667-2.433113-.452953-.711046-.298287-1.310992-.718097-1.810946-1.237337-.488845-.530287-.866588-1.160002-1.12212-1.889147-.255533-.729144-.388854-1.535622-.388854-2.408386 0-.861716.133321-1.657147.388853-2.386291.255533-.729145.633276-1.35886 1.12212-1.889148.488845-.530287 1.0999-.93905 1.810947-1.237336.711047-.298286 1.522084-.452953 2.433113-.452953.911028 0 1.722066.154667 2.433112.452953.711047.298287 1.310992.718097 1.810947 1.237336.488844.530287.866588 1.160003 1.12212 1.889148.255532.729144.388854 1.524575.388854 2.38629 0 .872765-.133322 1.679243-.388854 2.408387-.255532.729145-.633276 1.35886-1.12212 1.889147-.488845.530287-1.0999.93905-1.810947 1.237337-.711046.298286-1.522084.452953-2.433112.452953zm0-1.977528c.555505 0 1.04435-.121524 1.455423-.353525.411074-.232.744377-.541335 1.01102-.916954.266642-.37562.455513-.806478.588835-1.281527.12221-.475049.188872-.961145.188872-1.45829 0-.486096-.066661-.961144-.188872-1.44724-.122211-.486097-.322193-.905907-.588836-1.281527-.266642-.37562-.599945-.673907-1.011019-.905907-.411074-.232-.899918-.353525-1.455423-.353525-.555505 0-1.04435.121524-1.455424.353525-.411073.232-.744376.541334-1.011019.905907-.266642.37562-.455514.79543-.588835 1.281526-.122211.486097-.188872.961145-.188872 1.447242 0 .497144.06666.98324.188872 1.458289.12221.475049.322193.905907.588835 1.281527.266643.37562.599946.684954 1.01102.916954.411073.243048.899918.353525 1.455423.353525zm6.4883-9.66669h1.899827v-3.402674h2.510883v3.402675h2.26646v1.867052h-2.26646v6.054109c0 .265143.01111.486096.03333.684954.02222.18781.07777.353524.155541.486096.077771.132572.199982.232.366634.298287.166651.066285.377743.099428.666606.099428.177762 0 .355523 0 .533285-.011047.177762-.011048.355523-.033143.533285-.077334v1.933338c-.277753.033143-.555505.055238-.811038.088381-.266642.033143-.533285.04419-.811037.04419-.666606 0-1.199891-.066285-1.599855-.18781-.399963-.121523-.722156-.309333-.944358-.552381-.233313-.243049-.377744-.541335-.466625-.905907-.07777-.364573-.133321-.784383-.144431-1.248384v-6.683825h-1.899827v-1.889147h-.02222z\" fill=\"#191919\"></path>\n <path class=\"tp-logo__star\" fill=\"#00B67A\" d=\"M30.141707 11.07005H18.63164L15.076408.177071l-3.566342 10.892977L0 11.059002l9.321376 6.739063-3.566343 10.88193 9.321375-6.728016 9.310266 6.728016-3.555233-10.88193 9.310266-6.728016z\"></path>\n <path class=\"tp-logo__star-notch\" fill=\"#005128\" d=\"M21.631369 20.26169l-.799928-2.463625-5.755033 4.153914z\"></path>\n </svg>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <header class=\"sezzle-header\">").concat(translations.sezzleHeader, "\n </header>\n <p class=\"sezzle-row\">\n <span>").concat(translations.sezzleHeaderChild, "</span>\n <span>").concat(translations.sezzleHeaderChild2, "</span>\n </p>\n <div class=\"sezzle-four-pay ").concat(currentLang !== "en" ? "sezzle-four-pay-fr-es" : "", "\">\n <div class=\"sezzle-pie-area\">\n <div class=\"due-today\">\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 25%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path\n d=\"M20 -7.62939e-05C22.6264 -7.64088e-05 25.2272 0.51724 27.6537 1.52233C30.0802 2.52743 32.285 4.00062 34.1421 5.85779C35.9993 7.71496 37.4725 9.91974 38.4776 12.3463C39.4827 14.7728 40 17.3735 40 19.9999L30 19.9999C30 18.6867 29.7413 17.3863 29.2388 16.1731C28.7362 14.9598 27.9997 13.8574 27.0711 12.9289C26.1425 12.0003 25.0401 11.2637 23.8268 10.7611C22.6136 10.2586 21.3132 9.99992 20 9.99992L20 -7.62939e-05Z\"\n fill=\"#8333D4\"></path>\n <path\n d=\"M40 19.9999C40 22.7613 37.7614 24.9998 35 24.9998C32.2386 24.9998 30 22.7613 30 19.9999C30 17.2385 32.2386 14.9998 35 14.9998C37.7614 14.9998 40 17.2385 40 19.9999Z\"\n fill=\"#8333D4\"></path>\n <circle cx=\"35\" cy=\"20\" r=\"5\" fill=\"#8333D4\"></circle>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.today, "</span>\n </p>\n </div>\n </div>\n <div class=\"future-payments\">\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 50%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40 20C40 31.0457 31.0457 40 20 40C17.2386 40 15 37.7614 15 35C15 32.2386 17.2386 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10V0C31.0457 0 40 8.9543 40 20Z\"\n fill=\"#8333D4\"></path>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 2</span>\n </p>\n </div>\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 75%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path\n d=\"M20 -8.74228e-07C23.9556 -1.04713e-06 27.8224 1.17298 31.1114 3.37061C34.4004 5.56824 36.9638 8.69181 38.4776 12.3463C39.9913 16.0009 40.3874 20.0222 39.6157 23.9018C38.844 27.7814 36.9392 31.3451 34.1421 34.1421C31.3451 36.9392 27.7814 38.844 23.9018 39.6157C20.0222 40.3874 16.0009 39.9913 12.3463 38.4776C8.69181 36.9638 5.56824 34.4004 3.37061 31.1114C1.17298 27.8224 -7.48492e-07 23.9556 -8.74228e-07 20L10 20C10 21.9778 10.5865 23.9112 11.6853 25.5557C12.7841 27.2002 14.3459 28.4819 16.1732 29.2388C18.0004 29.9957 20.0111 30.1937 21.9509 29.8079C23.8907 29.422 25.6725 28.4696 27.0711 27.0711C28.4696 25.6725 29.422 23.8907 29.8079 21.9509C30.1937 20.0111 29.9957 18.0004 29.2388 16.1732C28.4819 14.3459 27.2002 12.7841 25.5557 11.6853C23.9112 10.5865 21.9778 10 20 10L20 -8.74228e-07Z\"\n fill=\"#8333D4\"></path>\n <path\n d=\"M10 20C10 22.7614 7.76142 25 5 25C2.23858 25 -8.74228e-07 22.7614 -8.74228e-07 20C-8.74228e-07 17.2386 2.23858 15 5 15C7.76142 15 10 17.2386 10 20Z\"\n fill=\"#8333D4\"></path>\n <circle cx=\"5\" cy=\"20\" r=\"5\" fill=\"#8333D4\"></circle>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 4</span>\n </p>\n </div>\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 100%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\"></path>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 6<sup>3</sup></span>\n </p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"sezzle-features\">\n <p class=\"single-feature\">\n ").concat(translations.selectSezzle, "\n </p>\n <p class=\"single-feature\">\n ").concat(translations.completePurchase, "\n </p>\n <p class=\"single-feature\">\n ").concat(translations.schedulePayments, "\n </p>\n </div>\n <div class=\"terms-container\">\n <p class=\"terms\">").concat(translations.terms1, "</p>\n <p class=\"terms\">").concat(translations.terms2, "</p>\n <p class=\"terms\"><span class=\"webbank-terms\">").concat(translations.webBankTerms, "</span><br/>").concat(translations.termsHiw, "</p>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n");
304
304
 
@@ -389,7 +389,9 @@ var Modal = /*#__PURE__*/function (_React$Component) {
389
389
  break;
390
390
  default:
391
391
  modalElement.className = "sezzle-checkout-modal-lightbox close-sezzle-modal";
392
- modalElement.innerHTML = modalHTML;
392
+ var currentLang = getLanguage();
393
+ var updatedModalHTML = modalHTML.replace("%%min-price%%", Intl.NumberFormat(currentLang).format(props.minPrice)).replace("%%max-price%%", Intl.NumberFormat(currentLang).format(props.maxPrice));
394
+ modalElement.innerHTML = updatedModalHTML;
393
395
  }
394
396
  state = _objectSpread$2(_objectSpread$2({}, state), {}, {
395
397
  modalElement: modalElement
@@ -398,6 +400,11 @@ var Modal = /*#__PURE__*/function (_React$Component) {
398
400
  state.modalElement.style.display = state.isModalVisible ? "block" : "none";
399
401
  return state;
400
402
  }
403
+ }, {
404
+ key: "replacePlaceholder",
405
+ value: function replacePlaceholder(text, placeholder, value) {
406
+ return text.replace(placeholder, value);
407
+ }
401
408
  }]);
402
409
  }(React.Component);
403
410
  Modal.propTypes = {
@@ -436,7 +443,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
436
443
  config: _this.props.config,
437
444
  sezzle: false,
438
445
  afterpay: false,
439
- modalsToShow: ['sezzle', 'afterpay']
446
+ modalsToShow: ["sezzle", "afterpay"]
440
447
  };
441
448
  return _this;
442
449
  }
@@ -447,21 +454,20 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
447
454
  var _this2 = this;
448
455
  var numberOfPayments = 4;
449
456
  var logoURLs = {
450
- light: 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg',
451
- dark: 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor_WhiteWM.svg',
452
- 'black-flat': 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_BlackAlt.svg',
453
- 'white-flat': 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_WhiteAlt.svg'
457
+ light: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg",
458
+ dark: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor_WhiteWM.svg",
459
+ "black-flat": "https://media.sezzle.com/branding/2.0/Sezzle_Logo_BlackAlt.svg",
460
+ "white-flat": "https://media.sezzle.com/branding/2.0/Sezzle_Logo_WhiteAlt.svg"
454
461
  };
455
- var supportedLanguages = Object.keys(translationsMap);
456
- var language = getLanguage(supportedLanguages);
462
+ var language = getLanguage();
457
463
  var translations = translationsMap[language];
458
464
  var subtemplates = [];
459
- translations.template.split('%%').forEach(function (subTemplate, index) {
465
+ translations.template.split("%%").forEach(function (subTemplate, index) {
460
466
  switch (subTemplate) {
461
- case 'numberOfPayments':
467
+ case "numberOfPayments":
462
468
  subtemplates.push(numberOfPayments);
463
469
  break;
464
- case 'price':
470
+ case "price":
465
471
  // eslint-disable-next-line no-case-declarations
466
472
  var priceElement = /*#__PURE__*/React.createElement("span", {
467
473
  className: "sezzle-payment-amount sezzle-button-text",
@@ -469,46 +475,46 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
469
475
  }, getFormattedPrice(_this2.state.config.price, numberOfPayments));
470
476
  subtemplates.push(priceElement);
471
477
  break;
472
- case 'logo':
478
+ case "logo":
473
479
  // eslint-disable-next-line no-case-declarations
474
480
  var logoElement = /*#__PURE__*/React.createElement("img", {
475
481
  alt: "Sezzle",
476
- className: "sezzle-logo szl-".concat(_this2.state.config.theme === 'dark' || _this2.state.config.theme === 'white-flat' ? 'dark' : 'light', "-image"),
482
+ className: "sezzle-logo szl-".concat(_this2.state.config.theme === "dark" || _this2.state.config.theme === "white-flat" ? "dark" : "light", "-image"),
477
483
  src: logoURLs[_this2.state.config.theme] || logoURLs.light,
478
484
  style: {
479
485
  transformOrigin: "top-".concat(_this2.state.config.alignment),
480
486
  transform: "scale(".concat(_this2.state.config.logoSize, ")"),
481
- cursor: 'pointer',
482
- width: '74px',
483
- height: '18px'
487
+ cursor: "pointer",
488
+ width: "74px",
489
+ height: "18px"
484
490
  },
485
491
  key: index,
486
492
  onClick: function onClick() {
487
- return _this2.openModal('sezzle');
493
+ return _this2.openModal("sezzle");
488
494
  }
489
495
  });
490
496
  subtemplates.push(logoElement);
491
497
  break;
492
- case 'info':
498
+ case "info":
493
499
  // eslint-disable-next-line no-case-declarations
494
500
  var infoElement = /*#__PURE__*/React.createElement("div", {
495
501
  "aria-label": "".concat(translations.clickHere),
496
502
  className: "sezzle-info-icon",
497
503
  key: index,
498
504
  onClick: function onClick() {
499
- return _this2.openModal('sezzle');
505
+ return _this2.openModal("sezzle");
500
506
  }
501
507
  }, "\u24D8");
502
508
  subtemplates.push(infoElement);
503
509
  break;
504
- case 'afterpay':
510
+ case "afterpay":
505
511
  if (_this2.state.config.includeAPModal) {
506
512
  subtemplates.push("".concat(translations.or));
507
513
  var apLogo = /*#__PURE__*/React.createElement("img", {
508
514
  className: "sezzle-ap-logo ap-modal-info-link no-sezzle-info",
509
- src: 'https://media.sezzle.com/sezzle-credit-website-assets/ap-badge-black-on-mint.svg',
515
+ src: "https://media.sezzle.com/sezzle-credit-website-assets/ap-badge-black-on-mint.svg",
510
516
  onClick: function onClick() {
511
- return _this2.openModal('afterpay');
517
+ return _this2.openModal("afterpay");
512
518
  },
513
519
  key: index,
514
520
  alt: "Afterpay"
@@ -516,8 +522,9 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
516
522
  subtemplates.push(apLogo);
517
523
  }
518
524
  break;
519
- case 'min-price':
520
- if (_this2.state.config.minPrice && !_this2.state.config.includeAPModal) {
525
+ case "min-price":
526
+ var priceFloat = parsePrice(parsePriceString(_this2.state.config.price));
527
+ if (_this2.state.config.minPrice > priceFloat && !_this2.state.config.includeAPModal) {
521
528
  subtemplates.push(" ".concat(translations.ordersOver, " $").concat(_this2.state.config.minPrice));
522
529
  }
523
530
  break;
@@ -530,7 +537,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
530
537
  }, {
531
538
  key: "openModal",
532
539
  value: function openModal(modalType) {
533
- modalType === 'afterpay' ? this.setState({
540
+ modalType === "afterpay" ? this.setState({
534
541
  afterpay: true
535
542
  }) : this.setState({
536
543
  sezzle: true
@@ -539,7 +546,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
539
546
  }, {
540
547
  key: "closeModal",
541
548
  value: function closeModal(modalType) {
542
- modalType === 'afterpay' ? this.setState({
549
+ modalType === "afterpay" ? this.setState({
543
550
  afterpay: false
544
551
  }) : this.setState({
545
552
  sezzle: false
@@ -550,25 +557,25 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
550
557
  value: function render() {
551
558
  var _this3 = this;
552
559
  return /*#__PURE__*/React.createElement("div", {
553
- className: "sezzle-shopify-info-button sezzle-".concat(this.state.config.merchantId || '')
560
+ className: "sezzle-shopify-info-button sezzle-".concat(this.state.config.merchantId || "")
554
561
  }, /*#__PURE__*/React.createElement("div", {
555
562
  "aria-haspopup": "dialog",
556
563
  role: "button",
557
564
  tabIndex: "0",
558
- className: "sezzle-checkout-button-wrapper sezzle-modal-link sezzle-".concat(this.state.config.merchantId || '', " sezzle-").concat(this.state.config.alignment || 'auto'),
565
+ className: "sezzle-checkout-button-wrapper sezzle-modal-link sezzle-".concat(this.state.config.merchantId || "", " sezzle-").concat(this.state.config.alignment || "auto"),
559
566
  style: {
560
- cursor: 'pointer'
567
+ cursor: "pointer"
561
568
  },
562
569
  onClick: function onClick() {
563
- return _this3.openModal('sezzle');
570
+ return _this3.openModal("sezzle");
564
571
  }
565
572
  }, /*#__PURE__*/React.createElement("div", {
566
- className: "sezzle-button-text sezzle-".concat(this.state.config.alignment || 'auto', " szl-").concat(this.state.config.theme === 'dark' || this.state.config.theme === 'white-flat' ? 'dark' : 'light'),
573
+ className: "sezzle-button-text sezzle-".concat(this.state.config.alignment || "auto", " szl-").concat(this.state.config.theme === "dark" || this.state.config.theme === "white-flat" ? "dark" : "light"),
567
574
  style: {
568
575
  fontWeight: this.state.config.fontWeight || 500,
569
- fontFamily: this.state.config.fontFamily || 'inherit',
570
- fontSize: (this.state.config.fontSize || 14) + 'px',
571
- color: this.state.config.textColor || 'inherit'
576
+ fontFamily: this.state.config.fontFamily || "inherit",
577
+ fontSize: (this.state.config.fontSize || 14) + "px",
578
+ color: this.state.config.textColor || "inherit"
572
579
  }
573
580
  }, this.renderSezzleWidgetText())), this.state.modalsToShow.map(function (modal, index) {
574
581
  return /*#__PURE__*/React.createElement(Modal, {
@@ -577,7 +584,9 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
577
584
  toggleModalVisibility: _this3.state[modal],
578
585
  callbackModalClose: function callbackModalClose(modal) {
579
586
  return _this3.closeModal(modal);
580
- }
587
+ },
588
+ minPrice: _this3.state.config.minPrice,
589
+ maxPrice: _this3.state.config.maxPrice
581
590
  });
582
591
  }));
583
592
  }
@@ -620,17 +629,18 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
620
629
  _this.state = {
621
630
  sezzleConfig: {
622
631
  price: _this.props.price || 0,
623
- merchantId: _this.props.merchantId || '',
632
+ merchantId: _this.props.merchantId || "",
624
633
  includeAPModal: _this.props.includeAPModal || false,
625
- minPrice: _this.props.minPrice || 0,
626
- theme: _this.props.theme || 'light',
627
- alignment: _this.props.alignment || 'auto',
634
+ minPrice: _this.props.minPrice || 20,
635
+ maxPrice: _this.props.maxPrice || 2500,
636
+ theme: _this.props.theme || "light",
637
+ alignment: _this.props.alignment || "auto",
628
638
  fontWeight: _this.props.fontWeight || 500,
629
- fontFamily: _this.props.fontFamily || 'inherit',
639
+ fontFamily: _this.props.fontFamily || "inherit",
630
640
  fontSize: _this.props.fontSize || 14,
631
- textColor: _this.props.textColor || 'inherit',
641
+ textColor: _this.props.textColor || "inherit",
632
642
  logoSize: _this.props.logoSize || 1,
633
- modalsToShow: ['sezzle']
643
+ modalsToShow: ["sezzle"]
634
644
  }
635
645
  };
636
646
  return _this;
@@ -652,8 +662,8 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
652
662
  return updateState;
653
663
  }
654
664
  state = _objectSpread({}, state);
655
- if (props.includeAPModal && state.sezzleConfig.modalsToShow.indexOf('afterpay') === -1) {
656
- state.sezzleConfig.modalsToShow.push('afterpay');
665
+ if (props.includeAPModal && state.sezzleConfig.modalsToShow.indexOf("afterpay") === -1) {
666
+ state.sezzleConfig.modalsToShow.push("afterpay");
657
667
  }
658
668
  return state;
659
669
  }