@sezzle/sezzle-react-widget 3.0.2 → 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.
Files changed (8) hide show
  1. package/README.md +18 -3
  2. package/dist/index.cjs +247 -34
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.es.js +247 -34
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/index.js +801 -0
  7. package/dist/index.js.map +1 -0
  8. package/package.json +1 -1
package/dist/index.js ADDED
@@ -0,0 +1,801 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var PropTypes = require('prop-types');
5
+
6
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
+
8
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
9
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
10
+
11
+ function _typeof$3(o) { "@babel/helpers - typeof"; return _typeof$3 = "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$3(o); }
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
+ 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
+ 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
+ /**
16
+ * This function will return the price string
17
+ * @param price - string value
18
+ * @return string
19
+ */
20
+
21
+ function parsePriceString(price) {
22
+ var formattedPrice = '';
23
+ if (!price) return formattedPrice;
24
+ for (var i = 0; i < price.length; i++) {
25
+ if (isNumeric(price[i]) || price[i] === '.' || price[i] === ',') {
26
+ // Ignore actual sentence punctuation
27
+ if (i > 0 && price[i] === '.' && isAlphabet(price[i - 1])) continue;
28
+ formattedPrice += price[i];
29
+ }
30
+ }
31
+ return formattedPrice;
32
+ }
33
+
34
+ /**
35
+ * Function parses the price from string to float
36
+ * @param price -> String
37
+ * @return float
38
+ */
39
+ function parsePrice(price) {
40
+ return parseFloat(parsePriceString(price));
41
+ }
42
+
43
+ /**
44
+ * This is helper function for formatPrice
45
+ * @param n char value
46
+ * @return boolean [if it's numeric or not]
47
+ */
48
+ function isNumeric(n) {
49
+ return !isNaN(parseFloat(n)) && isFinite(n);
50
+ }
51
+
52
+ /**
53
+ * This is helper function for formatPrice
54
+ * @param n char value
55
+ * @return boolean [if it's alphabet or not]
56
+ */
57
+ function isAlphabet(n) {
58
+ return /^[a-zA-Z()]+$/.test(n);
59
+ }
60
+
61
+ /**
62
+ * This is a helper function for formatting the language
63
+ * @return string
64
+ */
65
+
66
+ function getLanguage(supportedLanguages) {
67
+ var lang = document.querySelector('html').lang.substring(0, 2).toLowerCase();
68
+ return supportedLanguages.indexOf(lang) > -1 ? lang : 'en';
69
+ }
70
+ function getAPModal(_x) {
71
+ return _getAPModal.apply(this, arguments);
72
+ }
73
+ function _getAPModal() {
74
+ _getAPModal = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(modalNode) {
75
+ var supportedLanguages, currentLang, url, response;
76
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
77
+ while (1) switch (_context.prev = _context.next) {
78
+ case 0:
79
+ supportedLanguages = ['en', 'es', 'fr'];
80
+ currentLang = getLanguage(supportedLanguages);
81
+ modalNode.className = 'sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-ap-modal';
82
+ url = "https://media.sezzle.com/afterpay/modal/".concat(currentLang, ".html");
83
+ _context.prev = 4;
84
+ _context.next = 7;
85
+ return fetch(url);
86
+ case 7:
87
+ response = _context.sent;
88
+ if (response.ok) {
89
+ _context.next = 10;
90
+ break;
91
+ }
92
+ throw new Error("Failed to fetch afterpay modal, status: ".concat(response.status));
93
+ case 10:
94
+ _context.next = 12;
95
+ return response.text();
96
+ case 12:
97
+ modalNode.innerHTML = _context.sent;
98
+ _context.next = 18;
99
+ break;
100
+ case 15:
101
+ _context.prev = 15;
102
+ _context.t0 = _context["catch"](4);
103
+ console.error(_context.t0);
104
+ case 18:
105
+ case "end":
106
+ return _context.stop();
107
+ }
108
+ }, _callee, null, [[4, 15]]);
109
+ }));
110
+ return _getAPModal.apply(this, arguments);
111
+ }
112
+
113
+ function getFormattedPrice(price, numberOfPayments) {
114
+ var priceString = parsePriceString(price);
115
+ var priceReplacer = parsePrice(price);
116
+ var formatter = price.replace(priceString, '{price}');
117
+ var sezzleInstallmentPrice = (priceReplacer / numberOfPayments).toFixed(2);
118
+ var sezzleInstallmentFormattedPrice = formatter.replace('{price}', sezzleInstallmentPrice);
119
+ return sezzleInstallmentFormattedPrice;
120
+ }
121
+
122
+ function styleInject(css, ref) {
123
+ if ( ref === void 0 ) ref = {};
124
+ var insertAt = ref.insertAt;
125
+
126
+ if (!css || typeof document === 'undefined') { return; }
127
+
128
+ var head = document.head || document.getElementsByTagName('head')[0];
129
+ var style = document.createElement('style');
130
+ style.type = 'text/css';
131
+
132
+ if (insertAt === 'top') {
133
+ if (head.firstChild) {
134
+ head.insertBefore(style, head.firstChild);
135
+ } else {
136
+ head.appendChild(style);
137
+ }
138
+ } else {
139
+ head.appendChild(style);
140
+ }
141
+
142
+ if (style.styleSheet) {
143
+ style.styleSheet.cssText = css;
144
+ } else {
145
+ style.appendChild(document.createTextNode(css));
146
+ }
147
+ }
148
+
149
+ 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
+ styleInject(css_248z$1);
151
+
152
+ var clickHere$2 = "Click here to learn more about Sezzle";
153
+ var closeModal$2 = "Close Sezzle Modal";
154
+ var learnMore$2 = "Learn more about Sezzle";
155
+ var locale$2 = "en-us";
156
+ var or$2 = " or ";
157
+ var ordersOver$2 = "for orders over";
158
+ var sezzleInfo$2 = "Sezzle Information";
159
+ var template$2 = "or %%numberOfPayments%% interest-free payments of %%price%% with %%logo%%%%afterpay%%%%min-price%% %%info%%";
160
+ var trustPilotTitle$2 = "4.3 out of 5 star rating on Trustpilot";
161
+ var trustPilotReviews$2 = "14K+ reviews on";
162
+ var sezzleHeader$2 = "Buy Now. Pay Later.";
163
+ var sezzleHeaderChild$2 = "Available for purchases of $20 to $2,500.<sup>1</sup>";
164
+ var sezzleHeaderChild2$2 = "Instant decision. No impact to your credit score.<sup>2</sup>";
165
+ var sezzleHeaderLt$2 = "Make easy monthly payments on your&nbsp;order";
166
+ var sezzleRowChild$2 = "Flexible payment plans for your budget";
167
+ var sezzleRowLtChild1$2 = "Checking eligibility won't affect your credit.";
168
+ var pieAlt$2 = "pie at";
169
+ var today$2 = "Today";
170
+ var week$2 = "Week";
171
+ var sezzleLtPaymentHeader$2 = "Sample payments for";
172
+ var perMonth$2 = "per month";
173
+ var monthlyAmount$2 = "/ month";
174
+ var termLength$2 = "months";
175
+ var adjustedTotal$2 = "Total Payment:";
176
+ var interest$2 = "Total Interest:";
177
+ var sampleApr$2 = "APR:";
178
+ var readApr$2 = "A.P.R.";
179
+ var percent$2 = "percent";
180
+ var completePurchase$2 = "2. Complete your purchase with a 25% down payment.";
181
+ var selectSezzle$2 = "1. Pay later by selecting Sezzle at checkout.";
182
+ var singleFeatureAffordable$2 = "Affordable monthly plans";
183
+ var singleFeaturePrequalify$2 = "Simple, quick pre-qualification";
184
+ var singleFeatureTrusted$2 = "Trusted by over 10&nbsp;million consumers";
185
+ var schedulePayments$2 = "3. Schedule the rest of your payments.";
186
+ var giveawayModal$2 = "Place an order within <span class='sezzle-giveaway-timer'></span> for a chance to win ${award} Sezzle Spend!<sup>4</sup>";
187
+ var giveawayTerms$2 = "<sup>4</sup>No purchase necessary. <a href='https://sezzle.com/countdown-giveaway-rules/' target='_blank'>See official rules for details</a>";
188
+ var termsHiw$2 = "<a href='https://sezzle.com/how-it-works' target='_blank'>Learn more about Sezzle buy now, pay later here.</a>";
189
+ var webBankTerms$2 = "<sup>3</sup>Pay in 4 and Pay in 2 loans are originated by WebBank except loans in IA, Puerto Rico and Canada. For example, for a $300 Pay in 4 loan, you would make one $75 down payment today, then three $75 payments every two weeks for a 35.40% annual percentage rate (APR) and a total of payments of $305.99 which includes a $5.99 Service Fee (finance charge) charged at loan origination. Service fees vary and can range from $0 to $5.99 depending on the purchase price and Sezzle product. Actual fees are reflected in checkout.";
190
+ var terms1$2 = "<sup>1</sup>Subject to approval. <a href='https://www.sezzle.com/legal' target='_blank'>Click here for complete terms.</a> First payment date and amount may fluctuate based on eligibility and time of merchant order completion.";
191
+ 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.";
192
+ var termsLt1$2 = "Signing up for Sezzle will not impact your credit score. Learn&nbsp;more&nbsp;about <a href=\"https://sezzle.com/how-it-works\" target=\"_blank\">Sezzle buy now, pay later.</a>";
193
+ var termsLt2$2 = "Subject to approval. <a href=\"https://www.sezzle.com/legal\" target=\"_blank\">Click here for complete terms.</a> First payment date and amount may fluctuate based on eligibility and time of merchant order completion.";
194
+ 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.";
195
+ var enTranslations = {
196
+ clickHere: clickHere$2,
197
+ closeModal: closeModal$2,
198
+ learnMore: learnMore$2,
199
+ locale: locale$2,
200
+ or: or$2,
201
+ ordersOver: ordersOver$2,
202
+ sezzleInfo: sezzleInfo$2,
203
+ template: template$2,
204
+ trustPilotTitle: trustPilotTitle$2,
205
+ trustPilotReviews: trustPilotReviews$2,
206
+ sezzleHeader: sezzleHeader$2,
207
+ sezzleHeaderChild: sezzleHeaderChild$2,
208
+ sezzleHeaderChild2: sezzleHeaderChild2$2,
209
+ sezzleHeaderLt: sezzleHeaderLt$2,
210
+ sezzleRowChild: sezzleRowChild$2,
211
+ sezzleRowLtChild1: sezzleRowLtChild1$2,
212
+ pieAlt: pieAlt$2,
213
+ today: today$2,
214
+ week: week$2,
215
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader$2,
216
+ perMonth: perMonth$2,
217
+ monthlyAmount: monthlyAmount$2,
218
+ termLength: termLength$2,
219
+ adjustedTotal: adjustedTotal$2,
220
+ interest: interest$2,
221
+ sampleApr: sampleApr$2,
222
+ readApr: readApr$2,
223
+ percent: percent$2,
224
+ completePurchase: completePurchase$2,
225
+ selectSezzle: selectSezzle$2,
226
+ singleFeatureAffordable: singleFeatureAffordable$2,
227
+ singleFeaturePrequalify: singleFeaturePrequalify$2,
228
+ singleFeatureTrusted: singleFeatureTrusted$2,
229
+ schedulePayments: schedulePayments$2,
230
+ giveawayModal: giveawayModal$2,
231
+ giveawayTerms: giveawayTerms$2,
232
+ termsHiw: termsHiw$2,
233
+ webBankTerms: webBankTerms$2,
234
+ terms1: terms1$2,
235
+ terms2: terms2$2,
236
+ termsLt1: termsLt1$2,
237
+ termsLt2: termsLt2$2,
238
+ termsLt3: termsLt3$2
239
+ };
240
+
241
+ var clickHere$1 = "Cliquez ici pour en savoir plus sur Sezzle";
242
+ var closeModal$1 = "Fermer le modal Sezzle";
243
+ var learnMore$1 = "En savoir plus sur Sezzle";
244
+ var locale$1 = "fr-ca";
245
+ var or$1 = " ou ";
246
+ var ordersOver$1 = "pour les achats de plus de";
247
+ var sezzleInfo$1 = "Informations sur Sezzle";
248
+ var template$1 = "ou %%numberOfPayments%% paiements de %%price%% sans intérêts avec %%logo%%%%afterpay%%%%min-price%% %%info%%";
249
+ var trustPilotTitle$1 = "Note de 4,3 sur 5 étoiles sur Trustpilot";
250
+ var trustPilotReviews$1 = "14K+ avis sur";
251
+ var sezzleHeader$1 = "Achetez maintenant. Payez plus tard.";
252
+ var sezzleHeaderChild$1 = "Disponible pour les achats de 20$ à 2 500$.<sup>1</sup>";
253
+ var sezzleHeaderChild2$1 = "Aucun impact sur votre cote de crédit.<sup>2</sup>";
254
+ var sezzleHeaderLt$1 = "Effectuez des paiements mensuels faciles sur votre&nbsp;achat";
255
+ var sezzleRowChild$1 = "Plans de paiement flexibles pour votre&nbsp;budget";
256
+ var sezzleRowLtChild1$1 = "Vérifier l'éligibilité n'affectera pas votre crédit.";
257
+ var pieAlt$1 = "graphique circulaire à";
258
+ var today$1 = "Aujourd'hui";
259
+ var week$1 = "Semaine";
260
+ var sezzleLtPaymentHeader$1 = "Exemples de paiements pour";
261
+ var perMonth$1 = "par mois";
262
+ var monthlyAmount$1 = "/ mois";
263
+ var termLength$1 = "mois";
264
+ var adjustedTotal$1 = "Paiement Total:";
265
+ var interest$1 = "Intérêt Total:";
266
+ var sampleApr$1 = "APR:";
267
+ var readApr$1 = "A.P.R.";
268
+ var percent$1 = "pour cent";
269
+ var completePurchase$1 = "2. Complétez votre achat avec un acompte de 25 %.";
270
+ var selectSezzle$1 = "1. Payez plus tard en sélectionnant Sezzle au moment du paiement.";
271
+ var singleFeatureAffordable$1 = "Forfaits mensuels abordables";
272
+ var singleFeaturePrequalify$1 = "Pré-qualification simple et rapide";
273
+ var singleFeatureTrusted$1 = "Reconnu par plus de 10 millions de consommateurs";
274
+ var schedulePayments$1 = "3. Optez pour le rapport de crédit gratuite";
275
+ var giveawayModal$1 = "Passez une commande dans <span class='sezzle-giveaway-timer'></span> pour avoir une chance de gagner ${award} Sezzle Spend!<sup>4</sup>";
276
+ var giveawayTerms$1 = "<sup>4</sup>Aucun achat requis. <a href='https://sezzle.com/countdown-giveaway-rules/' target='_blank'>Voir les règles officielles pour plus de détails</a>";
277
+ var termsHiw$1 = "<a href='https://sezzle.com/how-it-works' target='_blank'>En savoir plus sur Sezzle achetez maintenant, payez plus tard ici.</a>";
278
+ var webBankTerms$1 = "<sup>3</sup>Les prêts Pay in 4 et Pay in 2 sont émis par WebBank, à l'exception des prêts en IA, à Porto Rico et au Canada. Par exemple, pour un prêt Pay in 4 de 300 $, vous effectueriez un acompte de 75 $ aujourd'hui, puis trois paiements de 75 $ toutes les deux semaines pour un taux annuel en pourcentage (TAEG) de 35,40 % et un total de paiements de 305,99 $, qui comprend des frais de service de 5,99 $ (frais financiers) facturés à l'origine du prêt. Les frais de service varient et peuvent aller de 0 $ à 5,99 $ selon le prix d'achat et le produit Sezzle. Les frais réels sont reflétés lors du paiement.";
279
+ var terms1$1 = "<sup>1</sup>Sous réserve d'approbation. <a href='https://legal.sezzle.com/fr-ca' target='_blank'>Cliquez ici pour l'intégralité des conditions.</a> La date et le montant du premier paiement peuvent varier en fonction de l'éligibilité et de la date de finalisation de la commande auprès du vendeur.";
280
+ var terms2$1 = "<sup>2</sup>L'inscription à Sezzle n'aura aucune incidence sur votre pointage de crédit. Vous pouvez accepter de participer à notre programme gratuit d'évaluation du crédit, Sezzle Up, afin que vos paiements soient signalés aux bureaux de crédit.";
281
+ var termsLt1$1 = "L'inscription à Sezzle n'aura aucune incidence sur votre pointage de crédit. En savoir plus sur le <a href=\"https://sezzle.com/fr-ca/how-it-works\" target=\"_blank\"> Sezzle Acheter maintenant, Payer plus tard.</a>";
282
+ var termsLt2$1 = "Sous réserve d'approbation. <a href=\"https://legal.sezzle.com/fr-ca\" target=\"_blank\">Cliquez ici pour l'intégralité des conditions.</a> La date et le montant du premier paiement peuvent varier en fonction de l'éligibilité et de la date de finalisation de la commande auprès du vendeur.";
283
+ var termsLt3$1 = "* Sous réserve de l'approbation du crédit par un prêteur tiers. Taux de 5,99 % à 34,99 % APR ; durées de 3 mois à 48 mois, qui peuvent varier selon le prêteur. Des options à 0 % APR peuvent être disponibles. Les APR 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.";
284
+ var frTranslations = {
285
+ clickHere: clickHere$1,
286
+ closeModal: closeModal$1,
287
+ learnMore: learnMore$1,
288
+ locale: locale$1,
289
+ or: or$1,
290
+ ordersOver: ordersOver$1,
291
+ sezzleInfo: sezzleInfo$1,
292
+ template: template$1,
293
+ trustPilotTitle: trustPilotTitle$1,
294
+ trustPilotReviews: trustPilotReviews$1,
295
+ sezzleHeader: sezzleHeader$1,
296
+ sezzleHeaderChild: sezzleHeaderChild$1,
297
+ sezzleHeaderChild2: sezzleHeaderChild2$1,
298
+ sezzleHeaderLt: sezzleHeaderLt$1,
299
+ sezzleRowChild: sezzleRowChild$1,
300
+ sezzleRowLtChild1: sezzleRowLtChild1$1,
301
+ pieAlt: pieAlt$1,
302
+ today: today$1,
303
+ week: week$1,
304
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader$1,
305
+ perMonth: perMonth$1,
306
+ monthlyAmount: monthlyAmount$1,
307
+ termLength: termLength$1,
308
+ adjustedTotal: adjustedTotal$1,
309
+ interest: interest$1,
310
+ sampleApr: sampleApr$1,
311
+ readApr: readApr$1,
312
+ percent: percent$1,
313
+ completePurchase: completePurchase$1,
314
+ selectSezzle: selectSezzle$1,
315
+ singleFeatureAffordable: singleFeatureAffordable$1,
316
+ singleFeaturePrequalify: singleFeaturePrequalify$1,
317
+ singleFeatureTrusted: singleFeatureTrusted$1,
318
+ schedulePayments: schedulePayments$1,
319
+ giveawayModal: giveawayModal$1,
320
+ giveawayTerms: giveawayTerms$1,
321
+ termsHiw: termsHiw$1,
322
+ webBankTerms: webBankTerms$1,
323
+ terms1: terms1$1,
324
+ terms2: terms2$1,
325
+ termsLt1: termsLt1$1,
326
+ termsLt2: termsLt2$1,
327
+ termsLt3: termsLt3$1
328
+ };
329
+
330
+ var clickHere = "Haga clic aquí para obtener más información sobre Sezzle";
331
+ var closeModal = "Cerrar Sezzle Modal";
332
+ var learnMore = "Más información sobre Sezzle";
333
+ var locale = "es-mx";
334
+ var or = " o ";
335
+ var ordersOver = "por compras superiores a";
336
+ var sezzleInfo = "Información sobre el tema";
337
+ var template = "o %%numberOfPayments%% pagos sin intereses de %%price%% con %%logo%%%%afterpay%%%%min-price%% %%info%%";
338
+ var trustPilotTitle = "4,3 de 5 estrellas en Trustpilot";
339
+ var trustPilotReviews = "14K+ opiniones en";
340
+ var sezzleHeader = "Compra ahora. Paga después.";
341
+ var sezzleHeaderChild = "Disponible para compras de $20 a $2,500.<sup>1</sup>";
342
+ var sezzleHeaderChild2 = "No hay impacto en su puntaje de crédito.<sup>2</sup>";
343
+ var sezzleHeaderLt = "Realiza pagos mensuales fáciles en tu&nbsp;compra";
344
+ var sezzleRowChild = "Planes de pago flexibles para su&nbsp;presupuesto";
345
+ var sezzleRowLtChild1 = "Verificar la elegibilidad no afectará su crédito.";
346
+ var pieAlt = "gráfico circular en";
347
+ var today = "Hoy";
348
+ var week = "Semana";
349
+ var sezzleLtPaymentHeader = "Ejemplos de pagos por";
350
+ var perMonth = "por mes";
351
+ var monthlyAmount = "/ mes";
352
+ var termLength = "meses";
353
+ var adjustedTotal = "Pago Total:";
354
+ var interest = "Interés Total:";
355
+ var sampleApr = "TAE:";
356
+ var readApr = "T.A.E.";
357
+ var percent = "por ciento";
358
+ var completePurchase = "2. Completa tu compra con un pago inicial del 25%.";
359
+ var selectSezzle = "1. Pague más tarde seleccionando Sezzle al momento de pagar.";
360
+ var singleFeatureAffordable = "Planes mensuales asequibles";
361
+ var singleFeaturePrequalify = "Precalificación simple y rápida";
362
+ var singleFeatureTrusted = "Con la confianza de más de 10&nbsp;millones de consumidores";
363
+ var schedulePayments = "3. Optar por informes de crédito&nbsp;gratis";
364
+ var giveawayModal = "¡Realice un pedido dentro de <span class='sezzle-giveaway-timer'></span> para tener la oportunidad de ganar ${award} en gastos de Sezzle!<sup>4</sup>";
365
+ var giveawayTerms = "<sup>4</sup>No es necesaria ninguna compra. <a href='https://sezzle.com/countdown-giveaway-rules/' target='_blank'>Consulta las reglas oficiales para obtener más detalles</a>";
366
+ var termsHiw = "<a href='https://sezzle.com/how-it-works' target='_blank'>Obtenga más información sobre la opción de comprar ahora y pagar después de Sezzle aquí.</a>";
367
+ var webBankTerms = "<sup>3</sup>Los préstamos Pay in 4 y Pay in 2 son originados por WebBank, excepto los préstamos en IA, Puerto Rico y Canadá. Por ejemplo, para un préstamo Pay in 4 de $300, usted haría un pago inicial de $75 hoy, luego tres pagos de $75 cada dos semanas por una tasa de porcentaje anual (APR) del 35.40% y un total de pagos de $305.99 que incluye una Tarifa de Servicio (cargo financiero) de $5.99 cobrada al momento del inicio del préstamo. Las tarifas de servicio varían y pueden ir desde $0 a $5.99 dependiendo del precio de compra y del producto Sezzle. Las tarifas reales se reflejan en el momento de pago.";
368
+ var terms1 = "<sup>1</sup>Sujeto a aprobación. <a href='https://www.sezzle.com/legal' target='_blank'>Haga clic aquí para ver los términos completos.</a> La fecha y el monto del primer pago pueden variar según la elegibilidad y la fecha de finalización del pedido con el vendedor.";
369
+ var terms2 = "<sup>2</sup>Registrarse en Sezzle no afectará su puntaje de crédito. Puede aceptar participar en nuestro programa gratuito de informes crediticios, Sezzle Up, para que sus pagos sean informados a las agencias de crédito.";
370
+ var termsLt1 = "Registrarse en Sezzle no afectará su puntaje de crédito. Obtener más información sobre el <a href=\"https://sezzle.com/how-it-works\" target=\"_blank\">Sezzle, compre ahora y pague después.</a>";
371
+ var termsLt2 = "Sujeto a aprobación. <a href=\"https://www.sezzle.com/legal\" target=\"_blank\">Haga clic aquí para ver los términos completos.</a> La fecha y el monto del primer pago pueden variar según la elegibilidad y la fecha de finalización del pedido con el vendedor.";
372
+ var termsLt3 = "* Sujeto a la aprobación de crédito por parte de un tercero prestamista. Tasas desde 5,99% - 34,99% TAE; plazos de 3 meses a 48 meses, que pueden variar según el prestamista. Las opciones de 0% APR pueden estar disponibles. Las APR variarán según las calificaciones crediticias, el monto del préstamo, el plazo y el prestamista. Se requiere compra mínima.";
373
+ var esTranslations = {
374
+ clickHere: clickHere,
375
+ closeModal: closeModal,
376
+ learnMore: learnMore,
377
+ locale: locale,
378
+ or: or,
379
+ ordersOver: ordersOver,
380
+ sezzleInfo: sezzleInfo,
381
+ template: template,
382
+ trustPilotTitle: trustPilotTitle,
383
+ trustPilotReviews: trustPilotReviews,
384
+ sezzleHeader: sezzleHeader,
385
+ sezzleHeaderChild: sezzleHeaderChild,
386
+ sezzleHeaderChild2: sezzleHeaderChild2,
387
+ sezzleHeaderLt: sezzleHeaderLt,
388
+ sezzleRowChild: sezzleRowChild,
389
+ sezzleRowLtChild1: sezzleRowLtChild1,
390
+ pieAlt: pieAlt,
391
+ today: today,
392
+ week: week,
393
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader,
394
+ perMonth: perMonth,
395
+ monthlyAmount: monthlyAmount,
396
+ termLength: termLength,
397
+ adjustedTotal: adjustedTotal,
398
+ interest: interest,
399
+ sampleApr: sampleApr,
400
+ readApr: readApr,
401
+ percent: percent,
402
+ completePurchase: completePurchase,
403
+ selectSezzle: selectSezzle,
404
+ singleFeatureAffordable: singleFeatureAffordable,
405
+ singleFeaturePrequalify: singleFeaturePrequalify,
406
+ singleFeatureTrusted: singleFeatureTrusted,
407
+ schedulePayments: schedulePayments,
408
+ giveawayModal: giveawayModal,
409
+ giveawayTerms: giveawayTerms,
410
+ termsHiw: termsHiw,
411
+ webBankTerms: webBankTerms,
412
+ terms1: terms1,
413
+ terms2: terms2,
414
+ termsLt1: termsLt1,
415
+ termsLt2: termsLt2,
416
+ termsLt3: termsLt3
417
+ };
418
+
419
+ 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}";
420
+ styleInject(css_248z);
421
+
422
+ var translationsMap$1 = {
423
+ en: enTranslations,
424
+ fr: frTranslations,
425
+ es: esTranslations
426
+ };
427
+ var supportedLanguages = Object.keys(translationsMap$1);
428
+ var currentLang = getLanguage(supportedLanguages);
429
+ var translations = translationsMap$1[currentLang];
430
+ var modalHTML = "\n<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" role=\"dialog\" lang=\"".concat(translations.locale, "\"\n aria-label=\"").concat(translations.sezzleInfo, "\" aria-description=\"").concat(translations.learnMore, "\" style=\"display: block;\">\n <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" aria-description=\"").concat(translations.aboutSezzle, "\"\n class=\"sezzle-checkout-modal-hidden\">\n <div class=\"sezzle-modal\">\n <div><button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button></div>\n <div class=\"sezzle-logo\" title=\"Sezzle\"></div>\n <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n <div id=\"tp-widget-wrapper\" class=\"tp-widget-wrapper visible\">\n <a id=\"profile-link\" target=\"_blank\" href=\"https://www.trustpilot.com/review/sezzle.com?utm_medium=trustbox&amp;utm_source=MicroCombo\">\n <!-- Stars -->\n <div id=\"tp-widget-stars\" class=\"tp-widget-stars\">\n <div class=\"\">\n <div class=\"tp-stars tp-stars--4 tp-stars--4--half\">\n <div style=\"position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 18.326693227091635%;\">\n\n <svg role=\"img\" viewBox=\"0 0 251 46\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; height: 100%; width: 100%; left: 0; top: 0;\">\n <title id=\"starRating-tfnn0cd6r0c\" lang=\"en-US\">").concat(translations.trustPilotTitle, "</title>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M0 46.330002h46.375586V0H0z\"></path>\n <path class=\"tp-star__shape\" d=\"M39.533936 19.711433L13.230239 38.80065l3.838216-11.797827L7.02115 19.711433h12.418975l3.837417-11.798624 3.837418 11.798624h12.418975zM23.2785 31.510075l7.183595-1.509576 2.862114 8.800152L23.2785 31.510075z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M51.24816 46.330002h46.375587V0H51.248161z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M51.24816 46.330002h23.187793V0H51.248161z\"></path>\n <path class=\"tp-star__shape\" d=\"M74.990978 31.32991L81.150908 30 84 39l-9.660206-7.202786L64.30279 39l3.895636-11.840666L58 19.841466h12.605577L74.499595 8l3.895637 11.841466H91L74.990978 31.329909z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M102.532209 46.330002h46.375586V0h-46.375586z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M102.532209 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M142.066994 19.711433L115.763298 38.80065l3.838215-11.797827-10.047304-7.291391h12.418975l3.837418-11.798624 3.837417 11.798624h12.418975zM125.81156 31.510075l7.183595-1.509576 2.862113 8.800152-10.045708-7.290576z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M153.815458 46.330002h46.375586V0h-46.375586z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M153.815458 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M193.348355 19.711433L167.045457 38.80065l3.837417-11.797827-10.047303-7.291391h12.418974l3.837418-11.798624 3.837418 11.798624h12.418974zM177.09292 31.510075l7.183595-1.509576 2.862114 8.800152-10.045709-7.290576z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M205.064416 46.330002h46.375587V0h-46.375587z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M205.064416 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M244.597022 19.711433l-26.3029 19.089218 3.837419-11.797827-10.047304-7.291391h12.418974l3.837418-11.798624 3.837418 11.798624h12.418975zm-16.255436 11.798642l7.183595-1.509576 2.862114 8.800152-10.045709-7.290576z\" fill=\"#FFF\"></path>\n </g>\n </svg>\n </div>\n </div>\n </div>\n </div>\n <div class=\"widget-info\">\n <!-- Business Info -->\n <div id=\"tp-widget-rating\" class=\"tp-widget-rating\">").concat(translations.trustPilotReviews, "</div>\n <!-- Logo -->\n <div id=\"tp-widget-logo\" class=\"tp-widget-logo\">\n <div class=\"\">\n <div style=\"position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 24.6031746031746%;\">\n <svg role=\"img\" viewBox=\"0 0 126 31\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; height: 100%; width: 100%; left: 0; top: 0;\">\n <title id=\"trustpilotLogo-wwxihtot4h\">Trustpilot</title>\n <path class=\"tp-logo__text\" d=\"M33.074774 11.07005H45.81806v2.364196h-5.010656v13.290316h-2.755306V13.434246h-4.988435V11.07005h.01111zm12.198892 4.319629h2.355341v2.187433h.04444c.077771-.309334.222203-.60762.433295-.894859.211092-.287239.466624-.56343.766597-.79543.299972-.243048.633276-.430858.999909-.585525.366633-.14362.744377-.220953 1.12212-.220953.288863 0 .499955.011047.611056.022095.1111.011048.222202.033143.344413.04419v2.408387c-.177762-.033143-.355523-.055238-.544395-.077333-.188872-.022096-.366633-.033143-.544395-.033143-.422184 0-.822148.08838-1.199891.254096-.377744.165714-.699936.41981-.977689.740192-.277753.331429-.499955.729144-.666606 1.21524-.166652.486097-.244422 1.03848-.244422 1.668195v5.39125h-2.510883V15.38968h.01111zm18.220567 11.334883H61.02779v-1.579813h-.04444c-.311083.574477-.766597 1.02743-1.377653 1.369908-.611055.342477-1.233221.51924-1.866497.51924-1.499864 0-2.588654-.364573-3.25526-1.104765-.666606-.740193-.999909-1.856005-.999909-3.347437V15.38968h2.510883v6.948968c0 .994288.188872 1.701337.577725 2.1101.377744.408763.922139.618668 1.610965.618668.533285 0 .96658-.077333 1.322102-.243048.355524-.165714.644386-.37562.855478-.65181.222202-.265144.377744-.596574.477735-.972194.09999-.37562.144431-.784382.144431-1.226288v-6.573349h2.510883v11.323836zm4.27739-3.634675c.07777.729144.355522 1.237336.833257 1.535623.488844.287238 1.06657.441905 1.744286.441905.233312 0 .499954-.022095.799927-.055238.299973-.033143.588836-.110476.844368-.209905.266642-.099429.477734-.254096.655496-.452954.166652-.198857.244422-.452953.233312-.773335-.01111-.320381-.133321-.585525-.355523-.784382-.222202-.209906-.499955-.364573-.844368-.497144-.344413-.121525-.733267-.232-1.17767-.320382-.444405-.088381-.888809-.18781-1.344323-.287239-.466624-.099429-.922138-.232-1.355432-.37562-.433294-.14362-.822148-.342477-1.166561-.596573-.344413-.243048-.622166-.56343-.822148-.950097-.211092-.386668-.311083-.861716-.311083-1.436194 0-.618668.155542-1.12686.455515-1.54667.299972-.41981.688826-.75124 1.14434-1.005336.466624-.254095.97769-.430858 1.544304-.541334.566615-.099429 1.11101-.154667 1.622075-.154667.588836 0 1.15545.066286 1.688736.18781.533285.121524 1.02213.320381 1.455423.60762.433294.276191.788817.640764 1.07768 1.08267.288863.441905.466624.98324.544395 1.612955h-2.621984c-.122211-.596572-.388854-1.005335-.822148-1.204193-.433294-.209905-.933248-.309334-1.488753-.309334-.177762 0-.388854.011048-.633276.04419-.244422.033144-.466624.088382-.688826.165715-.211092.077334-.388854.198858-.544395.353525-.144432.154667-.222203.353525-.222203.60762 0 .309335.111101.552383.322193.740193.211092.18781.488845.342477.833258.475048.344413.121524.733267.232 1.177671.320382.444404.088381.899918.18781 1.366542.287239.455515.099429.899919.232 1.344323.37562.444404.14362.833257.342477 1.17767.596573.344414.254095.622166.56343.833258.93905.211092.37562.322193.850668.322193 1.40305 0 .673906-.155541 1.237336-.466624 1.712385-.311083.464001-.711047.850669-1.199891 1.137907-.488845.28724-1.04435.508192-1.644295.640764-.599946.132572-1.199891.198857-1.788727.198857-.722156 0-1.388762-.077333-1.999818-.243048-.611056-.165714-1.14434-.408763-1.588745-.729144-.444404-.33143-.799927-.740192-1.05546-1.226289-.255532-.486096-.388853-1.071621-.411073-1.745528h2.533103v-.022095zm8.288135-7.700208h1.899828v-3.402675h2.510883v3.402675h2.26646v1.867052h-2.26646v6.054109c0 .265143.01111.486096.03333.684954.02222.18781.07777.353524.155542.486096.07777.132572.199981.232.366633.298287.166651.066285.377743.099428.666606.099428.177762 0 .355523 0 .533285-.011047.177762-.011048.355523-.033143.533285-.077334v1.933338c-.277753.033143-.555505.055238-.811038.088381-.266642.033143-.533285.04419-.811037.04419-.666606 0-1.199891-.066285-1.599855-.18781-.399963-.121523-.722156-.309333-.944358-.552381-.233313-.243049-.377744-.541335-.466625-.905907-.07777-.364573-.13332-.784383-.144431-1.248384v-6.683825h-1.899827v-1.889147h-.02222zm8.454788 0h2.377562V16.9253h.04444c.355523-.662858.844368-1.12686 1.477644-1.414098.633276-.287239 1.310992-.430858 2.055369-.430858.899918 0 1.677625.154667 2.344231.475048.666606.309335 1.222111.740193 1.666515 1.292575.444405.552382.766597 1.193145.9888 1.92229.222202.729145.333303 1.513527.333303 2.3421 0 .762288-.099991 1.50248-.299973 2.20953-.199982.718096-.499955 1.347812-.899918 1.900194-.399964.552383-.911029.98324-1.533194 1.31467-.622166.33143-1.344323.497144-2.18869.497144-.366634 0-.733267-.033143-1.0999-.099429-.366634-.066286-.722157-.176762-1.05546-.320381-.333303-.14362-.655496-.33143-.933249-.56343-.288863-.232-.522175-.497144-.722157-.79543h-.04444v5.656393h-2.510883V15.38968zm8.77698 5.67849c0-.508193-.06666-1.005337-.199981-1.491433-.133321-.486096-.333303-.905907-.599946-1.281527-.266642-.37562-.599945-.673906-.988799-.894859-.399963-.220953-.855478-.342477-1.366542-.342477-1.05546 0-1.855387.364572-2.388672 1.093717-.533285.729144-.799928 1.701337-.799928 2.916578 0 .574478.066661 1.104764.211092 1.59086.144432.486097.344414.905908.633276 1.259432.277753.353525.611056.629716.99991.828574.388853.209905.844367.309334 1.355432.309334.577725 0 1.05546-.121524 1.455423-.353525.399964-.232.722157-.541335.97769-.905907.255531-.37562.444403-.79543.555504-1.270479.099991-.475049.155542-.961145.155542-1.458289zm4.432931-9.99812h2.510883v2.364197h-2.510883V11.07005zm0 4.31963h2.510883v11.334883h-2.510883V15.389679zm4.755124-4.31963h2.510883v15.654513h-2.510883V11.07005zm10.210184 15.963847c-.911029 0-1.722066-.154667-2.433113-.452953-.711046-.298287-1.310992-.718097-1.810946-1.237337-.488845-.530287-.866588-1.160002-1.12212-1.889147-.255533-.729144-.388854-1.535622-.388854-2.408386 0-.861716.133321-1.657147.388853-2.386291.255533-.729145.633276-1.35886 1.12212-1.889148.488845-.530287 1.0999-.93905 1.810947-1.237336.711047-.298286 1.522084-.452953 2.433113-.452953.911028 0 1.722066.154667 2.433112.452953.711047.298287 1.310992.718097 1.810947 1.237336.488844.530287.866588 1.160003 1.12212 1.889148.255532.729144.388854 1.524575.388854 2.38629 0 .872765-.133322 1.679243-.388854 2.408387-.255532.729145-.633276 1.35886-1.12212 1.889147-.488845.530287-1.0999.93905-1.810947 1.237337-.711046.298286-1.522084.452953-2.433112.452953zm0-1.977528c.555505 0 1.04435-.121524 1.455423-.353525.411074-.232.744377-.541335 1.01102-.916954.266642-.37562.455513-.806478.588835-1.281527.12221-.475049.188872-.961145.188872-1.45829 0-.486096-.066661-.961144-.188872-1.44724-.122211-.486097-.322193-.905907-.588836-1.281527-.266642-.37562-.599945-.673907-1.011019-.905907-.411074-.232-.899918-.353525-1.455423-.353525-.555505 0-1.04435.121524-1.455424.353525-.411073.232-.744376.541334-1.011019.905907-.266642.37562-.455514.79543-.588835 1.281526-.122211.486097-.188872.961145-.188872 1.447242 0 .497144.06666.98324.188872 1.458289.12221.475049.322193.905907.588835 1.281527.266643.37562.599946.684954 1.01102.916954.411073.243048.899918.353525 1.455423.353525zm6.4883-9.66669h1.899827v-3.402674h2.510883v3.402675h2.26646v1.867052h-2.26646v6.054109c0 .265143.01111.486096.03333.684954.02222.18781.07777.353524.155541.486096.077771.132572.199982.232.366634.298287.166651.066285.377743.099428.666606.099428.177762 0 .355523 0 .533285-.011047.177762-.011048.355523-.033143.533285-.077334v1.933338c-.277753.033143-.555505.055238-.811038.088381-.266642.033143-.533285.04419-.811037.04419-.666606 0-1.199891-.066285-1.599855-.18781-.399963-.121523-.722156-.309333-.944358-.552381-.233313-.243049-.377744-.541335-.466625-.905907-.07777-.364573-.133321-.784383-.144431-1.248384v-6.683825h-1.899827v-1.889147h-.02222z\" fill=\"#191919\"></path>\n <path class=\"tp-logo__star\" fill=\"#00B67A\" d=\"M30.141707 11.07005H18.63164L15.076408.177071l-3.566342 10.892977L0 11.059002l9.321376 6.739063-3.566343 10.88193 9.321375-6.728016 9.310266 6.728016-3.555233-10.88193 9.310266-6.728016z\"></path>\n <path class=\"tp-logo__star-notch\" fill=\"#005128\" d=\"M21.631369 20.26169l-.799928-2.463625-5.755033 4.153914z\"></path>\n </svg>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <header class=\"sezzle-header\">").concat(translations.sezzleHeader, "\n </header>\n <p class=\"sezzle-row\">\n <span>").concat(translations.sezzleHeaderChild, "</span>\n <span>").concat(translations.sezzleHeaderChild2, "</span>\n </p>\n <div class=\"sezzle-four-pay ").concat(currentLang !== 'en' ? 'sezzle-four-pay-fr-es' : '', "\">\n <div class=\"sezzle-pie-area\">\n <div class=\"due-today\">\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 25%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path\n d=\"M20 -7.62939e-05C22.6264 -7.64088e-05 25.2272 0.51724 27.6537 1.52233C30.0802 2.52743 32.285 4.00062 34.1421 5.85779C35.9993 7.71496 37.4725 9.91974 38.4776 12.3463C39.4827 14.7728 40 17.3735 40 19.9999L30 19.9999C30 18.6867 29.7413 17.3863 29.2388 16.1731C28.7362 14.9598 27.9997 13.8574 27.0711 12.9289C26.1425 12.0003 25.0401 11.2637 23.8268 10.7611C22.6136 10.2586 21.3132 9.99992 20 9.99992L20 -7.62939e-05Z\"\n fill=\"#8333D4\"></path>\n <path\n d=\"M40 19.9999C40 22.7613 37.7614 24.9998 35 24.9998C32.2386 24.9998 30 22.7613 30 19.9999C30 17.2385 32.2386 14.9998 35 14.9998C37.7614 14.9998 40 17.2385 40 19.9999Z\"\n fill=\"#8333D4\"></path>\n <circle cx=\"35\" cy=\"20\" r=\"5\" fill=\"#8333D4\"></circle>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.today, "</span>\n </p>\n </div>\n </div>\n <div class=\"future-payments\">\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 50%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40 20C40 31.0457 31.0457 40 20 40C17.2386 40 15 37.7614 15 35C15 32.2386 17.2386 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10V0C31.0457 0 40 8.9543 40 20Z\"\n fill=\"#8333D4\"></path>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 2</span>\n </p>\n </div>\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 75%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path\n d=\"M20 -8.74228e-07C23.9556 -1.04713e-06 27.8224 1.17298 31.1114 3.37061C34.4004 5.56824 36.9638 8.69181 38.4776 12.3463C39.9913 16.0009 40.3874 20.0222 39.6157 23.9018C38.844 27.7814 36.9392 31.3451 34.1421 34.1421C31.3451 36.9392 27.7814 38.844 23.9018 39.6157C20.0222 40.3874 16.0009 39.9913 12.3463 38.4776C8.69181 36.9638 5.56824 34.4004 3.37061 31.1114C1.17298 27.8224 -7.48492e-07 23.9556 -8.74228e-07 20L10 20C10 21.9778 10.5865 23.9112 11.6853 25.5557C12.7841 27.2002 14.3459 28.4819 16.1732 29.2388C18.0004 29.9957 20.0111 30.1937 21.9509 29.8079C23.8907 29.422 25.6725 28.4696 27.0711 27.0711C28.4696 25.6725 29.422 23.8907 29.8079 21.9509C30.1937 20.0111 29.9957 18.0004 29.2388 16.1732C28.4819 14.3459 27.2002 12.7841 25.5557 11.6853C23.9112 10.5865 21.9778 10 20 10L20 -8.74228e-07Z\"\n fill=\"#8333D4\"></path>\n <path\n d=\"M10 20C10 22.7614 7.76142 25 5 25C2.23858 25 -8.74228e-07 22.7614 -8.74228e-07 20C-8.74228e-07 17.2386 2.23858 15 5 15C7.76142 15 10 17.2386 10 20Z\"\n fill=\"#8333D4\"></path>\n <circle cx=\"5\" cy=\"20\" r=\"5\" fill=\"#8333D4\"></circle>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 4</span>\n </p>\n </div>\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 100%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\"></path>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 6<sup>3</sup></span>\n </p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"sezzle-features\">\n <p class=\"single-feature\">\n ").concat(translations.selectSezzle, "\n </p>\n <p class=\"single-feature\">\n ").concat(translations.completePurchase, "\n </p>\n <p class=\"single-feature\">\n ").concat(translations.schedulePayments, "\n </p>\n </div>\n <div class=\"terms-container\">\n <p class=\"terms\">").concat(translations.terms1, "</p>\n <p class=\"terms\">").concat(translations.terms2, "</p>\n <p class=\"terms\"><span class=\"webbank-terms\">").concat(translations.webBankTerms, "</span><br/>").concat(translations.termsHiw, "</p>\n </div>\n </div>\n </div>\n </div>\n</section>\n\n");
431
+
432
+ 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); }
433
+ 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; }
434
+ 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; }
435
+ function _classCallCheck$2(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
436
+ function _defineProperties$2(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey$2(o.key), o); } }
437
+ function _createClass$2(e, r, t) { return r && _defineProperties$2(e.prototype, r), t && _defineProperties$2(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
438
+ function _callSuper$2(t, o, e) { return o = _getPrototypeOf$2(o), _possibleConstructorReturn$2(t, _isNativeReflectConstruct$2() ? Reflect.construct(o, e || [], _getPrototypeOf$2(t).constructor) : o.apply(t, e)); }
439
+ function _possibleConstructorReturn$2(t, e) { if (e && ("object" == _typeof$2(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized$2(t); }
440
+ function _assertThisInitialized$2(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
441
+ function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct() { return !!t; })(); }
442
+ function _getPrototypeOf$2(t) { return _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf$2(t); }
443
+ function _inherits$2(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf$2(t, e); }
444
+ function _setPrototypeOf$2(t, e) { return _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf$2(t, e); }
445
+ function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
446
+ function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
447
+ function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
448
+ var Modal = /*#__PURE__*/function (_React$Component) {
449
+ function Modal(props) {
450
+ var _this;
451
+ _classCallCheck$2(this, Modal);
452
+ _this = _callSuper$2(this, Modal, [props]);
453
+ _defineProperty$2(_this, "toggleModalVisibility", function (isModalVisible) {
454
+ if (isModalVisible !== _this.state.isModalVisible) {
455
+ _this.setState(_objectSpread$2(_objectSpread$2({}, _this.state), {}, {
456
+ isModalVisible: isModalVisible
457
+ }));
458
+ }
459
+ });
460
+ _defineProperty$2(_this, "modalCloseHandler", function (event) {
461
+ _this.props.callbackModalClose(_this.props.modalType);
462
+ });
463
+ _this.state = {
464
+ modalElement: null,
465
+ isModalVisible: false
466
+ };
467
+ return _this;
468
+ }
469
+ _inherits$2(Modal, _React$Component);
470
+ return _createClass$2(Modal, [{
471
+ key: "componentDidMount",
472
+ value: function componentDidMount() {
473
+ var _this2 = this;
474
+ document.querySelector('html').appendChild(this.state.modalElement);
475
+ var sezzleModal;
476
+ if (this.props.modalType === 'afterpay') {
477
+ sezzleModal = document.querySelector('.sezzle-ap-modal');
478
+ } else {
479
+ sezzleModal = document.querySelector('.sezzle-modal');
480
+ }
481
+ sezzleModal.addEventListener('click', function (event) {
482
+ return event.stopPropagation();
483
+ });
484
+ document.querySelectorAll('.close-sezzle-modal').length && document.querySelectorAll('.close-sezzle-modal').forEach(function (modal) {
485
+ return modal.addEventListener('click', function (event) {
486
+ return _this2.modalCloseHandler(event);
487
+ });
488
+ });
489
+ }
490
+ }, {
491
+ key: "componentDidUpdate",
492
+ value: function componentDidUpdate(prevProps, prevState) {
493
+ this.toggleModalVisibility(this.props.toggleModalVisibility);
494
+ }
495
+ }, {
496
+ key: "componentWillUnmount",
497
+ value: function componentWillUnmount() {
498
+ var modals = document.querySelector('html').getElementsByClassName('sezzle-checkout-modal-lightbox');
499
+ for (var i = 0; i < modals.length; i++) {
500
+ document.querySelector('html').removeChild(modals[i]);
501
+ }
502
+ }
503
+ }, {
504
+ key: "render",
505
+ value: function render() {
506
+ return null;
507
+ }
508
+ }], [{
509
+ key: "getDerivedStateFromProps",
510
+ value: function getDerivedStateFromProps(props, state) {
511
+ if (!state.modalElement) {
512
+ var modalElement = document.createElement('div');
513
+ switch (props.modalType) {
514
+ case 'afterpay':
515
+ getAPModal(modalElement);
516
+ break;
517
+ default:
518
+ modalElement.className = 'sezzle-checkout-modal-lightbox close-sezzle-modal';
519
+ modalElement.innerHTML = modalHTML;
520
+ }
521
+ state = _objectSpread$2(_objectSpread$2({}, state), {}, {
522
+ modalElement: modalElement
523
+ });
524
+ }
525
+ state.modalElement.style.display = state.isModalVisible ? 'block' : 'none';
526
+ return state;
527
+ }
528
+ }]);
529
+ }(React__default["default"].Component);
530
+ Modal.propTypes = {
531
+ toggleModalVisibility: PropTypes__default["default"].bool,
532
+ modalType: PropTypes__default["default"].string,
533
+ callbackModalClose: PropTypes__default["default"].func
534
+ };
535
+
536
+ function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
537
+ function ownKeys$1(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; }
538
+ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
539
+ function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
540
+ function _classCallCheck$1(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
541
+ function _defineProperties$1(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey$1(o.key), o); } }
542
+ function _createClass$1(e, r, t) { return r && _defineProperties$1(e.prototype, r), t && _defineProperties$1(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
543
+ function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
544
+ function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
545
+ function _callSuper$1(t, o, e) { return o = _getPrototypeOf$1(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf$1(t).constructor) : o.apply(t, e)); }
546
+ function _possibleConstructorReturn$1(t, e) { if (e && ("object" == _typeof$1(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized$1(t); }
547
+ function _assertThisInitialized$1(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
548
+ function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() { return !!t; })(); }
549
+ function _getPrototypeOf$1(t) { return _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf$1(t); }
550
+ function _inherits$1(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf$1(t, e); }
551
+ function _setPrototypeOf$1(t, e) { return _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf$1(t, e); }
552
+ var translationsMap = {
553
+ en: enTranslations,
554
+ fr: frTranslations,
555
+ es: esTranslations
556
+ };
557
+ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
558
+ function SezzleWidgetText(props) {
559
+ var _this;
560
+ _classCallCheck$1(this, SezzleWidgetText);
561
+ _this = _callSuper$1(this, SezzleWidgetText, [props]);
562
+ _this.state = {
563
+ config: _this.props.config,
564
+ sezzle: false,
565
+ afterpay: false,
566
+ modalsToShow: ['sezzle', 'afterpay']
567
+ };
568
+ return _this;
569
+ }
570
+ _inherits$1(SezzleWidgetText, _React$Component);
571
+ return _createClass$1(SezzleWidgetText, [{
572
+ key: "renderSezzleWidgetText",
573
+ value: function renderSezzleWidgetText() {
574
+ var _this2 = this;
575
+ var numberOfPayments = 4;
576
+ var logoURLs = {
577
+ light: 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg',
578
+ dark: 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor_WhiteWM.svg',
579
+ 'black-flat': 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_BlackAlt.svg',
580
+ 'white-flat': 'https://media.sezzle.com/branding/2.0/Sezzle_Logo_WhiteAlt.svg'
581
+ };
582
+ var supportedLanguages = Object.keys(translationsMap);
583
+ var language = getLanguage(supportedLanguages);
584
+ var translations = translationsMap[language];
585
+ var subtemplates = [];
586
+ translations.template.split('%%').forEach(function (subTemplate, index) {
587
+ switch (subTemplate) {
588
+ case 'numberOfPayments':
589
+ subtemplates.push(numberOfPayments);
590
+ break;
591
+ case 'price':
592
+ // eslint-disable-next-line no-case-declarations
593
+ var priceElement = /*#__PURE__*/React__default["default"].createElement("span", {
594
+ className: "sezzle-payment-amount sezzle-button-text",
595
+ key: index
596
+ }, getFormattedPrice(_this2.state.config.price, numberOfPayments));
597
+ subtemplates.push(priceElement);
598
+ break;
599
+ case 'logo':
600
+ // eslint-disable-next-line no-case-declarations
601
+ var logoElement = /*#__PURE__*/React__default["default"].createElement("img", {
602
+ alt: "Sezzle",
603
+ className: "sezzle-logo szl-".concat(_this2.state.config.theme === 'dark' || _this2.state.config.theme === 'white-flat' ? 'dark' : 'light', "-image"),
604
+ src: logoURLs[_this2.state.config.theme] || logoURLs.light,
605
+ style: {
606
+ transformOrigin: "top-".concat(_this2.state.config.alignment),
607
+ transform: "scale(".concat(_this2.state.config.logoSize, ")"),
608
+ cursor: 'pointer',
609
+ width: '74px',
610
+ height: '18px'
611
+ },
612
+ key: index,
613
+ onClick: function onClick() {
614
+ return _this2.openModal('sezzle');
615
+ }
616
+ });
617
+ subtemplates.push(logoElement);
618
+ break;
619
+ case 'info':
620
+ // eslint-disable-next-line no-case-declarations
621
+ var infoElement = /*#__PURE__*/React__default["default"].createElement("div", {
622
+ "aria-label": "".concat(translations.clickHere),
623
+ className: "sezzle-info-icon",
624
+ key: index,
625
+ onClick: function onClick() {
626
+ return _this2.openModal('sezzle');
627
+ }
628
+ }, "\u24D8");
629
+ subtemplates.push(infoElement);
630
+ break;
631
+ case 'afterpay':
632
+ if (_this2.state.config.includeAPModal) {
633
+ subtemplates.push("".concat(translations.or));
634
+ var apLogo = /*#__PURE__*/React__default["default"].createElement("img", {
635
+ className: "sezzle-ap-logo ap-modal-info-link no-sezzle-info",
636
+ src: 'https://media.sezzle.com/sezzle-credit-website-assets/ap-badge-black-on-mint.svg',
637
+ onClick: function onClick() {
638
+ return _this2.openModal('afterpay');
639
+ },
640
+ key: index,
641
+ alt: "Afterpay"
642
+ });
643
+ subtemplates.push(apLogo);
644
+ }
645
+ break;
646
+ case 'min-price':
647
+ if (_this2.state.config.minPrice && !_this2.state.config.includeAPModal) {
648
+ subtemplates.push(" ".concat(translations.ordersOver, " $").concat(_this2.state.config.minPrice));
649
+ }
650
+ break;
651
+ default:
652
+ subtemplates.push(subTemplate);
653
+ }
654
+ });
655
+ return subtemplates;
656
+ }
657
+ }, {
658
+ key: "openModal",
659
+ value: function openModal(modalType) {
660
+ modalType === 'afterpay' ? this.setState({
661
+ afterpay: true
662
+ }) : this.setState({
663
+ sezzle: true
664
+ });
665
+ }
666
+ }, {
667
+ key: "closeModal",
668
+ value: function closeModal(modalType) {
669
+ modalType === 'afterpay' ? this.setState({
670
+ afterpay: false
671
+ }) : this.setState({
672
+ sezzle: false
673
+ });
674
+ }
675
+ }, {
676
+ key: "render",
677
+ value: function render() {
678
+ var _this3 = this;
679
+ return /*#__PURE__*/React__default["default"].createElement("div", {
680
+ className: "sezzle-shopify-info-button sezzle-".concat(this.state.config.merchantId || '')
681
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
682
+ "aria-haspopup": "dialog",
683
+ role: "button",
684
+ tabIndex: "0",
685
+ className: "sezzle-checkout-button-wrapper sezzle-modal-link sezzle-".concat(this.state.config.merchantId || '', " sezzle-").concat(this.state.config.alignment || 'auto'),
686
+ style: {
687
+ cursor: 'pointer'
688
+ }
689
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
690
+ 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'),
691
+ style: {
692
+ fontWeight: this.state.config.fontWeight || 500,
693
+ fontFamily: this.state.config.fontFamily || 'inherit',
694
+ fontSize: (this.state.config.fontSize || 14) + 'px',
695
+ color: this.state.config.textColor || 'inherit'
696
+ }
697
+ }, this.renderSezzleWidgetText())), this.state.modalsToShow.map(function (modal, index) {
698
+ return /*#__PURE__*/React__default["default"].createElement(Modal, {
699
+ modalType: modal,
700
+ key: index,
701
+ toggleModalVisibility: _this3.state[modal],
702
+ callbackModalClose: function callbackModalClose(modal) {
703
+ return _this3.closeModal(modal);
704
+ }
705
+ });
706
+ }));
707
+ }
708
+ }], [{
709
+ key: "getDerivedStateFromProps",
710
+ value: function getDerivedStateFromProps(props, state) {
711
+ var config = props.config;
712
+ state = _objectSpread$1(_objectSpread$1({}, state), {}, {
713
+ config: config
714
+ });
715
+ return state;
716
+ }
717
+ }]);
718
+ }(React__default["default"].Component);
719
+ SezzleWidgetText.propTypes = {
720
+ config: PropTypes__default["default"].object
721
+ };
722
+
723
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "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(o); }
724
+ function ownKeys(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; }
725
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
726
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
727
+ function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
728
+ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
729
+ function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
730
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
731
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
732
+ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
733
+ function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
734
+ function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
735
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
736
+ function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
737
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
738
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
739
+ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
740
+ function SezzleWidgetWrapper(props) {
741
+ var _this;
742
+ _classCallCheck(this, SezzleWidgetWrapper);
743
+ _this = _callSuper(this, SezzleWidgetWrapper, [props]);
744
+ _this.state = {
745
+ sezzleConfig: {
746
+ price: _this.props.price || 0,
747
+ merchantId: _this.props.merchantId || '',
748
+ includeAPModal: _this.props.includeAPModal || false,
749
+ minPrice: _this.props.minPrice || 0,
750
+ theme: _this.props.theme || 'light',
751
+ alignment: _this.props.alignment || 'auto',
752
+ fontWeight: _this.props.fontWeight || 500,
753
+ fontFamily: _this.props.fontFamily || 'inherit',
754
+ fontSize: _this.props.fontSize || 14,
755
+ textColor: _this.props.textColor || 'inherit',
756
+ logoSize: _this.props.logoSize || 1,
757
+ modalsToShow: ['sezzle']
758
+ }
759
+ };
760
+ return _this;
761
+ }
762
+ _inherits(SezzleWidgetWrapper, _React$Component);
763
+ return _createClass(SezzleWidgetWrapper, [{
764
+ key: "render",
765
+ value: function render() {
766
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(SezzleWidgetText, {
767
+ config: this.state.sezzleConfig
768
+ }));
769
+ }
770
+ }], [{
771
+ key: "getDerivedStateFromProps",
772
+ value: function getDerivedStateFromProps(props, state) {
773
+ if (props.price !== state.sezzleConfig.price) {
774
+ var updateState = state;
775
+ updateState.sezzleConfig.price = props.price;
776
+ return updateState;
777
+ }
778
+ state = _objectSpread({}, state);
779
+ if (props.includeAPModal && state.sezzleConfig.modalsToShow.indexOf('afterpay') === -1) {
780
+ state.sezzleConfig.modalsToShow.push('afterpay');
781
+ }
782
+ return state;
783
+ }
784
+ }]);
785
+ }(React__default["default"].Component);
786
+ SezzleWidgetWrapper.propTypes = {
787
+ price: PropTypes__default["default"].string.isRequired,
788
+ merchantId: PropTypes__default["default"].string.isRequired,
789
+ theme: PropTypes__default["default"].string,
790
+ alignment: PropTypes__default["default"].string,
791
+ fontWeight: PropTypes__default["default"].number,
792
+ fontFamily: PropTypes__default["default"].string,
793
+ fontSize: PropTypes__default["default"].number,
794
+ textColor: PropTypes__default["default"].string,
795
+ logoSize: PropTypes__default["default"].number,
796
+ minPrice: PropTypes__default["default"].number,
797
+ includeAPModal: PropTypes__default["default"].bool
798
+ };
799
+
800
+ module.exports = SezzleWidgetWrapper;
801
+ //# sourceMappingURL=index.js.map