@sezzle/sezzle-react-widget 3.0.1 → 3.0.5

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.
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,59 +58,87 @@ 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
  }
105
106
 
106
- function getFormattedPrice(price, numberOfPayments) {
107
+ function isProductEligibleLT(priceText, minPriceLT, maxPrice) {
108
+ var price = parsePrice(priceText);
109
+ return minPriceLT && price >= minPriceLT && price <= maxPrice;
110
+ }
111
+ function termsToShow$1(price) {
112
+ switch (true) {
113
+ case price > 1000:
114
+ return [24, 36, 48];
115
+ case price > 500:
116
+ return [12, 18, 24];
117
+ case price > 300:
118
+ return [6, 9, 12];
119
+ default:
120
+ return [3, 6, 9];
121
+ }
122
+ }
123
+ function calculateMonthlyWithInterest$1(priceText, term, APR) {
124
+ var price = Number(priceText);
125
+ if (APR > 0) {
126
+ var rate = APR / 100 / 12;
127
+ var numerator = price * rate * Math.pow(1 + rate, term);
128
+ var denominator = Math.pow(1 + rate, term) - 1;
129
+ var interestPayment = numerator / denominator;
130
+ return interestPayment;
131
+ } else {
132
+ return price / term;
133
+ }
134
+ }
135
+ function getFormattedPrice(price, numberOfPayments, minPriceLT, maxPrice, bestAPR) {
107
136
  var priceString = parsePriceString(price);
108
137
  var priceReplacer = parsePrice(price);
109
- var formatter = price.replace(priceString, '{price}');
110
- var sezzleInstallmentPrice = (priceReplacer / numberOfPayments).toFixed(2);
111
- var sezzleInstallmentFormattedPrice = formatter.replace('{price}', sezzleInstallmentPrice);
138
+ var formatter = price.replace(priceString, "{price}");
139
+ var terms = termsToShow$1(priceReplacer);
140
+ var sezzleInstallmentPrice = isProductEligibleLT(priceString, minPriceLT, maxPrice) ? calculateMonthlyWithInterest$1(priceString, terms[terms.length - 1], bestAPR) : priceReplacer / numberOfPayments;
141
+ var sezzleInstallmentFormattedPrice = formatter.replace("{price}", sezzleInstallmentPrice.toFixed(2));
112
142
  return sezzleInstallmentFormattedPrice;
113
143
  }
114
144
 
@@ -142,48 +172,84 @@ function styleInject(css, ref) {
142
172
  var css_248z$1 = ".sezzle-shopify-info-button {\n display: block;\n overflow: hidden;\n margin: 0;\n border: none;\n padding: 0;\n background: none;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper {\n display: block;\n box-sizing: border-box;\n width: 100%;\n border: none;\n padding: 0;\n background: none;\n color: inherit;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper:focus {\n outline: 5px auto;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper.sezzle-left {\n text-align: left;\n float: left;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper.sezzle-center {\n text-align: center;\n float: none;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper.sezzle-right {\n text-align: right;\n float: right;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text {\n width: unset;\n margin: auto;\n border: 0;\n padding: 0;\n background: none;\n vertical-align: baseline;\n word-wrap: normal;\n line-height: 18px;\n font-size: 14px;\n font-weight: 500;\n font-family: inherit;\n color: inherit;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text.sezzle-left {\n text-align: left;\n margin: 0;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text.sezzle-center {\n text-align: center;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text.sezzle-right {\n float: right;\n text-align: right;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-payment-amount {\n zoom: 1;\n float: none;\n margin: 0;\n border: 0;\n padding: 0;\n background: none;\n vertical-align: baseline;\n font-weight: 900;\n font-size: 1.2em;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-logo {\n display: inline-block;\n box-sizing: border-box;\n height: 18px;\n width: auto;\n opacity: 1;\n float: none;\n margin: 0;\n margin-bottom: -3px;\n border: 0;\n padding: 0;\n background: none;\n vertical-align: baseline;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-info-icon {\n display: contents;\n width: auto;\n position: absolute;\n margin: 0;\n box-shadow: none;\n border: none;\n padding: 0px 0px 0px 3px;\n background: none;\n vertical-align: baseline;\n line-height: initial;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-info-link {\n text-decoration: underline;\n cursor: pointer;\n background: none;\n border: none;\n padding: 0px;\n display: inline;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-ap-logo {\n height: 45px;\n margin: 0;\n border: 0;\n padding: 0;\n vertical-align: middle;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text button.ap-modal-info-link {\n display: inline;\n width: auto;\n margin: 0;\n box-shadow: none;\n border: none;\n padding: 0;\n background: none;\n vertical-align: middle;\n line-height: inherit;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n}\n\n.sezzle-hidden {\n display: none;\n visibility: hidden;\n}";
143
173
  styleInject(css_248z$1);
144
174
 
175
+ var adjustedTotal$2 = "Total Payment:";
145
176
  var clickHere$2 = "Click here to learn more about Sezzle";
146
177
  var closeSezzleModal$2 = "Close Sezzle Modal";
147
178
  var completePurchase$2 = "2. Complete your purchase with a 25% down payment.";
179
+ var interest$2 = "Total Interest:";
148
180
  var learnMore$2 = "Learn more about Sezzle";
181
+ var linkToCompleteTerms$2 = "<a href='https://legal.sezzle.com/user' target='_blank'>Click here for complete terms.</a>";
149
182
  var locale$2 = "en-us";
183
+ var monthlyAmount$2 = "/ month";
150
184
  var or$2 = " or ";
151
185
  var ordersOver$2 = "for orders over";
186
+ var perMonth$2 = "per month";
152
187
  var pieAlt$2 = "pie at";
188
+ var readAPR$2 = "A.P.R.";
189
+ var sampleAPR$2 = "APR:";
153
190
  var schedulePayments$2 = "3. Schedule the rest of your payments.";
154
191
  var selectSezzle$2 = "1. Pay later by selecting Sezzle at checkout.";
155
192
  var sezzleHeader$2 = "Buy Now. Pay Later.";
156
- var sezzleHeaderChild$2 = "Available for purchases of $20 to $2,500.<sup>1</sup>";
193
+ var sezzleHeaderChild$2 = "Available for purchases of $%%min-price%% to $%%max-price%%.<sup>1</sup>";
157
194
  var sezzleHeaderChild2$2 = "Instant decision. No impact to your credit score.<sup>2</sup>";
195
+ var sezzleHeaderLt$2 = "Make easy monthly payments on your order";
158
196
  var sezzleInfo$2 = "Sezzle Information";
197
+ var sezzleLtPaymentHeader$2 = "Sample payments for";
198
+ var sezzleRowLtChild$2 = "Checking eligibility won't affect your credit.";
199
+ var singleFeatureAffordable$2 = "Affordable monthly plans";
200
+ var singleFeaturePrequalify$2 = "Simple, quick pre-qualification";
201
+ var singleFeatureTrusted$2 = "Trusted by over 10 million consumers";
159
202
  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.";
203
+ var templateLT$2 = "or monthly payments as low as %%price%% with %%logo%% %%info%%";
204
+ var termLength$2 = "months";
205
+ var terms1$2 = "<sup>1</sup>First payment date and amount may fluctuate based on eligibility and time of merchant order completion. Late fees and failed payment fees may apply.";
161
206
  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
207
  var termsHiw$2 = "<a href='https://sezzle.com/how-it-works' target='_blank'>Learn more about Sezzle buy now, pay later here.</a>";
208
+ var termsLt1$2 = "Signing up for Sezzle will not impact your credit score. Learn more about <a href=\"https://sezzle.com/how-it-works\" target=\"_blank\">Sezzle buy now, pay later.</a>";
209
+ var termsLt2$2 = "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.";
210
+ var termsLt3$2 = "Subject to credit approval by a third party lender. Rates from 5.99% - 34.99% APR; terms from 3 months – 48 months, which may vary by lender. 0% APR options may be available. APRs will vary depending on credit qualifications, loan amount, term, and lender. Minimum purchase is required.";
163
211
  var today$2 = "Today";
164
212
  var trustPilotReviews$2 = "14K+ reviews on";
165
213
  var trustPilotTitle$2 = "4.3 out of 5 star rating on Trustpilot";
166
- var webBankTerms$2 = "<sup>3</sup>Pay in 4 and Pay in 2 loans are originated by WebBank except loans in IA, Puerto Rico and Canada. For example, for a $300 Pay in 4 loan, you would make one $75 down payment today, then three $75 payments every two weeks for a 35.40% annual percentage rate (APR) and a total of payments of $305.99 which includes a $5.99 Service Fee (finance charge) charged at loan origination. Service fees vary and can range from $0 to $5.99 depending on the purchase price and Sezzle product. Actual fees are reflected in checkout.";
214
+ var webBankTerms$2 = "<sup>3</sup>WebBank originates all Pay-in-2 and Pay-in-4 loans, except in Iowa, Puerto Rico and Canada. All other loans originated by Sezzle.";
167
215
  var week$2 = "Week";
168
216
  var enTranslations = {
217
+ adjustedTotal: adjustedTotal$2,
169
218
  clickHere: clickHere$2,
170
219
  closeSezzleModal: closeSezzleModal$2,
171
220
  completePurchase: completePurchase$2,
221
+ interest: interest$2,
172
222
  learnMore: learnMore$2,
223
+ linkToCompleteTerms: linkToCompleteTerms$2,
173
224
  locale: locale$2,
225
+ monthlyAmount: monthlyAmount$2,
174
226
  or: or$2,
175
227
  ordersOver: ordersOver$2,
228
+ perMonth: perMonth$2,
176
229
  pieAlt: pieAlt$2,
230
+ readAPR: readAPR$2,
231
+ sampleAPR: sampleAPR$2,
177
232
  schedulePayments: schedulePayments$2,
178
233
  selectSezzle: selectSezzle$2,
179
234
  sezzleHeader: sezzleHeader$2,
180
235
  sezzleHeaderChild: sezzleHeaderChild$2,
181
236
  sezzleHeaderChild2: sezzleHeaderChild2$2,
237
+ sezzleHeaderLt: sezzleHeaderLt$2,
182
238
  sezzleInfo: sezzleInfo$2,
239
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader$2,
240
+ sezzleRowLtChild: sezzleRowLtChild$2,
241
+ singleFeatureAffordable: singleFeatureAffordable$2,
242
+ singleFeaturePrequalify: singleFeaturePrequalify$2,
243
+ singleFeatureTrusted: singleFeatureTrusted$2,
183
244
  template: template$2,
245
+ templateLT: templateLT$2,
246
+ termLength: termLength$2,
184
247
  terms1: terms1$2,
185
248
  terms2: terms2$2,
186
249
  termsHiw: termsHiw$2,
250
+ termsLt1: termsLt1$2,
251
+ termsLt2: termsLt2$2,
252
+ termsLt3: termsLt3$2,
187
253
  today: today$2,
188
254
  trustPilotReviews: trustPilotReviews$2,
189
255
  trustPilotTitle: trustPilotTitle$2,
@@ -191,48 +257,84 @@ var enTranslations = {
191
257
  week: week$2
192
258
  };
193
259
 
260
+ var adjustedTotal$1 = "Paiement total :";
194
261
  var clickHere$1 = "Cliquez ici pour en savoir plus sur Sezzle";
195
262
  var closeSezzleModal$1 = "Fermer la fenêtre modale de Sezzle";
196
263
  var completePurchase$1 = "2. Complétez votre achat avec un acompte de 25 %.";
264
+ var interest$1 = "Intérêt total :";
197
265
  var learnMore$1 = "En savoir plus sur Sezzle";
266
+ var linkToCompleteTerms$1 = "<a href='https://legal.sezzle.com/user/fr-ca/' target='_blank'>Cliquez ici pour consulter les conditions complètes.</a>";
198
267
  var locale$1 = "fr-ca";
268
+ var monthlyAmount$1 = "/ mois";
199
269
  var or$1 = " ou ";
200
270
  var ordersOver$1 = "pour les achats de plus de";
271
+ var perMonth$1 = "par mois";
201
272
  var pieAlt$1 = "tarte à";
273
+ var readAPR$1 = "T.A.E.";
274
+ var sampleAPR$1 = "TAE:";
202
275
  var schedulePayments$1 = "3. Planifiez le reste de vos paiements.";
203
276
  var selectSezzle$1 = "1. Payez plus tard en sélectionnant Sezzle au moment du paiement.";
204
277
  var sezzleHeader$1 = "Achetez maintenant. Payez plus tard.";
205
- var sezzleHeaderChild$1 = "Disponible pour des achats de 20 $ à 2 500 $. <sup>1</sup>";
278
+ var sezzleHeaderChild$1 = "Disponible pour des achats de %%min-price%% $ à %%max-price%% $. <sup>1</sup>";
206
279
  var sezzleHeaderChild2$1 = "Décision instantanée. Aucun impact sur votre cote de crédit. <sup>2</sup>";
280
+ var sezzleHeaderLt$1 = "Effectuez des paiements mensuels faciles sur votre commande";
207
281
  var sezzleInfo$1 = "Informations sur Sezzle";
282
+ var sezzleLtPaymentHeader$1 = "Exemples de paiements pour";
283
+ var sezzleRowLtChild$1 = "La vérification de l’éligibilité n’affectera pas votre crédit.";
284
+ var singleFeatureAffordable$1 = "Forfaits mensuels abordables";
285
+ var singleFeaturePrequalify$1 = "Pré-qualification simple et rapide";
286
+ var singleFeatureTrusted$1 = "Plus de 10 millions de consommateurs nous font confiance";
208
287
  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.";
288
+ var templateLT$1 = "ou des mensualités aussi basses que %%price%% avec %%logo%% %%info%%";
289
+ var termLength$1 = "mois";
290
+ var terms1$1 = "<sup>1</sup> La date et le montant du premier paiement peuvent varier en fonction de l'éligibilité et de l'heure de fin de la commande du commerçant. Des frais de retard et des frais de paiement échoué peuvent s'appliquer.";
210
291
  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
- 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>";
292
+ 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>";
293
+ var termsLt1$1 = "L'inscription à Sezzle n'aura aucun impact sur votre score de crédit. En savoir plus sur <a href=\"https://sezzle.com/fr-ca/how-it-works/\" target=\"_blank\"> Achetez maintenant, payez plus tard avec Sezzle. </a>";
294
+ var termsLt2$1 = "Sous réserve d'approbation. <a href=\"https://legal.sezzle.com/user/fr-ca/\" target=\"_blank\">Cliquez ici pour 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 fin de la commande du commerçant.";
295
+ var termsLt3$1 = "Sous réserve de l'approbation de crédit par un prêteur tiers. Taux de 5,99 % à 34,99 % TAEG ; durées de 3 à 48 mois, qui peuvent varier selon le prêteur. Des options de TAEG de 0 % peuvent être disponibles. Les TAEG varient en fonction des qualifications de crédit, du montant du prêt, de la durée et du prêteur. Un achat minimum est requis.";
212
296
  var today$1 = "Aujourd'hui";
213
297
  var trustPilotReviews$1 = "Plus de 14 000 avis sur";
214
298
  var trustPilotTitle$1 = "Note de 4,3 sur 5 étoiles sur Trustpilot";
215
- var webBankTerms$1 = "<sup>3</sup> Les prêts Pay in 4 et Pay in 2 sont émis par WebBank, à l'exception des prêts en IA, à Porto Rico et au Canada. Par exemple, pour un prêt Pay in 4 de 300 $, vous effectueriez un acompte de 75 $ aujourd'hui, puis trois paiements de 75 $ toutes les deux semaines pour un taux annuel en pourcentage (TAEG) de 35,40 % et un total de paiements de 305,99 $, qui comprend des frais de service de 5,99 $ (frais financiers) facturés à l'origine du prêt. Les frais de service varient et peuvent aller de 0 $ à 5,99 $ selon le prix d'achat et le produit Sezzle. Les frais réels sont reflétés lors du paiement.";
299
+ var webBankTerms$1 = "<sup>3</sup> WebBank émet tous les prêts Pay-in-2 et Pay-in-4, sauf dans l'Iowa, à Porto Rico et au Canada. Tous les autres prêts sont émis par Sezzle.";
216
300
  var week$1 = "Semaine";
217
301
  var frTranslations = {
302
+ adjustedTotal: adjustedTotal$1,
218
303
  clickHere: clickHere$1,
219
304
  closeSezzleModal: closeSezzleModal$1,
220
305
  completePurchase: completePurchase$1,
306
+ interest: interest$1,
221
307
  learnMore: learnMore$1,
308
+ linkToCompleteTerms: linkToCompleteTerms$1,
222
309
  locale: locale$1,
310
+ monthlyAmount: monthlyAmount$1,
223
311
  or: or$1,
224
312
  ordersOver: ordersOver$1,
313
+ perMonth: perMonth$1,
225
314
  pieAlt: pieAlt$1,
315
+ readAPR: readAPR$1,
316
+ sampleAPR: sampleAPR$1,
226
317
  schedulePayments: schedulePayments$1,
227
318
  selectSezzle: selectSezzle$1,
228
319
  sezzleHeader: sezzleHeader$1,
229
320
  sezzleHeaderChild: sezzleHeaderChild$1,
230
321
  sezzleHeaderChild2: sezzleHeaderChild2$1,
322
+ sezzleHeaderLt: sezzleHeaderLt$1,
231
323
  sezzleInfo: sezzleInfo$1,
324
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader$1,
325
+ sezzleRowLtChild: sezzleRowLtChild$1,
326
+ singleFeatureAffordable: singleFeatureAffordable$1,
327
+ singleFeaturePrequalify: singleFeaturePrequalify$1,
328
+ singleFeatureTrusted: singleFeatureTrusted$1,
232
329
  template: template$1,
330
+ templateLT: templateLT$1,
331
+ termLength: termLength$1,
233
332
  terms1: terms1$1,
234
333
  terms2: terms2$1,
235
334
  termsHiw: termsHiw$1,
335
+ termsLt1: termsLt1$1,
336
+ termsLt2: termsLt2$1,
337
+ termsLt3: termsLt3$1,
236
338
  today: today$1,
237
339
  trustPilotReviews: trustPilotReviews$1,
238
340
  trustPilotTitle: trustPilotTitle$1,
@@ -240,48 +342,84 @@ var frTranslations = {
240
342
  week: week$1
241
343
  };
242
344
 
345
+ var adjustedTotal = "Pago Total:";
243
346
  var clickHere = "Haga clic aquí para obtener más información sobre Sezzle";
244
347
  var closeSezzleModal = "Cerrar modal de Sezzle";
245
348
  var completePurchase = "2. Completa tu compra con un pago inicial del 25%.";
349
+ var interest = "Interés total:";
246
350
  var learnMore = "Obtenga más información sobre Sezzle";
351
+ var linkToCompleteTerms = "<a href='https://legal.sezzle.com/user' target='_blank'>Haga clic aquí para conocer los términos y condiciones completos.</a>";
247
352
  var locale = "es-us";
353
+ var monthlyAmount = "/ mes";
248
354
  var or = " o ";
249
355
  var ordersOver = "por compras superiores a";
356
+ var perMonth = "por mes";
250
357
  var pieAlt = "pastel en";
358
+ var readAPR = "A.P.R.";
359
+ var sampleAPR = "APR:";
251
360
  var schedulePayments = "3. Programa el resto de tus pagos.";
252
361
  var selectSezzle = "1. Pague más tarde seleccionando Sezzle al finalizar la compra.";
253
362
  var sezzleHeader = "Compra ahora. Paga después.";
254
- var sezzleHeaderChild = "Disponible para compras de $20 a $2,500. <sup>1</sup>";
363
+ var sezzleHeaderChild = "Disponible para compras de $%%min-price%% a $%%max-price%%. <sup>1</sup>";
255
364
  var sezzleHeaderChild2 = "Decisión instantánea. No afecta su calificación crediticia. <sup>2</sup>";
365
+ var sezzleHeaderLt = "Realice pagos mensuales fáciles de su pedido";
256
366
  var sezzleInfo = "Información sobre Sezzle";
367
+ var sezzleLtPaymentHeader = "Ejemplos de pagos para";
368
+ var sezzleRowLtChild = "Verificar la elegibilidad no afectará su crédito.";
369
+ var singleFeatureAffordable = "Planes mensuales asequibles";
370
+ var singleFeaturePrequalify = "Precalificación sencilla y rápida";
371
+ var singleFeatureTrusted = "Más de 10 millones de consumidores confían en nosotros";
257
372
  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.";
373
+ var templateLT = "o pagos mensuales tan bajos como %%price%% con %%logo%% %%info%%";
374
+ var termLength = "meses";
375
+ var terms1 = "<sup>1</sup> La fecha y el monto del primer pago pueden fluctuar según la elegibilidad y el momento en que se complete el pedido del comerciante. Pueden aplicarse cargos por pagos atrasados y pagos fallidos.";
259
376
  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
- 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>";
377
+ 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>";
378
+ var termsLt1 = "Suscribirse a Sezzle no afectará su puntaje crediticio. Obtenga más información sobre <a href=\"https://sezzle.com/how-it-works\" target=\"_blank\"> Sezzle compre ahora, pague después. </a>";
379
+ var termsLt2 = "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 se complete el pedido del comerciante.";
380
+ var termsLt3 = "Sujeto a aprobación crediticia por parte de un prestamista externo. Tasas desde 5.99% - 34.99% APR; plazos desde 3 meses - 48 meses, que pueden variar según el prestamista. Pueden estar disponibles opciones con APR del 0%. Las APR varían según las calificaciones crediticias, el monto del préstamo, el plazo y el prestamista. Se requiere una compra mínima.";
261
381
  var today = "Hoy";
262
382
  var trustPilotReviews = "Más de 14.000 reseñas en";
263
383
  var trustPilotTitle = "4,3 de 5 estrellas en Trustpilot";
264
- var webBankTerms = "<sup>3</sup> Los préstamos Pay in 4 y Pay in 2 son originados por WebBank, excepto los préstamos en IA, Puerto Rico y Canadá. Por ejemplo, para un préstamo Pay in 4 de $300, usted haría un pago inicial de $75 hoy, luego tres pagos de $75 cada dos semanas por una tasa de porcentaje anual (APR) del 35.40% y un total de pagos de $305.99 que incluye una Tarifa de Servicio (cargo financiero) de $5.99 cobrada al momento del inicio del préstamo. Las tarifas de servicio varían y pueden ir desde $0 a $5.99 dependiendo del precio de compra y del producto Sezzle. Las tarifas reales se reflejan en el momento de pago.";
384
+ var webBankTerms = "<sup>3</sup> WebBank es el proveedor de todos los préstamos Pay-in-2 y Pay-in-4, excepto en Iowa, Puerto Rico y Canadá. Todos los demás préstamos son originados por Sezzle.";
265
385
  var week = "Semana";
266
386
  var esTranslations = {
387
+ adjustedTotal: adjustedTotal,
267
388
  clickHere: clickHere,
268
389
  closeSezzleModal: closeSezzleModal,
269
390
  completePurchase: completePurchase,
391
+ interest: interest,
270
392
  learnMore: learnMore,
393
+ linkToCompleteTerms: linkToCompleteTerms,
271
394
  locale: locale,
395
+ monthlyAmount: monthlyAmount,
272
396
  or: or,
273
397
  ordersOver: ordersOver,
398
+ perMonth: perMonth,
274
399
  pieAlt: pieAlt,
400
+ readAPR: readAPR,
401
+ sampleAPR: sampleAPR,
275
402
  schedulePayments: schedulePayments,
276
403
  selectSezzle: selectSezzle,
277
404
  sezzleHeader: sezzleHeader,
278
405
  sezzleHeaderChild: sezzleHeaderChild,
279
406
  sezzleHeaderChild2: sezzleHeaderChild2,
407
+ sezzleHeaderLt: sezzleHeaderLt,
280
408
  sezzleInfo: sezzleInfo,
409
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader,
410
+ sezzleRowLtChild: sezzleRowLtChild,
411
+ singleFeatureAffordable: singleFeatureAffordable,
412
+ singleFeaturePrequalify: singleFeaturePrequalify,
413
+ singleFeatureTrusted: singleFeatureTrusted,
281
414
  template: template,
415
+ templateLT: templateLT,
416
+ termLength: termLength,
282
417
  terms1: terms1,
283
418
  terms2: terms2,
284
419
  termsHiw: termsHiw,
420
+ termsLt1: termsLt1,
421
+ termsLt2: termsLt2,
422
+ termsLt3: termsLt3,
285
423
  today: today,
286
424
  trustPilotReviews: trustPilotReviews,
287
425
  trustPilotTitle: trustPilotTitle,
@@ -289,19 +427,80 @@ var esTranslations = {
289
427
  week: week
290
428
  };
291
429
 
430
+ function getStandardModal(modalNode, minPrice, maxPrice) {
431
+ var translationsMap = {
432
+ en: enTranslations,
433
+ fr: frTranslations,
434
+ es: esTranslations
435
+ };
436
+ var currentLang = getLanguage();
437
+ var translations = translationsMap[currentLang];
438
+ modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-modal";
439
+ var modalContent = "<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\">\n <span>").concat(translations.terms1, "</span><br /><span>").concat(translations.termsHiw, "</span>\n </p>\n <p class=\"terms\">").concat(translations.terms2, "</p>\n <p class=\"terms\">\n <span class=\"webbank-terms\">").concat(translations.webBankTerms, "</span><br /><span>").concat(translations.linkToCompleteTerms, "</span>\n </div>\n </div>\n </div>\n </div>\n</section>");
440
+ modalNode.innerHTML = modalContent.replace("%%min-price%%", Intl.NumberFormat(currentLang).format(minPrice)).replace("%%max-price%%", Intl.NumberFormat(currentLang).format(maxPrice));
441
+ }
442
+
443
+ function addDelimiters(priceString) {
444
+ var parsedPrice = Number(priceString).toFixed(2);
445
+ if (parsedPrice.length > 6) {
446
+ return parsedPrice.substring(0, parsedPrice.indexOf(".") - 3) + "," + parsedPrice.substring(parsedPrice.indexOf(".") - 3, parsedPrice.length);
447
+ } else {
448
+ return parsedPrice;
449
+ }
450
+ }
451
+ function calculateMonthlyWithInterest(priceText, term, APR) {
452
+ var price = Number(priceText);
453
+ if (APR > 0) {
454
+ var rate = APR / 100 / 12;
455
+ var numerator = price * rate * Math.pow(1 + rate, term);
456
+ var denominator = Math.pow(1 + rate, term) - 1;
457
+ var interestPayment = numerator / denominator;
458
+ return interestPayment;
459
+ } else {
460
+ return price / term;
461
+ }
462
+ }
463
+ function formatMonthly(priceString, term, APR) {
464
+ var interestAmount = calculateMonthlyWithInterest(priceString, term, APR);
465
+ return addDelimiters(interestAmount.toFixed(2));
466
+ }
467
+ function formatTotalInterest(priceString, term, APR) {
468
+ var adjustedTotal = calculateMonthlyWithInterest(priceString, term, APR) * term;
469
+ return addDelimiters(adjustedTotal - priceString);
470
+ }
471
+ function formatAdjustedTotal(priceString, term, APR) {
472
+ var amountPlusInterest = calculateMonthlyWithInterest(priceString, term, APR);
473
+ return addDelimiters(amountPlusInterest * term);
474
+ }
475
+ function termsToShow(price) {
476
+ switch (true) {
477
+ case price > 1000:
478
+ return [24, 36, 48];
479
+ case price > 500:
480
+ return [12, 18, 24];
481
+ case price > 300:
482
+ return [6, 9, 12];
483
+ default:
484
+ return [3, 6, 9];
485
+ }
486
+ }
487
+ function getLongTermModal(modalNode, priceString, bestAPR) {
488
+ var translationsMap = {
489
+ en: enTranslations,
490
+ fr: frTranslations,
491
+ es: esTranslations
492
+ };
493
+ var currentLang = getLanguage();
494
+ var translations = translationsMap[currentLang];
495
+ var currency = "$";
496
+ var terms = termsToShow(priceString);
497
+ modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-modal";
498
+ modalNode.innerHTML = "<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" role=\"dialog\" lang=\"".concat(translations.locale, "\" 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.learnMore, "\" class=\"sezzle-checkout-modal-hidden long-term\">\n <div class=\"sezzle-modal\">\n <div>\n <button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button>\n </div>\n <div class=\"sezzle-logo\" title=\"Sezzle\"> </div>\n <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n <header class=\"sezzle-header\">").concat(translations.sezzleHeaderLt, "</header>\n <div class=\"sezzle-row\">").concat(translations.sezzleRowLtChild, "</div>\n <div class=\"sezzle-lt-payments\">\n <div class=\"sezzle-lt-payment-header\">").concat(translations.sezzleLtPaymentHeader, " <span>").concat(currency + addDelimiters(priceString), "</span></div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[2], "-month\" ").concat(terms[2] === undefined ? "style=\"display: none;\"" : "style=\"display: block;\"", ">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[2], bestAPR), "</span>\n <span aria-label=\"").concat(translations.perMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.monthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[2], " ").concat(translations.termLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.adjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[2], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.interest, " <span>").concat(currency + formatTotalInterest(priceString, terms[2], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.readAPR, " ").concat(bestAPR, " ").concat(translations.percent, "\">\n <span aria-hidden=\"true\">").concat(translations.sampleAPR, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[1], "-month\">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[1], bestAPR), "</span>\n <span aria-label=\"").concat(translations.perMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.monthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[1], " ").concat(translations.termLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.adjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[1], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.interest, " <span>").concat(currency + formatTotalInterest(priceString, terms[1], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.readAPR, " ").concat(bestAPR, " ").concat(translations.percent, "\">\n <span aria-hidden=\"true\">").concat(translations.sampleAPR, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[0], "-month\">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[0], bestAPR), "</span>\n <span aria-label=\"").concat(translations.perMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.monthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[0], " ").concat(translations.termLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.adjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[0], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.interest, " <span>").concat(currency + formatTotalInterest(priceString, terms[0], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.readAPR, " ").concat(bestAPR, " ").concat(translations.percent, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"details\">").concat(translations.singleFeatureAffordable, "</div>\n <div class=\"details\">").concat(translations.singleFeaturePrequalify, "</div>\n <div class=\"details\">").concat(translations.singleFeatureTrusted, "</div>\n <div class=\"terms\">\n <p>").concat(translations.termsLt1, "</p>\n <p>").concat(translations.termsLt2, "</p>\n <p>").concat(translations.termsLt3, "</p>\n </div>\n </div>\n </div>\n </div>\n </section>");
499
+ }
500
+
292
501
  var css_248z = "@import url(\"https://fonts.cdnfonts.com/css/satoshi\");\n@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@600&display=swap\");\n.sezzle-modal-open {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n}\n\n.sezzle-checkout-modal-lightbox * {\n vertical-align: baseline;\n box-sizing: border-box;\n line-height: normal;\n}\n\n.sezzle-checkout-modal-lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 99999998;\n background-color: rgba(5, 31, 52, 0.57);\n width: 100vw;\n height: 100vh;\n overflow-y: auto;\n overflow-x: hidden;\n color: unset;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden {\n transition: all 0.4s ease;\n margin-top: 0;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: fixed;\n top: 50%;\n left: 50%;\n margin-top: -384px;\n margin-left: -325px;\n z-index: 99999998;\n background-color: #ffffff;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n border-radius: 20px;\n color: #303030;\n font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n transition: all 0.4s ease;\n width: 650px;\n}\n@media (max-width: 650px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n padding: 50px 20px;\n margin: 0;\n border-radius: 0;\n height: 100%;\n font-size: 15px;\n max-width: 100%;\n min-width: 320px;\n overflow: auto;\n }\n}\n@media (max-height: 767px) and (min-width: 651px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n margin: 20px auto;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 .sezzle-checkout-modal h1 {\n font-size: 16px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n display: block;\n text-align: center;\n text-transform: none;\n font-size: 12pt;\n line-height: 25px;\n font-weight: 300;\n box-sizing: border-box;\n color: #5e5e5e;\n margin: 5px 0 !important;\n letter-spacing: 0.25px;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n text-align: center;\n }\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n font-size: 11pt;\n text-align: center;\n letter-spacing: 0.5px;\n line-height: 18px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n display: block;\n box-sizing: border-box;\n font-size: 11pt;\n opacity: 0.8;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n font-size: 7.5pt;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a {\n display: block;\n margin: 4px auto 0;\n color: #17ce6a;\n font-size: 8pt;\n font-weight: 500;\n text-transform: lowercase;\n text-align: left;\n letter-spacing: 0.25px;\n text-decoration: none;\n transition: 0.15s;\n opacity: 0.65;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a:hover {\n transition: 0.1s;\n opacity: 1;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n color: unset;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n text-align: center;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 img {\n margin: 0 4px;\n display: inline-block;\n height: 30px !important;\n width: auto;\n position: relative;\n top: 6px;\n vertical-align: initial;\n}\n\n.sezzle-checkout-modal-hidden {\n width: 100%;\n height: 100%;\n -webkit-font-smoothing: antialiased;\n transition: all 0.4s ease;\n margin-top: 0;\n}\n@media screen and (min-width: 0px) and (max-width: 280px) {\n .sezzle-checkout-modal-hidden {\n display: none;\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 90%;\n width: 343px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n background-color: #ffffff;\n overflow: auto;\n padding: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n}\n@media screen and (max-width: 374px) {\n .sezzle-checkout-modal-hidden .sezzle-modal {\n transform: scale(0.9) translate(-55%, -55%);\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo {\n display: block;\n height: 29.39px;\n width: 120px;\n margin: 10px auto 0;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content {\n height: auto;\n text-align: center;\n padding: 0px 16px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper {\n font-size: 12px;\n margin: 16px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper a {\n text-decoration: none;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-trustscore {\n font-weight: 500;\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars {\n display: inline-block;\n width: 70px;\n position: relative;\n top: 2px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg {\n display: block;\n position: absolute;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star:nth-of-type(-n + 4) .tp-star__canvas {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas {\n fill: #dcdce6;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas--half {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__shape {\n fill: #ffffff;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info {\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-rating {\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-logo {\n display: inline-block;\n width: 60px;\n position: relative;\n top: 2px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header {\n display: block;\n text-align: center;\n font-style: normal;\n font-size: 19px;\n font-weight: 700;\n line-height: 26px;\n letter-spacing: 0.1px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n color: #303030;\n margin: 16px 0;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row {\n text-align: center;\n font-style: normal;\n font-size: 13px;\n font-weight: 400;\n line-height: 17px;\n color: #303030;\n letter-spacing: 0.4px;\n margin: 12px 0px 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n display: grid;\n gap: 4px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row span {\n display: block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row span sup {\n vertical-align: super;\n font-size: 0.75em;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(131, 51, 212, 0.05);\n border-radius: 16px;\n padding: 16px 8px;\n margin: 0px 12px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay.sezzle-four-pay-fr-es {\n margin: 0px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row {\n text-align: center;\n font-style: normal;\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n color: #303030;\n margin: 0px 0px 12px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #ffffff;\n border-radius: 8px;\n margin: 0px 4px;\n padding: 16px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today .payment-item:first-child {\n padding: 0 8px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments {\n display: flex;\n flex-direction: row;\n align-items: center;\n background: #ffffff;\n border-radius: 8px;\n margin: 0px 4px;\n padding: 0px 4px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item {\n padding: 16px 8px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item div:first-child {\n padding: 0 4px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item div:first-child svg {\n width: 35px;\n height: 35px;\n stroke: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 0px;\n padding: 8px 0px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage {\n text-align: center;\n font-style: normal;\n font-size: 13.4px;\n font-weight: 400;\n line-height: 18.76px;\n color: #8333d4;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n align-items: center;\n letter-spacing: 0.13px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due {\n text-align: center;\n font-style: normal;\n font-size: 10.72px;\n font-weight: 400;\n line-height: 15.18px;\n color: #5e5e5e;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due sup {\n vertical-align: super;\n font-size: 0.75em;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 16px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature {\n text-align: center;\n font-style: normal;\n font-size: 13px;\n font-weight: 500;\n line-height: 17px;\n color: #303030;\n letter-spacing: 0.4px;\n margin: 8px auto;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-giveaway {\n font-size: 17px;\n font-weight: 700;\n line-height: 23px;\n margin: 16px 0;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-giveaway.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo {\n font-size: 14px;\n color: #303030;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo {\n font-size: 12px;\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo::first-letter {\n text-transform: capitalize;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo a {\n color: #303030;\n text-decoration: underline;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo a:visited {\n color: #037269;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo a:hover {\n color: #af0fda;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms {\n text-align: center;\n font-style: normal;\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n color: #5e5e5e;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n margin: 11px 0;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms sup {\n vertical-align: super;\n font-size: 0.75em;\n padding-right: 2px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms a {\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms a:hover {\n color: #af0fda;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal {\n background-image: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-logo {\n width: 98px;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n background-position: 50%;\n height: 24px;\n margin: 10px auto 20px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content {\n height: auto;\n width: auto;\n text-align: center;\n padding: 0px 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-header {\n font-size: 24px;\n line-height: 30px;\n margin: 10px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-row {\n font-size: 15px;\n line-height: 20px;\n margin: 8px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments {\n height: fit-content;\n margin: 20px auto;\n padding: 20px 0 0;\n border: 1px solid #e5e5e5;\n border-radius: 5px;\n max-width: 502px;\n display: block;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 20px;\n display: block;\n align-items: center;\n text-align: center;\n padding: 15px;\n letter-spacing: -0.3px;\n border-bottom: 1px solid #e5e5e5;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header span {\n font-size: 17px;\n line-height: 22px;\n font-weight: 700;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options {\n font-size: 12px;\n line-height: 14px;\n margin: 0px 20px 0;\n padding: 20px 0px;\n border-bottom: 1px solid #e5e5e5;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n font-size: 12px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount span {\n font-size: 17px;\n line-height: 22px;\n color: #8333d4;\n font-weight: 600;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount .per-month {\n font-size: 13px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .term-length {\n border-radius: 100px;\n background: rgba(41, 211, 162, 0.1);\n color: #00804a;\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments:last-child {\n border: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .details {\n font-size: 17px;\n line-height: 22px;\n margin: 16px auto;\n font-weight: 600;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms {\n font-size: 11px;\n line-height: 13px;\n color: #5e5e5e;\n margin: 10px auto 0;\n padding: 12px 0 0;\n border-top: 1px solid #e5e5e5;\n text-align: center;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}";
293
502
  styleInject(css_248z);
294
503
 
295
- var translationsMap$1 = {
296
- en: enTranslations,
297
- fr: frTranslations,
298
- es: esTranslations
299
- };
300
- var supportedLanguages = Object.keys(translationsMap$1);
301
- var currentLang = getLanguage(supportedLanguages);
302
- var translations = translationsMap$1[currentLang];
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
-
305
504
  function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "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$2(o); }
306
505
  function ownKeys$2(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; }
307
506
  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -389,7 +588,11 @@ var Modal = /*#__PURE__*/function (_React$Component) {
389
588
  break;
390
589
  default:
391
590
  modalElement.className = "sezzle-checkout-modal-lightbox close-sezzle-modal";
392
- modalElement.innerHTML = modalHTML;
591
+ if (isProductEligibleLT(props.price, props.minPriceLT, props.maxPrice)) {
592
+ getLongTermModal(modalElement, props.price, props.bestAPR);
593
+ } else {
594
+ getStandardModal(modalElement, props.minPrice, props.maxPrice);
595
+ }
393
596
  }
394
597
  state = _objectSpread$2(_objectSpread$2({}, state), {}, {
395
598
  modalElement: modalElement
@@ -436,7 +639,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
436
639
  config: _this.props.config,
437
640
  sezzle: false,
438
641
  afterpay: false,
439
- modalsToShow: ['sezzle', 'afterpay']
642
+ modalsToShow: ["sezzle", "afterpay"]
440
643
  };
441
644
  return _this;
442
645
  }
@@ -447,68 +650,76 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
447
650
  var _this2 = this;
448
651
  var numberOfPayments = 4;
449
652
  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'
653
+ light: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg",
654
+ dark: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor_WhiteWM.svg",
655
+ "black-flat": "https://media.sezzle.com/branding/2.0/Sezzle_Logo_BlackAlt.svg",
656
+ "white-flat": "https://media.sezzle.com/branding/2.0/Sezzle_Logo_WhiteAlt.svg"
454
657
  };
455
- var supportedLanguages = Object.keys(translationsMap);
456
- var language = getLanguage(supportedLanguages);
658
+ var language = getLanguage();
457
659
  var translations = translationsMap[language];
660
+ var priceFloat = parsePrice(parsePriceString(this.state.config.price));
661
+ var widgetTemplate = "";
662
+ if (priceFloat > this.state.config.maxPrice) {
663
+ return;
664
+ } else if (isProductEligibleLT(parsePriceString(this.state.config.price), this.state.config.minPriceLT, this.state.config.maxPrice)) {
665
+ widgetTemplate = translations.templateLT;
666
+ } else {
667
+ widgetTemplate = translations.template;
668
+ }
458
669
  var subtemplates = [];
459
- translations.template.split('%%').forEach(function (subTemplate, index) {
670
+ widgetTemplate.split("%%").forEach(function (subTemplate, index) {
460
671
  switch (subTemplate) {
461
- case 'numberOfPayments':
672
+ case "numberOfPayments":
462
673
  subtemplates.push(numberOfPayments);
463
674
  break;
464
- case 'price':
675
+ case "price":
465
676
  // eslint-disable-next-line no-case-declarations
466
677
  var priceElement = /*#__PURE__*/React.createElement("span", {
467
678
  className: "sezzle-payment-amount sezzle-button-text",
468
679
  key: index
469
- }, getFormattedPrice(_this2.state.config.price, numberOfPayments));
680
+ }, getFormattedPrice(_this2.state.config.price, numberOfPayments, _this2.state.config.minPriceLT, _this2.state.config.maxPrice, _this2.state.config.bestAPR));
470
681
  subtemplates.push(priceElement);
471
682
  break;
472
- case 'logo':
683
+ case "logo":
473
684
  // eslint-disable-next-line no-case-declarations
474
685
  var logoElement = /*#__PURE__*/React.createElement("img", {
475
686
  alt: "Sezzle",
476
- className: "sezzle-logo szl-".concat(_this2.state.config.theme === 'dark' || _this2.state.config.theme === 'white-flat' ? 'dark' : 'light', "-image"),
687
+ className: "sezzle-logo szl-".concat(_this2.state.config.theme === "dark" || _this2.state.config.theme === "white-flat" ? "dark" : "light", "-image"),
477
688
  src: logoURLs[_this2.state.config.theme] || logoURLs.light,
478
689
  style: {
479
690
  transformOrigin: "top-".concat(_this2.state.config.alignment),
480
691
  transform: "scale(".concat(_this2.state.config.logoSize, ")"),
481
- cursor: 'pointer',
482
- width: '74px',
483
- height: '18px'
692
+ cursor: "pointer",
693
+ width: "74px",
694
+ height: "18px"
484
695
  },
485
696
  key: index,
486
697
  onClick: function onClick() {
487
- return _this2.openModal('sezzle');
698
+ return _this2.openModal("sezzle");
488
699
  }
489
700
  });
490
701
  subtemplates.push(logoElement);
491
702
  break;
492
- case 'info':
703
+ case "info":
493
704
  // eslint-disable-next-line no-case-declarations
494
705
  var infoElement = /*#__PURE__*/React.createElement("div", {
495
706
  "aria-label": "".concat(translations.clickHere),
496
707
  className: "sezzle-info-icon",
497
708
  key: index,
498
709
  onClick: function onClick() {
499
- return _this2.openModal('sezzle');
710
+ return _this2.openModal("sezzle");
500
711
  }
501
712
  }, "\u24D8");
502
713
  subtemplates.push(infoElement);
503
714
  break;
504
- case 'afterpay':
715
+ case "afterpay":
505
716
  if (_this2.state.config.includeAPModal) {
506
717
  subtemplates.push("".concat(translations.or));
507
718
  var apLogo = /*#__PURE__*/React.createElement("img", {
508
719
  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',
720
+ src: "https://media.sezzle.com/sezzle-credit-website-assets/ap-badge-black-on-mint.svg",
510
721
  onClick: function onClick() {
511
- return _this2.openModal('afterpay');
722
+ return _this2.openModal("afterpay");
512
723
  },
513
724
  key: index,
514
725
  alt: "Afterpay"
@@ -516,8 +727,9 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
516
727
  subtemplates.push(apLogo);
517
728
  }
518
729
  break;
519
- case 'min-price':
520
- if (_this2.state.config.minPrice && !_this2.state.config.includeAPModal) {
730
+ case "min-price":
731
+ var _priceFloat = parsePrice(parsePriceString(_this2.state.config.price));
732
+ if (_this2.state.config.minPrice > _priceFloat && !_this2.state.config.includeAPModal) {
521
733
  subtemplates.push(" ".concat(translations.ordersOver, " $").concat(_this2.state.config.minPrice));
522
734
  }
523
735
  break;
@@ -530,7 +742,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
530
742
  }, {
531
743
  key: "openModal",
532
744
  value: function openModal(modalType) {
533
- modalType === 'afterpay' ? this.setState({
745
+ modalType === "afterpay" ? this.setState({
534
746
  afterpay: true
535
747
  }) : this.setState({
536
748
  sezzle: true
@@ -539,7 +751,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
539
751
  }, {
540
752
  key: "closeModal",
541
753
  value: function closeModal(modalType) {
542
- modalType === 'afterpay' ? this.setState({
754
+ modalType === "afterpay" ? this.setState({
543
755
  afterpay: false
544
756
  }) : this.setState({
545
757
  sezzle: false
@@ -550,25 +762,25 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
550
762
  value: function render() {
551
763
  var _this3 = this;
552
764
  return /*#__PURE__*/React.createElement("div", {
553
- className: "sezzle-shopify-info-button sezzle-".concat(this.state.config.merchantId || '')
765
+ className: "sezzle-shopify-info-button sezzle-".concat(this.state.config.merchantId || "")
554
766
  }, /*#__PURE__*/React.createElement("div", {
555
767
  "aria-haspopup": "dialog",
556
768
  role: "button",
557
769
  tabIndex: "0",
558
- className: "sezzle-checkout-button-wrapper sezzle-modal-link sezzle-".concat(this.state.config.merchantId || '', " sezzle-").concat(this.state.config.alignment || 'auto'),
770
+ className: "sezzle-checkout-button-wrapper sezzle-modal-link sezzle-".concat(this.state.config.merchantId || "", " sezzle-").concat(this.state.config.alignment || "auto"),
559
771
  style: {
560
- cursor: 'pointer'
772
+ cursor: "pointer"
561
773
  },
562
774
  onClick: function onClick() {
563
- return _this3.openModal('sezzle');
775
+ return _this3.openModal("sezzle");
564
776
  }
565
777
  }, /*#__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'),
778
+ 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
779
  style: {
568
780
  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'
781
+ fontFamily: this.state.config.fontFamily || "inherit",
782
+ fontSize: (this.state.config.fontSize || 14) + "px",
783
+ color: this.state.config.textColor || "inherit"
572
784
  }
573
785
  }, this.renderSezzleWidgetText())), this.state.modalsToShow.map(function (modal, index) {
574
786
  return /*#__PURE__*/React.createElement(Modal, {
@@ -577,7 +789,12 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
577
789
  toggleModalVisibility: _this3.state[modal],
578
790
  callbackModalClose: function callbackModalClose(modal) {
579
791
  return _this3.closeModal(modal);
580
- }
792
+ },
793
+ minPrice: _this3.state.config.minPrice,
794
+ maxPrice: _this3.state.config.maxPrice,
795
+ minPriceLT: _this3.state.config.minPriceLT,
796
+ bestAPR: _this3.state.config.bestAPR,
797
+ price: parsePriceString(_this3.state.config.price)
581
798
  });
582
799
  }));
583
800
  }
@@ -620,17 +837,20 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
620
837
  _this.state = {
621
838
  sezzleConfig: {
622
839
  price: _this.props.price || 0,
623
- merchantId: _this.props.merchantId || '',
840
+ merchantId: _this.props.merchantId || "",
624
841
  includeAPModal: _this.props.includeAPModal || false,
625
- minPrice: _this.props.minPrice || 0,
626
- theme: _this.props.theme || 'light',
627
- alignment: _this.props.alignment || 'auto',
842
+ minPrice: _this.props.minPrice || 20,
843
+ maxPrice: _this.props.maxPrice || 2500,
844
+ minPriceLT: _this.props.minPriceLT || 0,
845
+ bestAPR: _this.props.bestAPR || 9.99,
846
+ theme: _this.props.theme || "light",
847
+ alignment: _this.props.alignment || "auto",
628
848
  fontWeight: _this.props.fontWeight || 500,
629
- fontFamily: _this.props.fontFamily || 'inherit',
849
+ fontFamily: _this.props.fontFamily || "inherit",
630
850
  fontSize: _this.props.fontSize || 14,
631
- textColor: _this.props.textColor || 'inherit',
851
+ textColor: _this.props.textColor || "inherit",
632
852
  logoSize: _this.props.logoSize || 1,
633
- modalsToShow: ['sezzle']
853
+ modalsToShow: ["sezzle"]
634
854
  }
635
855
  };
636
856
  return _this;
@@ -652,8 +872,8 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
652
872
  return updateState;
653
873
  }
654
874
  state = _objectSpread({}, state);
655
- if (props.includeAPModal && state.sezzleConfig.modalsToShow.indexOf('afterpay') === -1) {
656
- state.sezzleConfig.modalsToShow.push('afterpay');
875
+ if (props.includeAPModal && state.sezzleConfig.modalsToShow.indexOf("afterpay") === -1) {
876
+ state.sezzleConfig.modalsToShow.push("afterpay");
657
877
  }
658
878
  return state;
659
879
  }
@@ -670,6 +890,9 @@ SezzleWidgetWrapper.propTypes = {
670
890
  textColor: PropTypes.string,
671
891
  logoSize: PropTypes.number,
672
892
  minPrice: PropTypes.number,
893
+ maxPrice: PropTypes.number,
894
+ minPriceLT: PropTypes.number,
895
+ bestAPR: PropTypes.number,
673
896
  includeAPModal: PropTypes.bool
674
897
  };
675
898