@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/README.md +41 -5
- package/dist/index.cjs +316 -93
- package/dist/index.cjs.map +1 -1
- package/dist/index.es.js +316 -93
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -12,6 +12,8 @@ function _typeof$3(o) { "@babel/helpers - typeof"; return _typeof$3 = "function"
|
|
|
12
12
|
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; }
|
|
13
13
|
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); }
|
|
14
14
|
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); }); }; }
|
|
15
|
+
var supportedLanguages = ["en", "es", "fr"];
|
|
16
|
+
|
|
15
17
|
/**
|
|
16
18
|
* This function will return the price string
|
|
17
19
|
* @param price - string value
|
|
@@ -19,12 +21,12 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
|
|
|
19
21
|
*/
|
|
20
22
|
|
|
21
23
|
function parsePriceString(price) {
|
|
22
|
-
var formattedPrice =
|
|
24
|
+
var formattedPrice = "";
|
|
23
25
|
if (!price) return formattedPrice;
|
|
24
26
|
for (var i = 0; i < price.length; i++) {
|
|
25
|
-
if (isNumeric(price[i]) || price[i] ===
|
|
27
|
+
if (isNumeric(price[i]) || price[i] === "." || price[i] === ",") {
|
|
26
28
|
// Ignore actual sentence punctuation
|
|
27
|
-
if (i > 0 && price[i] ===
|
|
29
|
+
if (i > 0 && price[i] === "." && isAlphabet(price[i - 1])) continue;
|
|
28
30
|
formattedPrice += price[i];
|
|
29
31
|
}
|
|
30
32
|
}
|
|
@@ -63,59 +65,87 @@ function isAlphabet(n) {
|
|
|
63
65
|
* @return string
|
|
64
66
|
*/
|
|
65
67
|
|
|
66
|
-
function getLanguage(
|
|
67
|
-
var lang = document.querySelector(
|
|
68
|
-
return supportedLanguages.indexOf(lang) > -1 ? lang :
|
|
68
|
+
function getLanguage() {
|
|
69
|
+
var lang = document.querySelector("html").lang.substring(0, 2).toLowerCase();
|
|
70
|
+
return supportedLanguages.indexOf(lang) > -1 ? lang : "en";
|
|
69
71
|
}
|
|
70
72
|
function getAPModal(_x) {
|
|
71
73
|
return _getAPModal.apply(this, arguments);
|
|
72
74
|
}
|
|
73
75
|
function _getAPModal() {
|
|
74
76
|
_getAPModal = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(modalNode) {
|
|
75
|
-
var
|
|
77
|
+
var currentLang, url, response;
|
|
76
78
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
77
79
|
while (1) switch (_context.prev = _context.next) {
|
|
78
80
|
case 0:
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
modalNode.className = 'sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-ap-modal';
|
|
81
|
+
currentLang = getLanguage();
|
|
82
|
+
modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-ap-modal";
|
|
82
83
|
url = "https://media.sezzle.com/afterpay/modal/".concat(currentLang, ".html");
|
|
83
|
-
_context.prev =
|
|
84
|
-
_context.next =
|
|
84
|
+
_context.prev = 3;
|
|
85
|
+
_context.next = 6;
|
|
85
86
|
return fetch(url);
|
|
86
|
-
case
|
|
87
|
+
case 6:
|
|
87
88
|
response = _context.sent;
|
|
88
89
|
if (response.ok) {
|
|
89
|
-
_context.next =
|
|
90
|
+
_context.next = 9;
|
|
90
91
|
break;
|
|
91
92
|
}
|
|
92
93
|
throw new Error("Failed to fetch afterpay modal, status: ".concat(response.status));
|
|
93
|
-
case
|
|
94
|
-
_context.next =
|
|
94
|
+
case 9:
|
|
95
|
+
_context.next = 11;
|
|
95
96
|
return response.text();
|
|
96
|
-
case
|
|
97
|
+
case 11:
|
|
97
98
|
modalNode.innerHTML = _context.sent;
|
|
98
|
-
_context.next =
|
|
99
|
+
_context.next = 17;
|
|
99
100
|
break;
|
|
100
|
-
case
|
|
101
|
-
_context.prev =
|
|
102
|
-
_context.t0 = _context["catch"](
|
|
101
|
+
case 14:
|
|
102
|
+
_context.prev = 14;
|
|
103
|
+
_context.t0 = _context["catch"](3);
|
|
103
104
|
console.error(_context.t0);
|
|
104
|
-
case
|
|
105
|
+
case 17:
|
|
105
106
|
case "end":
|
|
106
107
|
return _context.stop();
|
|
107
108
|
}
|
|
108
|
-
}, _callee, null, [[
|
|
109
|
+
}, _callee, null, [[3, 14]]);
|
|
109
110
|
}));
|
|
110
111
|
return _getAPModal.apply(this, arguments);
|
|
111
112
|
}
|
|
112
113
|
|
|
113
|
-
function
|
|
114
|
+
function isProductEligibleLT(priceText, minPriceLT, maxPrice) {
|
|
115
|
+
var price = parsePrice(priceText);
|
|
116
|
+
return minPriceLT && price >= minPriceLT && price <= maxPrice;
|
|
117
|
+
}
|
|
118
|
+
function termsToShow$1(price) {
|
|
119
|
+
switch (true) {
|
|
120
|
+
case price > 1000:
|
|
121
|
+
return [24, 36, 48];
|
|
122
|
+
case price > 500:
|
|
123
|
+
return [12, 18, 24];
|
|
124
|
+
case price > 300:
|
|
125
|
+
return [6, 9, 12];
|
|
126
|
+
default:
|
|
127
|
+
return [3, 6, 9];
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
function calculateMonthlyWithInterest$1(priceText, term, APR) {
|
|
131
|
+
var price = Number(priceText);
|
|
132
|
+
if (APR > 0) {
|
|
133
|
+
var rate = APR / 100 / 12;
|
|
134
|
+
var numerator = price * rate * Math.pow(1 + rate, term);
|
|
135
|
+
var denominator = Math.pow(1 + rate, term) - 1;
|
|
136
|
+
var interestPayment = numerator / denominator;
|
|
137
|
+
return interestPayment;
|
|
138
|
+
} else {
|
|
139
|
+
return price / term;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
function getFormattedPrice(price, numberOfPayments, minPriceLT, maxPrice, bestAPR) {
|
|
114
143
|
var priceString = parsePriceString(price);
|
|
115
144
|
var priceReplacer = parsePrice(price);
|
|
116
|
-
var formatter = price.replace(priceString,
|
|
117
|
-
var
|
|
118
|
-
var
|
|
145
|
+
var formatter = price.replace(priceString, "{price}");
|
|
146
|
+
var terms = termsToShow$1(priceReplacer);
|
|
147
|
+
var sezzleInstallmentPrice = isProductEligibleLT(priceString, minPriceLT, maxPrice) ? calculateMonthlyWithInterest$1(priceString, terms[terms.length - 1], bestAPR) : priceReplacer / numberOfPayments;
|
|
148
|
+
var sezzleInstallmentFormattedPrice = formatter.replace("{price}", sezzleInstallmentPrice.toFixed(2));
|
|
119
149
|
return sezzleInstallmentFormattedPrice;
|
|
120
150
|
}
|
|
121
151
|
|
|
@@ -149,48 +179,84 @@ function styleInject(css, ref) {
|
|
|
149
179
|
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}";
|
|
150
180
|
styleInject(css_248z$1);
|
|
151
181
|
|
|
182
|
+
var adjustedTotal$2 = "Total Payment:";
|
|
152
183
|
var clickHere$2 = "Click here to learn more about Sezzle";
|
|
153
184
|
var closeSezzleModal$2 = "Close Sezzle Modal";
|
|
154
185
|
var completePurchase$2 = "2. Complete your purchase with a 25% down payment.";
|
|
186
|
+
var interest$2 = "Total Interest:";
|
|
155
187
|
var learnMore$2 = "Learn more about Sezzle";
|
|
188
|
+
var linkToCompleteTerms$2 = "<a href='https://legal.sezzle.com/user' target='_blank'>Click here for complete terms.</a>";
|
|
156
189
|
var locale$2 = "en-us";
|
|
190
|
+
var monthlyAmount$2 = "/ month";
|
|
157
191
|
var or$2 = " or ";
|
|
158
192
|
var ordersOver$2 = "for orders over";
|
|
193
|
+
var perMonth$2 = "per month";
|
|
159
194
|
var pieAlt$2 = "pie at";
|
|
195
|
+
var readAPR$2 = "A.P.R.";
|
|
196
|
+
var sampleAPR$2 = "APR:";
|
|
160
197
|
var schedulePayments$2 = "3. Schedule the rest of your payments.";
|
|
161
198
|
var selectSezzle$2 = "1. Pay later by selecting Sezzle at checkout.";
|
|
162
199
|
var sezzleHeader$2 = "Buy Now. Pay Later.";
|
|
163
|
-
var sezzleHeaderChild$2 = "Available for purchases of
|
|
200
|
+
var sezzleHeaderChild$2 = "Available for purchases of $%%min-price%% to $%%max-price%%.<sup>1</sup>";
|
|
164
201
|
var sezzleHeaderChild2$2 = "Instant decision. No impact to your credit score.<sup>2</sup>";
|
|
202
|
+
var sezzleHeaderLt$2 = "Make easy monthly payments on your order";
|
|
165
203
|
var sezzleInfo$2 = "Sezzle Information";
|
|
204
|
+
var sezzleLtPaymentHeader$2 = "Sample payments for";
|
|
205
|
+
var sezzleRowLtChild$2 = "Checking eligibility won't affect your credit.";
|
|
206
|
+
var singleFeatureAffordable$2 = "Affordable monthly plans";
|
|
207
|
+
var singleFeaturePrequalify$2 = "Simple, quick pre-qualification";
|
|
208
|
+
var singleFeatureTrusted$2 = "Trusted by over 10 million consumers";
|
|
166
209
|
var template$2 = "or %%numberOfPayments%% interest-free payments of %%price%% with %%logo%%%%afterpay%%%%min-price%% %%info%%";
|
|
167
|
-
var
|
|
210
|
+
var templateLT$2 = "or monthly payments as low as %%price%% with %%logo%% %%info%%";
|
|
211
|
+
var termLength$2 = "months";
|
|
212
|
+
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.";
|
|
168
213
|
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.";
|
|
169
214
|
var termsHiw$2 = "<a href='https://sezzle.com/how-it-works' target='_blank'>Learn more about Sezzle buy now, pay later here.</a>";
|
|
215
|
+
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>";
|
|
216
|
+
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.";
|
|
217
|
+
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.";
|
|
170
218
|
var today$2 = "Today";
|
|
171
219
|
var trustPilotReviews$2 = "14K+ reviews on";
|
|
172
220
|
var trustPilotTitle$2 = "4.3 out of 5 star rating on Trustpilot";
|
|
173
|
-
var webBankTerms$2 = "<sup>3</sup>Pay
|
|
221
|
+
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.";
|
|
174
222
|
var week$2 = "Week";
|
|
175
223
|
var enTranslations = {
|
|
224
|
+
adjustedTotal: adjustedTotal$2,
|
|
176
225
|
clickHere: clickHere$2,
|
|
177
226
|
closeSezzleModal: closeSezzleModal$2,
|
|
178
227
|
completePurchase: completePurchase$2,
|
|
228
|
+
interest: interest$2,
|
|
179
229
|
learnMore: learnMore$2,
|
|
230
|
+
linkToCompleteTerms: linkToCompleteTerms$2,
|
|
180
231
|
locale: locale$2,
|
|
232
|
+
monthlyAmount: monthlyAmount$2,
|
|
181
233
|
or: or$2,
|
|
182
234
|
ordersOver: ordersOver$2,
|
|
235
|
+
perMonth: perMonth$2,
|
|
183
236
|
pieAlt: pieAlt$2,
|
|
237
|
+
readAPR: readAPR$2,
|
|
238
|
+
sampleAPR: sampleAPR$2,
|
|
184
239
|
schedulePayments: schedulePayments$2,
|
|
185
240
|
selectSezzle: selectSezzle$2,
|
|
186
241
|
sezzleHeader: sezzleHeader$2,
|
|
187
242
|
sezzleHeaderChild: sezzleHeaderChild$2,
|
|
188
243
|
sezzleHeaderChild2: sezzleHeaderChild2$2,
|
|
244
|
+
sezzleHeaderLt: sezzleHeaderLt$2,
|
|
189
245
|
sezzleInfo: sezzleInfo$2,
|
|
246
|
+
sezzleLtPaymentHeader: sezzleLtPaymentHeader$2,
|
|
247
|
+
sezzleRowLtChild: sezzleRowLtChild$2,
|
|
248
|
+
singleFeatureAffordable: singleFeatureAffordable$2,
|
|
249
|
+
singleFeaturePrequalify: singleFeaturePrequalify$2,
|
|
250
|
+
singleFeatureTrusted: singleFeatureTrusted$2,
|
|
190
251
|
template: template$2,
|
|
252
|
+
templateLT: templateLT$2,
|
|
253
|
+
termLength: termLength$2,
|
|
191
254
|
terms1: terms1$2,
|
|
192
255
|
terms2: terms2$2,
|
|
193
256
|
termsHiw: termsHiw$2,
|
|
257
|
+
termsLt1: termsLt1$2,
|
|
258
|
+
termsLt2: termsLt2$2,
|
|
259
|
+
termsLt3: termsLt3$2,
|
|
194
260
|
today: today$2,
|
|
195
261
|
trustPilotReviews: trustPilotReviews$2,
|
|
196
262
|
trustPilotTitle: trustPilotTitle$2,
|
|
@@ -198,48 +264,84 @@ var enTranslations = {
|
|
|
198
264
|
week: week$2
|
|
199
265
|
};
|
|
200
266
|
|
|
267
|
+
var adjustedTotal$1 = "Paiement total :";
|
|
201
268
|
var clickHere$1 = "Cliquez ici pour en savoir plus sur Sezzle";
|
|
202
269
|
var closeSezzleModal$1 = "Fermer la fenêtre modale de Sezzle";
|
|
203
270
|
var completePurchase$1 = "2. Complétez votre achat avec un acompte de 25 %.";
|
|
271
|
+
var interest$1 = "Intérêt total :";
|
|
204
272
|
var learnMore$1 = "En savoir plus sur Sezzle";
|
|
273
|
+
var linkToCompleteTerms$1 = "<a href='https://legal.sezzle.com/user/fr-ca/' target='_blank'>Cliquez ici pour consulter les conditions complètes.</a>";
|
|
205
274
|
var locale$1 = "fr-ca";
|
|
275
|
+
var monthlyAmount$1 = "/ mois";
|
|
206
276
|
var or$1 = " ou ";
|
|
207
277
|
var ordersOver$1 = "pour les achats de plus de";
|
|
278
|
+
var perMonth$1 = "par mois";
|
|
208
279
|
var pieAlt$1 = "tarte à";
|
|
280
|
+
var readAPR$1 = "T.A.E.";
|
|
281
|
+
var sampleAPR$1 = "TAE:";
|
|
209
282
|
var schedulePayments$1 = "3. Planifiez le reste de vos paiements.";
|
|
210
283
|
var selectSezzle$1 = "1. Payez plus tard en sélectionnant Sezzle au moment du paiement.";
|
|
211
284
|
var sezzleHeader$1 = "Achetez maintenant. Payez plus tard.";
|
|
212
|
-
var sezzleHeaderChild$1 = "Disponible pour des achats de
|
|
285
|
+
var sezzleHeaderChild$1 = "Disponible pour des achats de %%min-price%% $ à %%max-price%% $. <sup>1</sup>";
|
|
213
286
|
var sezzleHeaderChild2$1 = "Décision instantanée. Aucun impact sur votre cote de crédit. <sup>2</sup>";
|
|
287
|
+
var sezzleHeaderLt$1 = "Effectuez des paiements mensuels faciles sur votre commande";
|
|
214
288
|
var sezzleInfo$1 = "Informations sur Sezzle";
|
|
289
|
+
var sezzleLtPaymentHeader$1 = "Exemples de paiements pour";
|
|
290
|
+
var sezzleRowLtChild$1 = "La vérification de l’éligibilité n’affectera pas votre crédit.";
|
|
291
|
+
var singleFeatureAffordable$1 = "Forfaits mensuels abordables";
|
|
292
|
+
var singleFeaturePrequalify$1 = "Pré-qualification simple et rapide";
|
|
293
|
+
var singleFeatureTrusted$1 = "Plus de 10 millions de consommateurs nous font confiance";
|
|
215
294
|
var template$1 = "ou %%numberOfPayments%% paiements sans intérêt de %%price%% avec %%logo%%%%afterpay%%%%min-price%% %%info%%";
|
|
216
|
-
var
|
|
295
|
+
var templateLT$1 = "ou des mensualités aussi basses que %%price%% avec %%logo%% %%info%%";
|
|
296
|
+
var termLength$1 = "mois";
|
|
297
|
+
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.";
|
|
217
298
|
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.";
|
|
218
|
-
var termsHiw$1 = "<a href='https://sezzle.com/fr-ca/how-it-works/' target='_blank'>
|
|
299
|
+
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>";
|
|
300
|
+
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>";
|
|
301
|
+
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.";
|
|
302
|
+
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.";
|
|
219
303
|
var today$1 = "Aujourd'hui";
|
|
220
304
|
var trustPilotReviews$1 = "Plus de 14 000 avis sur";
|
|
221
305
|
var trustPilotTitle$1 = "Note de 4,3 sur 5 étoiles sur Trustpilot";
|
|
222
|
-
var webBankTerms$1 = "<sup>3</sup>
|
|
306
|
+
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.";
|
|
223
307
|
var week$1 = "Semaine";
|
|
224
308
|
var frTranslations = {
|
|
309
|
+
adjustedTotal: adjustedTotal$1,
|
|
225
310
|
clickHere: clickHere$1,
|
|
226
311
|
closeSezzleModal: closeSezzleModal$1,
|
|
227
312
|
completePurchase: completePurchase$1,
|
|
313
|
+
interest: interest$1,
|
|
228
314
|
learnMore: learnMore$1,
|
|
315
|
+
linkToCompleteTerms: linkToCompleteTerms$1,
|
|
229
316
|
locale: locale$1,
|
|
317
|
+
monthlyAmount: monthlyAmount$1,
|
|
230
318
|
or: or$1,
|
|
231
319
|
ordersOver: ordersOver$1,
|
|
320
|
+
perMonth: perMonth$1,
|
|
232
321
|
pieAlt: pieAlt$1,
|
|
322
|
+
readAPR: readAPR$1,
|
|
323
|
+
sampleAPR: sampleAPR$1,
|
|
233
324
|
schedulePayments: schedulePayments$1,
|
|
234
325
|
selectSezzle: selectSezzle$1,
|
|
235
326
|
sezzleHeader: sezzleHeader$1,
|
|
236
327
|
sezzleHeaderChild: sezzleHeaderChild$1,
|
|
237
328
|
sezzleHeaderChild2: sezzleHeaderChild2$1,
|
|
329
|
+
sezzleHeaderLt: sezzleHeaderLt$1,
|
|
238
330
|
sezzleInfo: sezzleInfo$1,
|
|
331
|
+
sezzleLtPaymentHeader: sezzleLtPaymentHeader$1,
|
|
332
|
+
sezzleRowLtChild: sezzleRowLtChild$1,
|
|
333
|
+
singleFeatureAffordable: singleFeatureAffordable$1,
|
|
334
|
+
singleFeaturePrequalify: singleFeaturePrequalify$1,
|
|
335
|
+
singleFeatureTrusted: singleFeatureTrusted$1,
|
|
239
336
|
template: template$1,
|
|
337
|
+
templateLT: templateLT$1,
|
|
338
|
+
termLength: termLength$1,
|
|
240
339
|
terms1: terms1$1,
|
|
241
340
|
terms2: terms2$1,
|
|
242
341
|
termsHiw: termsHiw$1,
|
|
342
|
+
termsLt1: termsLt1$1,
|
|
343
|
+
termsLt2: termsLt2$1,
|
|
344
|
+
termsLt3: termsLt3$1,
|
|
243
345
|
today: today$1,
|
|
244
346
|
trustPilotReviews: trustPilotReviews$1,
|
|
245
347
|
trustPilotTitle: trustPilotTitle$1,
|
|
@@ -247,48 +349,84 @@ var frTranslations = {
|
|
|
247
349
|
week: week$1
|
|
248
350
|
};
|
|
249
351
|
|
|
352
|
+
var adjustedTotal = "Pago Total:";
|
|
250
353
|
var clickHere = "Haga clic aquí para obtener más información sobre Sezzle";
|
|
251
354
|
var closeSezzleModal = "Cerrar modal de Sezzle";
|
|
252
355
|
var completePurchase = "2. Completa tu compra con un pago inicial del 25%.";
|
|
356
|
+
var interest = "Interés total:";
|
|
253
357
|
var learnMore = "Obtenga más información sobre Sezzle";
|
|
358
|
+
var linkToCompleteTerms = "<a href='https://legal.sezzle.com/user' target='_blank'>Haga clic aquí para conocer los términos y condiciones completos.</a>";
|
|
254
359
|
var locale = "es-us";
|
|
360
|
+
var monthlyAmount = "/ mes";
|
|
255
361
|
var or = " o ";
|
|
256
362
|
var ordersOver = "por compras superiores a";
|
|
363
|
+
var perMonth = "por mes";
|
|
257
364
|
var pieAlt = "pastel en";
|
|
365
|
+
var readAPR = "A.P.R.";
|
|
366
|
+
var sampleAPR = "APR:";
|
|
258
367
|
var schedulePayments = "3. Programa el resto de tus pagos.";
|
|
259
368
|
var selectSezzle = "1. Pague más tarde seleccionando Sezzle al finalizar la compra.";
|
|
260
369
|
var sezzleHeader = "Compra ahora. Paga después.";
|
|
261
|
-
var sezzleHeaderChild = "Disponible para compras de
|
|
370
|
+
var sezzleHeaderChild = "Disponible para compras de $%%min-price%% a $%%max-price%%. <sup>1</sup>";
|
|
262
371
|
var sezzleHeaderChild2 = "Decisión instantánea. No afecta su calificación crediticia. <sup>2</sup>";
|
|
372
|
+
var sezzleHeaderLt = "Realice pagos mensuales fáciles de su pedido";
|
|
263
373
|
var sezzleInfo = "Información sobre Sezzle";
|
|
374
|
+
var sezzleLtPaymentHeader = "Ejemplos de pagos para";
|
|
375
|
+
var sezzleRowLtChild = "Verificar la elegibilidad no afectará su crédito.";
|
|
376
|
+
var singleFeatureAffordable = "Planes mensuales asequibles";
|
|
377
|
+
var singleFeaturePrequalify = "Precalificación sencilla y rápida";
|
|
378
|
+
var singleFeatureTrusted = "Más de 10 millones de consumidores confían en nosotros";
|
|
264
379
|
var template = "o %%numberOfPayments%% pagos sin intereses de %%price%% con %%logo%%%%afterpay%%%%min-price%% %%info%%";
|
|
265
|
-
var
|
|
380
|
+
var templateLT = "o pagos mensuales tan bajos como %%price%% con %%logo%% %%info%%";
|
|
381
|
+
var termLength = "meses";
|
|
382
|
+
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.";
|
|
266
383
|
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.";
|
|
267
|
-
var termsHiw = "<a href='https://sezzle.com/how-it-works' target='_blank'>
|
|
384
|
+
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>";
|
|
385
|
+
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>";
|
|
386
|
+
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.";
|
|
387
|
+
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.";
|
|
268
388
|
var today = "Hoy";
|
|
269
389
|
var trustPilotReviews = "Más de 14.000 reseñas en";
|
|
270
390
|
var trustPilotTitle = "4,3 de 5 estrellas en Trustpilot";
|
|
271
|
-
var webBankTerms = "<sup>3</sup>
|
|
391
|
+
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.";
|
|
272
392
|
var week = "Semana";
|
|
273
393
|
var esTranslations = {
|
|
394
|
+
adjustedTotal: adjustedTotal,
|
|
274
395
|
clickHere: clickHere,
|
|
275
396
|
closeSezzleModal: closeSezzleModal,
|
|
276
397
|
completePurchase: completePurchase,
|
|
398
|
+
interest: interest,
|
|
277
399
|
learnMore: learnMore,
|
|
400
|
+
linkToCompleteTerms: linkToCompleteTerms,
|
|
278
401
|
locale: locale,
|
|
402
|
+
monthlyAmount: monthlyAmount,
|
|
279
403
|
or: or,
|
|
280
404
|
ordersOver: ordersOver,
|
|
405
|
+
perMonth: perMonth,
|
|
281
406
|
pieAlt: pieAlt,
|
|
407
|
+
readAPR: readAPR,
|
|
408
|
+
sampleAPR: sampleAPR,
|
|
282
409
|
schedulePayments: schedulePayments,
|
|
283
410
|
selectSezzle: selectSezzle,
|
|
284
411
|
sezzleHeader: sezzleHeader,
|
|
285
412
|
sezzleHeaderChild: sezzleHeaderChild,
|
|
286
413
|
sezzleHeaderChild2: sezzleHeaderChild2,
|
|
414
|
+
sezzleHeaderLt: sezzleHeaderLt,
|
|
287
415
|
sezzleInfo: sezzleInfo,
|
|
416
|
+
sezzleLtPaymentHeader: sezzleLtPaymentHeader,
|
|
417
|
+
sezzleRowLtChild: sezzleRowLtChild,
|
|
418
|
+
singleFeatureAffordable: singleFeatureAffordable,
|
|
419
|
+
singleFeaturePrequalify: singleFeaturePrequalify,
|
|
420
|
+
singleFeatureTrusted: singleFeatureTrusted,
|
|
288
421
|
template: template,
|
|
422
|
+
templateLT: templateLT,
|
|
423
|
+
termLength: termLength,
|
|
289
424
|
terms1: terms1,
|
|
290
425
|
terms2: terms2,
|
|
291
426
|
termsHiw: termsHiw,
|
|
427
|
+
termsLt1: termsLt1,
|
|
428
|
+
termsLt2: termsLt2,
|
|
429
|
+
termsLt3: termsLt3,
|
|
292
430
|
today: today,
|
|
293
431
|
trustPilotReviews: trustPilotReviews,
|
|
294
432
|
trustPilotTitle: trustPilotTitle,
|
|
@@ -296,19 +434,80 @@ var esTranslations = {
|
|
|
296
434
|
week: week
|
|
297
435
|
};
|
|
298
436
|
|
|
437
|
+
function getStandardModal(modalNode, minPrice, maxPrice) {
|
|
438
|
+
var translationsMap = {
|
|
439
|
+
en: enTranslations,
|
|
440
|
+
fr: frTranslations,
|
|
441
|
+
es: esTranslations
|
|
442
|
+
};
|
|
443
|
+
var currentLang = getLanguage();
|
|
444
|
+
var translations = translationsMap[currentLang];
|
|
445
|
+
modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-modal";
|
|
446
|
+
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&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>");
|
|
447
|
+
modalNode.innerHTML = modalContent.replace("%%min-price%%", Intl.NumberFormat(currentLang).format(minPrice)).replace("%%max-price%%", Intl.NumberFormat(currentLang).format(maxPrice));
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
function addDelimiters(priceString) {
|
|
451
|
+
var parsedPrice = Number(priceString).toFixed(2);
|
|
452
|
+
if (parsedPrice.length > 6) {
|
|
453
|
+
return parsedPrice.substring(0, parsedPrice.indexOf(".") - 3) + "," + parsedPrice.substring(parsedPrice.indexOf(".") - 3, parsedPrice.length);
|
|
454
|
+
} else {
|
|
455
|
+
return parsedPrice;
|
|
456
|
+
}
|
|
457
|
+
}
|
|
458
|
+
function calculateMonthlyWithInterest(priceText, term, APR) {
|
|
459
|
+
var price = Number(priceText);
|
|
460
|
+
if (APR > 0) {
|
|
461
|
+
var rate = APR / 100 / 12;
|
|
462
|
+
var numerator = price * rate * Math.pow(1 + rate, term);
|
|
463
|
+
var denominator = Math.pow(1 + rate, term) - 1;
|
|
464
|
+
var interestPayment = numerator / denominator;
|
|
465
|
+
return interestPayment;
|
|
466
|
+
} else {
|
|
467
|
+
return price / term;
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
function formatMonthly(priceString, term, APR) {
|
|
471
|
+
var interestAmount = calculateMonthlyWithInterest(priceString, term, APR);
|
|
472
|
+
return addDelimiters(interestAmount.toFixed(2));
|
|
473
|
+
}
|
|
474
|
+
function formatTotalInterest(priceString, term, APR) {
|
|
475
|
+
var adjustedTotal = calculateMonthlyWithInterest(priceString, term, APR) * term;
|
|
476
|
+
return addDelimiters(adjustedTotal - priceString);
|
|
477
|
+
}
|
|
478
|
+
function formatAdjustedTotal(priceString, term, APR) {
|
|
479
|
+
var amountPlusInterest = calculateMonthlyWithInterest(priceString, term, APR);
|
|
480
|
+
return addDelimiters(amountPlusInterest * term);
|
|
481
|
+
}
|
|
482
|
+
function termsToShow(price) {
|
|
483
|
+
switch (true) {
|
|
484
|
+
case price > 1000:
|
|
485
|
+
return [24, 36, 48];
|
|
486
|
+
case price > 500:
|
|
487
|
+
return [12, 18, 24];
|
|
488
|
+
case price > 300:
|
|
489
|
+
return [6, 9, 12];
|
|
490
|
+
default:
|
|
491
|
+
return [3, 6, 9];
|
|
492
|
+
}
|
|
493
|
+
}
|
|
494
|
+
function getLongTermModal(modalNode, priceString, bestAPR) {
|
|
495
|
+
var translationsMap = {
|
|
496
|
+
en: enTranslations,
|
|
497
|
+
fr: frTranslations,
|
|
498
|
+
es: esTranslations
|
|
499
|
+
};
|
|
500
|
+
var currentLang = getLanguage();
|
|
501
|
+
var translations = translationsMap[currentLang];
|
|
502
|
+
var currency = "$";
|
|
503
|
+
var terms = termsToShow(priceString);
|
|
504
|
+
modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-modal";
|
|
505
|
+
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>");
|
|
506
|
+
}
|
|
507
|
+
|
|
299
508
|
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}";
|
|
300
509
|
styleInject(css_248z);
|
|
301
510
|
|
|
302
|
-
var translationsMap$1 = {
|
|
303
|
-
en: enTranslations,
|
|
304
|
-
fr: frTranslations,
|
|
305
|
-
es: esTranslations
|
|
306
|
-
};
|
|
307
|
-
var supportedLanguages = Object.keys(translationsMap$1);
|
|
308
|
-
var currentLang = getLanguage(supportedLanguages);
|
|
309
|
-
var translations = translationsMap$1[currentLang];
|
|
310
|
-
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&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");
|
|
311
|
-
|
|
312
511
|
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); }
|
|
313
512
|
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; }
|
|
314
513
|
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; }
|
|
@@ -396,7 +595,11 @@ var Modal = /*#__PURE__*/function (_React$Component) {
|
|
|
396
595
|
break;
|
|
397
596
|
default:
|
|
398
597
|
modalElement.className = "sezzle-checkout-modal-lightbox close-sezzle-modal";
|
|
399
|
-
|
|
598
|
+
if (isProductEligibleLT(props.price, props.minPriceLT, props.maxPrice)) {
|
|
599
|
+
getLongTermModal(modalElement, props.price, props.bestAPR);
|
|
600
|
+
} else {
|
|
601
|
+
getStandardModal(modalElement, props.minPrice, props.maxPrice);
|
|
602
|
+
}
|
|
400
603
|
}
|
|
401
604
|
state = _objectSpread$2(_objectSpread$2({}, state), {}, {
|
|
402
605
|
modalElement: modalElement
|
|
@@ -443,7 +646,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
|
|
|
443
646
|
config: _this.props.config,
|
|
444
647
|
sezzle: false,
|
|
445
648
|
afterpay: false,
|
|
446
|
-
modalsToShow: [
|
|
649
|
+
modalsToShow: ["sezzle", "afterpay"]
|
|
447
650
|
};
|
|
448
651
|
return _this;
|
|
449
652
|
}
|
|
@@ -454,68 +657,76 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
|
|
|
454
657
|
var _this2 = this;
|
|
455
658
|
var numberOfPayments = 4;
|
|
456
659
|
var logoURLs = {
|
|
457
|
-
light:
|
|
458
|
-
dark:
|
|
459
|
-
|
|
460
|
-
|
|
660
|
+
light: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg",
|
|
661
|
+
dark: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor_WhiteWM.svg",
|
|
662
|
+
"black-flat": "https://media.sezzle.com/branding/2.0/Sezzle_Logo_BlackAlt.svg",
|
|
663
|
+
"white-flat": "https://media.sezzle.com/branding/2.0/Sezzle_Logo_WhiteAlt.svg"
|
|
461
664
|
};
|
|
462
|
-
var
|
|
463
|
-
var language = getLanguage(supportedLanguages);
|
|
665
|
+
var language = getLanguage();
|
|
464
666
|
var translations = translationsMap[language];
|
|
667
|
+
var priceFloat = parsePrice(parsePriceString(this.state.config.price));
|
|
668
|
+
var widgetTemplate = "";
|
|
669
|
+
if (priceFloat > this.state.config.maxPrice) {
|
|
670
|
+
return;
|
|
671
|
+
} else if (isProductEligibleLT(parsePriceString(this.state.config.price), this.state.config.minPriceLT, this.state.config.maxPrice)) {
|
|
672
|
+
widgetTemplate = translations.templateLT;
|
|
673
|
+
} else {
|
|
674
|
+
widgetTemplate = translations.template;
|
|
675
|
+
}
|
|
465
676
|
var subtemplates = [];
|
|
466
|
-
|
|
677
|
+
widgetTemplate.split("%%").forEach(function (subTemplate, index) {
|
|
467
678
|
switch (subTemplate) {
|
|
468
|
-
case
|
|
679
|
+
case "numberOfPayments":
|
|
469
680
|
subtemplates.push(numberOfPayments);
|
|
470
681
|
break;
|
|
471
|
-
case
|
|
682
|
+
case "price":
|
|
472
683
|
// eslint-disable-next-line no-case-declarations
|
|
473
684
|
var priceElement = /*#__PURE__*/React__default["default"].createElement("span", {
|
|
474
685
|
className: "sezzle-payment-amount sezzle-button-text",
|
|
475
686
|
key: index
|
|
476
|
-
}, getFormattedPrice(_this2.state.config.price, numberOfPayments));
|
|
687
|
+
}, getFormattedPrice(_this2.state.config.price, numberOfPayments, _this2.state.config.minPriceLT, _this2.state.config.maxPrice, _this2.state.config.bestAPR));
|
|
477
688
|
subtemplates.push(priceElement);
|
|
478
689
|
break;
|
|
479
|
-
case
|
|
690
|
+
case "logo":
|
|
480
691
|
// eslint-disable-next-line no-case-declarations
|
|
481
692
|
var logoElement = /*#__PURE__*/React__default["default"].createElement("img", {
|
|
482
693
|
alt: "Sezzle",
|
|
483
|
-
className: "sezzle-logo szl-".concat(_this2.state.config.theme ===
|
|
694
|
+
className: "sezzle-logo szl-".concat(_this2.state.config.theme === "dark" || _this2.state.config.theme === "white-flat" ? "dark" : "light", "-image"),
|
|
484
695
|
src: logoURLs[_this2.state.config.theme] || logoURLs.light,
|
|
485
696
|
style: {
|
|
486
697
|
transformOrigin: "top-".concat(_this2.state.config.alignment),
|
|
487
698
|
transform: "scale(".concat(_this2.state.config.logoSize, ")"),
|
|
488
|
-
cursor:
|
|
489
|
-
width:
|
|
490
|
-
height:
|
|
699
|
+
cursor: "pointer",
|
|
700
|
+
width: "74px",
|
|
701
|
+
height: "18px"
|
|
491
702
|
},
|
|
492
703
|
key: index,
|
|
493
704
|
onClick: function onClick() {
|
|
494
|
-
return _this2.openModal(
|
|
705
|
+
return _this2.openModal("sezzle");
|
|
495
706
|
}
|
|
496
707
|
});
|
|
497
708
|
subtemplates.push(logoElement);
|
|
498
709
|
break;
|
|
499
|
-
case
|
|
710
|
+
case "info":
|
|
500
711
|
// eslint-disable-next-line no-case-declarations
|
|
501
712
|
var infoElement = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
502
713
|
"aria-label": "".concat(translations.clickHere),
|
|
503
714
|
className: "sezzle-info-icon",
|
|
504
715
|
key: index,
|
|
505
716
|
onClick: function onClick() {
|
|
506
|
-
return _this2.openModal(
|
|
717
|
+
return _this2.openModal("sezzle");
|
|
507
718
|
}
|
|
508
719
|
}, "\u24D8");
|
|
509
720
|
subtemplates.push(infoElement);
|
|
510
721
|
break;
|
|
511
|
-
case
|
|
722
|
+
case "afterpay":
|
|
512
723
|
if (_this2.state.config.includeAPModal) {
|
|
513
724
|
subtemplates.push("".concat(translations.or));
|
|
514
725
|
var apLogo = /*#__PURE__*/React__default["default"].createElement("img", {
|
|
515
726
|
className: "sezzle-ap-logo ap-modal-info-link no-sezzle-info",
|
|
516
|
-
src:
|
|
727
|
+
src: "https://media.sezzle.com/sezzle-credit-website-assets/ap-badge-black-on-mint.svg",
|
|
517
728
|
onClick: function onClick() {
|
|
518
|
-
return _this2.openModal(
|
|
729
|
+
return _this2.openModal("afterpay");
|
|
519
730
|
},
|
|
520
731
|
key: index,
|
|
521
732
|
alt: "Afterpay"
|
|
@@ -523,8 +734,9 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
|
|
|
523
734
|
subtemplates.push(apLogo);
|
|
524
735
|
}
|
|
525
736
|
break;
|
|
526
|
-
case
|
|
527
|
-
|
|
737
|
+
case "min-price":
|
|
738
|
+
var _priceFloat = parsePrice(parsePriceString(_this2.state.config.price));
|
|
739
|
+
if (_this2.state.config.minPrice > _priceFloat && !_this2.state.config.includeAPModal) {
|
|
528
740
|
subtemplates.push(" ".concat(translations.ordersOver, " $").concat(_this2.state.config.minPrice));
|
|
529
741
|
}
|
|
530
742
|
break;
|
|
@@ -537,7 +749,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
|
|
|
537
749
|
}, {
|
|
538
750
|
key: "openModal",
|
|
539
751
|
value: function openModal(modalType) {
|
|
540
|
-
modalType ===
|
|
752
|
+
modalType === "afterpay" ? this.setState({
|
|
541
753
|
afterpay: true
|
|
542
754
|
}) : this.setState({
|
|
543
755
|
sezzle: true
|
|
@@ -546,7 +758,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
|
|
|
546
758
|
}, {
|
|
547
759
|
key: "closeModal",
|
|
548
760
|
value: function closeModal(modalType) {
|
|
549
|
-
modalType ===
|
|
761
|
+
modalType === "afterpay" ? this.setState({
|
|
550
762
|
afterpay: false
|
|
551
763
|
}) : this.setState({
|
|
552
764
|
sezzle: false
|
|
@@ -557,25 +769,25 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
|
|
|
557
769
|
value: function render() {
|
|
558
770
|
var _this3 = this;
|
|
559
771
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
560
|
-
className: "sezzle-shopify-info-button sezzle-".concat(this.state.config.merchantId ||
|
|
772
|
+
className: "sezzle-shopify-info-button sezzle-".concat(this.state.config.merchantId || "")
|
|
561
773
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
562
774
|
"aria-haspopup": "dialog",
|
|
563
775
|
role: "button",
|
|
564
776
|
tabIndex: "0",
|
|
565
|
-
className: "sezzle-checkout-button-wrapper sezzle-modal-link sezzle-".concat(this.state.config.merchantId ||
|
|
777
|
+
className: "sezzle-checkout-button-wrapper sezzle-modal-link sezzle-".concat(this.state.config.merchantId || "", " sezzle-").concat(this.state.config.alignment || "auto"),
|
|
566
778
|
style: {
|
|
567
|
-
cursor:
|
|
779
|
+
cursor: "pointer"
|
|
568
780
|
},
|
|
569
781
|
onClick: function onClick() {
|
|
570
|
-
return _this3.openModal(
|
|
782
|
+
return _this3.openModal("sezzle");
|
|
571
783
|
}
|
|
572
784
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
573
|
-
className: "sezzle-button-text sezzle-".concat(this.state.config.alignment ||
|
|
785
|
+
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"),
|
|
574
786
|
style: {
|
|
575
787
|
fontWeight: this.state.config.fontWeight || 500,
|
|
576
|
-
fontFamily: this.state.config.fontFamily ||
|
|
577
|
-
fontSize: (this.state.config.fontSize || 14) +
|
|
578
|
-
color: this.state.config.textColor ||
|
|
788
|
+
fontFamily: this.state.config.fontFamily || "inherit",
|
|
789
|
+
fontSize: (this.state.config.fontSize || 14) + "px",
|
|
790
|
+
color: this.state.config.textColor || "inherit"
|
|
579
791
|
}
|
|
580
792
|
}, this.renderSezzleWidgetText())), this.state.modalsToShow.map(function (modal, index) {
|
|
581
793
|
return /*#__PURE__*/React__default["default"].createElement(Modal, {
|
|
@@ -584,7 +796,12 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
|
|
|
584
796
|
toggleModalVisibility: _this3.state[modal],
|
|
585
797
|
callbackModalClose: function callbackModalClose(modal) {
|
|
586
798
|
return _this3.closeModal(modal);
|
|
587
|
-
}
|
|
799
|
+
},
|
|
800
|
+
minPrice: _this3.state.config.minPrice,
|
|
801
|
+
maxPrice: _this3.state.config.maxPrice,
|
|
802
|
+
minPriceLT: _this3.state.config.minPriceLT,
|
|
803
|
+
bestAPR: _this3.state.config.bestAPR,
|
|
804
|
+
price: parsePriceString(_this3.state.config.price)
|
|
588
805
|
});
|
|
589
806
|
}));
|
|
590
807
|
}
|
|
@@ -627,17 +844,20 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
|
|
|
627
844
|
_this.state = {
|
|
628
845
|
sezzleConfig: {
|
|
629
846
|
price: _this.props.price || 0,
|
|
630
|
-
merchantId: _this.props.merchantId ||
|
|
847
|
+
merchantId: _this.props.merchantId || "",
|
|
631
848
|
includeAPModal: _this.props.includeAPModal || false,
|
|
632
|
-
minPrice: _this.props.minPrice ||
|
|
633
|
-
|
|
634
|
-
|
|
849
|
+
minPrice: _this.props.minPrice || 20,
|
|
850
|
+
maxPrice: _this.props.maxPrice || 2500,
|
|
851
|
+
minPriceLT: _this.props.minPriceLT || 0,
|
|
852
|
+
bestAPR: _this.props.bestAPR || 9.99,
|
|
853
|
+
theme: _this.props.theme || "light",
|
|
854
|
+
alignment: _this.props.alignment || "auto",
|
|
635
855
|
fontWeight: _this.props.fontWeight || 500,
|
|
636
|
-
fontFamily: _this.props.fontFamily ||
|
|
856
|
+
fontFamily: _this.props.fontFamily || "inherit",
|
|
637
857
|
fontSize: _this.props.fontSize || 14,
|
|
638
|
-
textColor: _this.props.textColor ||
|
|
858
|
+
textColor: _this.props.textColor || "inherit",
|
|
639
859
|
logoSize: _this.props.logoSize || 1,
|
|
640
|
-
modalsToShow: [
|
|
860
|
+
modalsToShow: ["sezzle"]
|
|
641
861
|
}
|
|
642
862
|
};
|
|
643
863
|
return _this;
|
|
@@ -659,8 +879,8 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
|
|
|
659
879
|
return updateState;
|
|
660
880
|
}
|
|
661
881
|
state = _objectSpread({}, state);
|
|
662
|
-
if (props.includeAPModal && state.sezzleConfig.modalsToShow.indexOf(
|
|
663
|
-
state.sezzleConfig.modalsToShow.push(
|
|
882
|
+
if (props.includeAPModal && state.sezzleConfig.modalsToShow.indexOf("afterpay") === -1) {
|
|
883
|
+
state.sezzleConfig.modalsToShow.push("afterpay");
|
|
664
884
|
}
|
|
665
885
|
return state;
|
|
666
886
|
}
|
|
@@ -677,6 +897,9 @@ SezzleWidgetWrapper.propTypes = {
|
|
|
677
897
|
textColor: PropTypes__default["default"].string,
|
|
678
898
|
logoSize: PropTypes__default["default"].number,
|
|
679
899
|
minPrice: PropTypes__default["default"].number,
|
|
900
|
+
maxPrice: PropTypes__default["default"].number,
|
|
901
|
+
minPriceLT: PropTypes__default["default"].number,
|
|
902
|
+
bestAPR: PropTypes__default["default"].number,
|
|
680
903
|
includeAPModal: PropTypes__default["default"].bool
|
|
681
904
|
};
|
|
682
905
|
|