@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.cjs CHANGED
@@ -111,12 +111,41 @@ function _getAPModal() {
111
111
  return _getAPModal.apply(this, arguments);
112
112
  }
113
113
 
114
- function getFormattedPrice(price, numberOfPayments) {
114
+ function isProductEligibleLT(priceText, minPriceLT, maxPrice) {
115
+ var price = parsePrice(priceText);
116
+ return minPriceLT && price >= minPriceLT && price <= maxPrice;
117
+ }
118
+ function termsToShow$1(price) {
119
+ switch (true) {
120
+ case price > 1000:
121
+ return [24, 36, 48];
122
+ case price > 500:
123
+ return [12, 18, 24];
124
+ case price > 300:
125
+ return [6, 9, 12];
126
+ default:
127
+ return [3, 6, 9];
128
+ }
129
+ }
130
+ function calculateMonthlyWithInterest$1(priceText, term, APR) {
131
+ var price = Number(priceText);
132
+ if (APR > 0) {
133
+ var rate = APR / 100 / 12;
134
+ var numerator = price * rate * Math.pow(1 + rate, term);
135
+ var denominator = Math.pow(1 + rate, term) - 1;
136
+ var interestPayment = numerator / denominator;
137
+ return interestPayment;
138
+ } else {
139
+ return price / term;
140
+ }
141
+ }
142
+ function getFormattedPrice(price, numberOfPayments, minPriceLT, maxPrice, bestAPR) {
115
143
  var priceString = parsePriceString(price);
116
144
  var priceReplacer = parsePrice(price);
117
- var formatter = price.replace(priceString, '{price}');
118
- var sezzleInstallmentPrice = (priceReplacer / numberOfPayments).toFixed(2);
119
- var sezzleInstallmentFormattedPrice = formatter.replace('{price}', sezzleInstallmentPrice);
145
+ var formatter = price.replace(priceString, "{price}");
146
+ var terms = termsToShow$1(priceReplacer);
147
+ var sezzleInstallmentPrice = isProductEligibleLT(priceString, minPriceLT, maxPrice) ? calculateMonthlyWithInterest$1(priceString, terms[terms.length - 1], bestAPR) : priceReplacer / numberOfPayments;
148
+ var sezzleInstallmentFormattedPrice = formatter.replace("{price}", sezzleInstallmentPrice.toFixed(2));
120
149
  return sezzleInstallmentFormattedPrice;
121
150
  }
122
151
 
@@ -150,48 +179,84 @@ function styleInject(css, ref) {
150
179
  var css_248z$1 = ".sezzle-shopify-info-button {\n display: block;\n overflow: hidden;\n margin: 0;\n border: none;\n padding: 0;\n background: none;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper {\n display: block;\n box-sizing: border-box;\n width: 100%;\n border: none;\n padding: 0;\n background: none;\n color: inherit;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper:focus {\n outline: 5px auto;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper.sezzle-left {\n text-align: left;\n float: left;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper.sezzle-center {\n text-align: center;\n float: none;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper.sezzle-right {\n text-align: right;\n float: right;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text {\n width: unset;\n margin: auto;\n border: 0;\n padding: 0;\n background: none;\n vertical-align: baseline;\n word-wrap: normal;\n line-height: 18px;\n font-size: 14px;\n font-weight: 500;\n font-family: inherit;\n color: inherit;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text.sezzle-left {\n text-align: left;\n margin: 0;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text.sezzle-center {\n text-align: center;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text.sezzle-right {\n float: right;\n text-align: right;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-payment-amount {\n zoom: 1;\n float: none;\n margin: 0;\n border: 0;\n padding: 0;\n background: none;\n vertical-align: baseline;\n font-weight: 900;\n font-size: 1.2em;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-logo {\n display: inline-block;\n box-sizing: border-box;\n height: 18px;\n width: auto;\n opacity: 1;\n float: none;\n margin: 0;\n margin-bottom: -3px;\n border: 0;\n padding: 0;\n background: none;\n vertical-align: baseline;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-info-icon {\n display: contents;\n width: auto;\n position: absolute;\n margin: 0;\n box-shadow: none;\n border: none;\n padding: 0px 0px 0px 3px;\n background: none;\n vertical-align: baseline;\n line-height: initial;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-info-link {\n text-decoration: underline;\n cursor: pointer;\n background: none;\n border: none;\n padding: 0px;\n display: inline;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text .sezzle-ap-logo {\n height: 45px;\n margin: 0;\n border: 0;\n padding: 0;\n vertical-align: middle;\n}\n.sezzle-shopify-info-button .sezzle-checkout-button-wrapper .sezzle-button-text button.ap-modal-info-link {\n display: inline;\n width: auto;\n margin: 0;\n box-shadow: none;\n border: none;\n padding: 0;\n background: none;\n vertical-align: middle;\n line-height: inherit;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n}\n\n.sezzle-hidden {\n display: none;\n visibility: hidden;\n}";
151
180
  styleInject(css_248z$1);
152
181
 
182
+ var adjustedTotal$2 = "Total Payment:";
153
183
  var clickHere$2 = "Click here to learn more about Sezzle";
154
184
  var closeSezzleModal$2 = "Close Sezzle Modal";
155
185
  var completePurchase$2 = "2. Complete your purchase with a 25% down payment.";
186
+ var interest$2 = "Total Interest:";
156
187
  var learnMore$2 = "Learn more about Sezzle";
188
+ var linkToCompleteTerms$2 = "<a href='https://legal.sezzle.com/user' target='_blank'>Click here for complete terms.</a>";
157
189
  var locale$2 = "en-us";
190
+ var monthlyAmount$2 = "/ month";
158
191
  var or$2 = " or ";
159
192
  var ordersOver$2 = "for orders over";
193
+ var perMonth$2 = "per month";
160
194
  var pieAlt$2 = "pie at";
195
+ var readAPR$2 = "A.P.R.";
196
+ var sampleAPR$2 = "APR:";
161
197
  var schedulePayments$2 = "3. Schedule the rest of your payments.";
162
198
  var selectSezzle$2 = "1. Pay later by selecting Sezzle at checkout.";
163
199
  var sezzleHeader$2 = "Buy Now. Pay Later.";
164
200
  var sezzleHeaderChild$2 = "Available for purchases of $%%min-price%% to $%%max-price%%.<sup>1</sup>";
165
201
  var sezzleHeaderChild2$2 = "Instant decision. No impact to your credit score.<sup>2</sup>";
202
+ var sezzleHeaderLt$2 = "Make easy monthly payments on your order";
166
203
  var sezzleInfo$2 = "Sezzle Information";
204
+ var sezzleLtPaymentHeader$2 = "Sample payments for";
205
+ var sezzleRowLtChild$2 = "Checking eligibility won't affect your credit.";
206
+ var singleFeatureAffordable$2 = "Affordable monthly plans";
207
+ var singleFeaturePrequalify$2 = "Simple, quick pre-qualification";
208
+ var singleFeatureTrusted$2 = "Trusted by over 10 million consumers";
167
209
  var template$2 = "or %%numberOfPayments%% interest-free payments of %%price%% with %%logo%%%%afterpay%%%%min-price%% %%info%%";
168
- var terms1$2 = "<sup>1</sup>Subject to approval. <a href='https://legal.sezzle.com/user' target='_blank'>Click here for complete terms.</a> First payment date and amount may fluctuate based on eligibility and time of merchant order completion.";
210
+ var templateLT$2 = "or monthly payments as low as %%price%% with %%logo%% %%info%%";
211
+ var termLength$2 = "months";
212
+ var terms1$2 = "<sup>1</sup>First payment date and amount may fluctuate based on eligibility and time of merchant order completion. Late fees and failed payment fees may apply.";
169
213
  var terms2$2 = "<sup>2</sup>Signing up for Sezzle will not impact your credit score. You may opt-in to our free credit reporting program, Sezzle Up, to have your payments reported to credit bureaus.";
170
214
  var termsHiw$2 = "<a href='https://sezzle.com/how-it-works' target='_blank'>Learn more about Sezzle buy now, pay later here.</a>";
215
+ var termsLt1$2 = "Signing up for Sezzle will not impact your credit score. Learn more about <a href=\"https://sezzle.com/how-it-works\" target=\"_blank\">Sezzle buy now, pay later.</a>";
216
+ var termsLt2$2 = "Subject to approval. <a href=\"https://legal.sezzle.com/user\" target=\"_blank\">Click here for complete terms.</a> First payment date and amount may fluctuate based on eligibility and time of merchant order completion.";
217
+ var termsLt3$2 = "Subject to credit approval by a third party lender. Rates from 5.99% - 34.99% APR; terms from 3 months – 48 months, which may vary by lender. 0% APR options may be available. APRs will vary depending on credit qualifications, loan amount, term, and lender. Minimum purchase is required.";
171
218
  var today$2 = "Today";
172
219
  var trustPilotReviews$2 = "14K+ reviews on";
173
220
  var trustPilotTitle$2 = "4.3 out of 5 star rating on Trustpilot";
174
- 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.";
221
+ var webBankTerms$2 = "<sup>3</sup>WebBank originates all Pay-in-2 and Pay-in-4 loans, except in Iowa, Puerto Rico and Canada. All other loans originated by Sezzle.";
175
222
  var week$2 = "Week";
176
223
  var enTranslations = {
224
+ adjustedTotal: adjustedTotal$2,
177
225
  clickHere: clickHere$2,
178
226
  closeSezzleModal: closeSezzleModal$2,
179
227
  completePurchase: completePurchase$2,
228
+ interest: interest$2,
180
229
  learnMore: learnMore$2,
230
+ linkToCompleteTerms: linkToCompleteTerms$2,
181
231
  locale: locale$2,
232
+ monthlyAmount: monthlyAmount$2,
182
233
  or: or$2,
183
234
  ordersOver: ordersOver$2,
235
+ perMonth: perMonth$2,
184
236
  pieAlt: pieAlt$2,
237
+ readAPR: readAPR$2,
238
+ sampleAPR: sampleAPR$2,
185
239
  schedulePayments: schedulePayments$2,
186
240
  selectSezzle: selectSezzle$2,
187
241
  sezzleHeader: sezzleHeader$2,
188
242
  sezzleHeaderChild: sezzleHeaderChild$2,
189
243
  sezzleHeaderChild2: sezzleHeaderChild2$2,
244
+ sezzleHeaderLt: sezzleHeaderLt$2,
190
245
  sezzleInfo: sezzleInfo$2,
246
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader$2,
247
+ sezzleRowLtChild: sezzleRowLtChild$2,
248
+ singleFeatureAffordable: singleFeatureAffordable$2,
249
+ singleFeaturePrequalify: singleFeaturePrequalify$2,
250
+ singleFeatureTrusted: singleFeatureTrusted$2,
191
251
  template: template$2,
252
+ templateLT: templateLT$2,
253
+ termLength: termLength$2,
192
254
  terms1: terms1$2,
193
255
  terms2: terms2$2,
194
256
  termsHiw: termsHiw$2,
257
+ termsLt1: termsLt1$2,
258
+ termsLt2: termsLt2$2,
259
+ termsLt3: termsLt3$2,
195
260
  today: today$2,
196
261
  trustPilotReviews: trustPilotReviews$2,
197
262
  trustPilotTitle: trustPilotTitle$2,
@@ -199,48 +264,84 @@ var enTranslations = {
199
264
  week: week$2
200
265
  };
201
266
 
267
+ var adjustedTotal$1 = "Paiement total :";
202
268
  var clickHere$1 = "Cliquez ici pour en savoir plus sur Sezzle";
203
269
  var closeSezzleModal$1 = "Fermer la fenêtre modale de Sezzle";
204
270
  var completePurchase$1 = "2. Complétez votre achat avec un acompte de 25 %.";
271
+ var interest$1 = "Intérêt total :";
205
272
  var learnMore$1 = "En savoir plus sur Sezzle";
273
+ var linkToCompleteTerms$1 = "<a href='https://legal.sezzle.com/user/fr-ca/' target='_blank'>Cliquez ici pour consulter les conditions complètes.</a>";
206
274
  var locale$1 = "fr-ca";
275
+ var monthlyAmount$1 = "/ mois";
207
276
  var or$1 = " ou ";
208
277
  var ordersOver$1 = "pour les achats de plus de";
278
+ var perMonth$1 = "par mois";
209
279
  var pieAlt$1 = "tarte à";
280
+ var readAPR$1 = "T.A.E.";
281
+ var sampleAPR$1 = "TAE:";
210
282
  var schedulePayments$1 = "3. Planifiez le reste de vos paiements.";
211
283
  var selectSezzle$1 = "1. Payez plus tard en sélectionnant Sezzle au moment du paiement.";
212
284
  var sezzleHeader$1 = "Achetez maintenant. Payez plus tard.";
213
285
  var sezzleHeaderChild$1 = "Disponible pour des achats de %%min-price%% $ à %%max-price%% $. <sup>1</sup>";
214
286
  var sezzleHeaderChild2$1 = "Décision instantanée. Aucun impact sur votre cote de crédit. <sup>2</sup>";
287
+ var sezzleHeaderLt$1 = "Effectuez des paiements mensuels faciles sur votre commande";
215
288
  var sezzleInfo$1 = "Informations sur Sezzle";
289
+ var sezzleLtPaymentHeader$1 = "Exemples de paiements pour";
290
+ var sezzleRowLtChild$1 = "La vérification de l’éligibilité n’affectera pas votre crédit.";
291
+ var singleFeatureAffordable$1 = "Forfaits mensuels abordables";
292
+ var singleFeaturePrequalify$1 = "Pré-qualification simple et rapide";
293
+ var singleFeatureTrusted$1 = "Plus de 10 millions de consommateurs nous font confiance";
216
294
  var template$1 = "ou %%numberOfPayments%% paiements sans intérêt de %%price%% avec %%logo%%%%afterpay%%%%min-price%% %%info%%";
217
- var terms1$1 = "<sup>1</sup> Sous réserve d'approbation. <a href='https://legal.sezzle.com/user/fr-ca/' target='_blank'> Cliquez ici pour consulter les conditions complètes. </a> La date et le montant du premier paiement peuvent fluctuer en fonction de l'éligibilité et de l'heure de réalisation de la commande par le commerçant.";
295
+ var templateLT$1 = "ou des mensualités aussi basses que %%price%% avec %%logo%% %%info%%";
296
+ var termLength$1 = "mois";
297
+ var terms1$1 = "<sup>1</sup> La date et le montant du premier paiement peuvent varier en fonction de l'éligibilité et de l'heure de fin de la commande du commerçant. Des frais de retard et des frais de paiement échoué peuvent s'appliquer.";
218
298
  var terms2$1 = "<sup>2</sup> L'inscription à Sezzle n'aura aucun impact sur votre score de crédit. Vous pouvez opter pour notre programme gratuit de rapport de crédit, Sezzle Up, pour que vos paiements soient signalés aux agences d'évaluation du crédit.";
219
- var termsHiw$1 = "<a href='https://sezzle.com/fr-ca/how-it-works/' target='_blank'> Apprenez-en plus sur Sezzle achetez maintenant, payez plus tard ici. </a>";
299
+ var termsHiw$1 = "<a href='https://sezzle.com/fr-ca/how-it-works/' target='_blank'>Apprenez-en plus sur Sezzle achetez maintenant, payez plus tard ici.</a>";
300
+ var termsLt1$1 = "L'inscription à Sezzle n'aura aucun impact sur votre score de crédit. En savoir plus sur <a href=\"https://sezzle.com/fr-ca/how-it-works/\" target=\"_blank\"> Achetez maintenant, payez plus tard avec Sezzle. </a>";
301
+ var termsLt2$1 = "Sous réserve d'approbation. <a href=\"https://legal.sezzle.com/user/fr-ca/\" target=\"_blank\">Cliquez ici pour les conditions complètes.</a> La date et le montant du premier paiement peuvent fluctuer en fonction de l'éligibilité et de l'heure de fin de la commande du commerçant.";
302
+ var termsLt3$1 = "Sous réserve de l'approbation de crédit par un prêteur tiers. Taux de 5,99 % à 34,99 % TAEG ; durées de 3 à 48 mois, qui peuvent varier selon le prêteur. Des options de TAEG de 0 % peuvent être disponibles. Les TAEG varient en fonction des qualifications de crédit, du montant du prêt, de la durée et du prêteur. Un achat minimum est requis.";
220
303
  var today$1 = "Aujourd'hui";
221
304
  var trustPilotReviews$1 = "Plus de 14 000 avis sur";
222
305
  var trustPilotTitle$1 = "Note de 4,3 sur 5 étoiles sur Trustpilot";
223
- 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.";
306
+ var webBankTerms$1 = "<sup>3</sup> WebBank émet tous les prêts Pay-in-2 et Pay-in-4, sauf dans l'Iowa, à Porto Rico et au Canada. Tous les autres prêts sont émis par Sezzle.";
224
307
  var week$1 = "Semaine";
225
308
  var frTranslations = {
309
+ adjustedTotal: adjustedTotal$1,
226
310
  clickHere: clickHere$1,
227
311
  closeSezzleModal: closeSezzleModal$1,
228
312
  completePurchase: completePurchase$1,
313
+ interest: interest$1,
229
314
  learnMore: learnMore$1,
315
+ linkToCompleteTerms: linkToCompleteTerms$1,
230
316
  locale: locale$1,
317
+ monthlyAmount: monthlyAmount$1,
231
318
  or: or$1,
232
319
  ordersOver: ordersOver$1,
320
+ perMonth: perMonth$1,
233
321
  pieAlt: pieAlt$1,
322
+ readAPR: readAPR$1,
323
+ sampleAPR: sampleAPR$1,
234
324
  schedulePayments: schedulePayments$1,
235
325
  selectSezzle: selectSezzle$1,
236
326
  sezzleHeader: sezzleHeader$1,
237
327
  sezzleHeaderChild: sezzleHeaderChild$1,
238
328
  sezzleHeaderChild2: sezzleHeaderChild2$1,
329
+ sezzleHeaderLt: sezzleHeaderLt$1,
239
330
  sezzleInfo: sezzleInfo$1,
331
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader$1,
332
+ sezzleRowLtChild: sezzleRowLtChild$1,
333
+ singleFeatureAffordable: singleFeatureAffordable$1,
334
+ singleFeaturePrequalify: singleFeaturePrequalify$1,
335
+ singleFeatureTrusted: singleFeatureTrusted$1,
240
336
  template: template$1,
337
+ templateLT: templateLT$1,
338
+ termLength: termLength$1,
241
339
  terms1: terms1$1,
242
340
  terms2: terms2$1,
243
341
  termsHiw: termsHiw$1,
342
+ termsLt1: termsLt1$1,
343
+ termsLt2: termsLt2$1,
344
+ termsLt3: termsLt3$1,
244
345
  today: today$1,
245
346
  trustPilotReviews: trustPilotReviews$1,
246
347
  trustPilotTitle: trustPilotTitle$1,
@@ -248,48 +349,84 @@ var frTranslations = {
248
349
  week: week$1
249
350
  };
250
351
 
352
+ var adjustedTotal = "Pago Total:";
251
353
  var clickHere = "Haga clic aquí para obtener más información sobre Sezzle";
252
354
  var closeSezzleModal = "Cerrar modal de Sezzle";
253
355
  var completePurchase = "2. Completa tu compra con un pago inicial del 25%.";
356
+ var interest = "Interés total:";
254
357
  var learnMore = "Obtenga más información sobre Sezzle";
358
+ var linkToCompleteTerms = "<a href='https://legal.sezzle.com/user' target='_blank'>Haga clic aquí para conocer los términos y condiciones completos.</a>";
255
359
  var locale = "es-us";
360
+ var monthlyAmount = "/ mes";
256
361
  var or = " o ";
257
362
  var ordersOver = "por compras superiores a";
363
+ var perMonth = "por mes";
258
364
  var pieAlt = "pastel en";
365
+ var readAPR = "A.P.R.";
366
+ var sampleAPR = "APR:";
259
367
  var schedulePayments = "3. Programa el resto de tus pagos.";
260
368
  var selectSezzle = "1. Pague más tarde seleccionando Sezzle al finalizar la compra.";
261
369
  var sezzleHeader = "Compra ahora. Paga después.";
262
370
  var sezzleHeaderChild = "Disponible para compras de $%%min-price%% a $%%max-price%%. <sup>1</sup>";
263
371
  var sezzleHeaderChild2 = "Decisión instantánea. No afecta su calificación crediticia. <sup>2</sup>";
372
+ var sezzleHeaderLt = "Realice pagos mensuales fáciles de su pedido";
264
373
  var sezzleInfo = "Información sobre Sezzle";
374
+ var sezzleLtPaymentHeader = "Ejemplos de pagos para";
375
+ var sezzleRowLtChild = "Verificar la elegibilidad no afectará su crédito.";
376
+ var singleFeatureAffordable = "Planes mensuales asequibles";
377
+ var singleFeaturePrequalify = "Precalificación sencilla y rápida";
378
+ var singleFeatureTrusted = "Más de 10 millones de consumidores confían en nosotros";
265
379
  var template = "o %%numberOfPayments%% pagos sin intereses de %%price%% con %%logo%%%%afterpay%%%%min-price%% %%info%%";
266
- var terms1 = "<sup>1</sup> Sujeto a aprobación. <a href='https://legal.sezzle.com/user' target='_blank'> Haga clic aquí para conocer los términos completos. </a> La fecha y el monto del primer pago pueden fluctuar según la elegibilidad y el momento en que el comerciante complete el pedido.";
380
+ var templateLT = "o pagos mensuales tan bajos como %%price%% con %%logo%% %%info%%";
381
+ var termLength = "meses";
382
+ var terms1 = "<sup>1</sup> La fecha y el monto del primer pago pueden fluctuar según la elegibilidad y el momento en que se complete el pedido del comerciante. Pueden aplicarse cargos por pagos atrasados y pagos fallidos.";
267
383
  var terms2 = "<sup>2</sup> Registrarse en Sezzle no afectará su calificación crediticia. Puede optar por inscribirse en nuestro programa gratuito de informes crediticios, Sezzle Up, para que sus pagos se informen a las agencias de crédito.";
268
- var termsHiw = "<a href='https://sezzle.com/how-it-works' target='_blank'> Obtenga más información sobre Sezzle. Compre ahora, pague después aquí. </a>";
384
+ var termsHiw = "<a href='https://sezzle.com/how-it-works' target='_blank'>Obtenga más información sobre Sezzle. Compre ahora, pague después aquí.</a>";
385
+ var termsLt1 = "Suscribirse a Sezzle no afectará su puntaje crediticio. Obtenga más información sobre <a href=\"https://sezzle.com/how-it-works\" target=\"_blank\"> Sezzle compre ahora, pague después. </a>";
386
+ var termsLt2 = "Sujeto a aprobación. <a href=\"https://legal.sezzle.com/user\" target=\"_blank\">Haga clic aquí para conocer los términos completos.</a> La fecha y el monto del primer pago pueden fluctuar según la elegibilidad y el momento en que se complete el pedido del comerciante.";
387
+ var termsLt3 = "Sujeto a aprobación crediticia por parte de un prestamista externo. Tasas desde 5.99% - 34.99% APR; plazos desde 3 meses - 48 meses, que pueden variar según el prestamista. Pueden estar disponibles opciones con APR del 0%. Las APR varían según las calificaciones crediticias, el monto del préstamo, el plazo y el prestamista. Se requiere una compra mínima.";
269
388
  var today = "Hoy";
270
389
  var trustPilotReviews = "Más de 14.000 reseñas en";
271
390
  var trustPilotTitle = "4,3 de 5 estrellas en Trustpilot";
272
- 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.";
391
+ var webBankTerms = "<sup>3</sup> WebBank es el proveedor de todos los préstamos Pay-in-2 y Pay-in-4, excepto en Iowa, Puerto Rico y Canadá. Todos los demás préstamos son originados por Sezzle.";
273
392
  var week = "Semana";
274
393
  var esTranslations = {
394
+ adjustedTotal: adjustedTotal,
275
395
  clickHere: clickHere,
276
396
  closeSezzleModal: closeSezzleModal,
277
397
  completePurchase: completePurchase,
398
+ interest: interest,
278
399
  learnMore: learnMore,
400
+ linkToCompleteTerms: linkToCompleteTerms,
279
401
  locale: locale,
402
+ monthlyAmount: monthlyAmount,
280
403
  or: or,
281
404
  ordersOver: ordersOver,
405
+ perMonth: perMonth,
282
406
  pieAlt: pieAlt,
407
+ readAPR: readAPR,
408
+ sampleAPR: sampleAPR,
283
409
  schedulePayments: schedulePayments,
284
410
  selectSezzle: selectSezzle,
285
411
  sezzleHeader: sezzleHeader,
286
412
  sezzleHeaderChild: sezzleHeaderChild,
287
413
  sezzleHeaderChild2: sezzleHeaderChild2,
414
+ sezzleHeaderLt: sezzleHeaderLt,
288
415
  sezzleInfo: sezzleInfo,
416
+ sezzleLtPaymentHeader: sezzleLtPaymentHeader,
417
+ sezzleRowLtChild: sezzleRowLtChild,
418
+ singleFeatureAffordable: singleFeatureAffordable,
419
+ singleFeaturePrequalify: singleFeaturePrequalify,
420
+ singleFeatureTrusted: singleFeatureTrusted,
289
421
  template: template,
422
+ templateLT: templateLT,
423
+ termLength: termLength,
290
424
  terms1: terms1,
291
425
  terms2: terms2,
292
426
  termsHiw: termsHiw,
427
+ termsLt1: termsLt1,
428
+ termsLt2: termsLt2,
429
+ termsLt3: termsLt3,
293
430
  today: today,
294
431
  trustPilotReviews: trustPilotReviews,
295
432
  trustPilotTitle: trustPilotTitle,
@@ -297,18 +434,80 @@ var esTranslations = {
297
434
  week: week
298
435
  };
299
436
 
437
+ function getStandardModal(modalNode, minPrice, maxPrice) {
438
+ var translationsMap = {
439
+ en: enTranslations,
440
+ fr: frTranslations,
441
+ es: esTranslations
442
+ };
443
+ var currentLang = getLanguage();
444
+ var translations = translationsMap[currentLang];
445
+ modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-modal";
446
+ var modalContent = "<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" role=\"dialog\" lang=\"".concat(translations.locale, "\"\n aria-label=\"").concat(translations.sezzleInfo, "\" aria-description=\"").concat(translations.learnMore, "\" style=\"display: block;\">\n <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" aria-description=\"").concat(translations.aboutSezzle, "\"\n class=\"sezzle-checkout-modal-hidden\">\n <div class=\"sezzle-modal\">\n <div><button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button></div>\n <div class=\"sezzle-logo\" title=\"Sezzle\"></div>\n <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n <div id=\"tp-widget-wrapper\" class=\"tp-widget-wrapper visible\">\n <a id=\"profile-link\" target=\"_blank\" href=\"https://www.trustpilot.com/review/sezzle.com?utm_medium=trustbox&amp;utm_source=MicroCombo\">\n <!-- Stars -->\n <div id=\"tp-widget-stars\" class=\"tp-widget-stars\">\n <div class=\"\">\n <div class=\"tp-stars tp-stars--4 tp-stars--4--half\">\n <div style=\"position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 18.326693227091635%;\">\n\n <svg role=\"img\" viewBox=\"0 0 251 46\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; height: 100%; width: 100%; left: 0; top: 0;\">\n <title id=\"starRating-tfnn0cd6r0c\" lang=\"en-US\">").concat(translations.trustPilotTitle, "</title>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M0 46.330002h46.375586V0H0z\"></path>\n <path class=\"tp-star__shape\" d=\"M39.533936 19.711433L13.230239 38.80065l3.838216-11.797827L7.02115 19.711433h12.418975l3.837417-11.798624 3.837418 11.798624h12.418975zM23.2785 31.510075l7.183595-1.509576 2.862114 8.800152L23.2785 31.510075z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M51.24816 46.330002h46.375587V0H51.248161z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M51.24816 46.330002h23.187793V0H51.248161z\"></path>\n <path class=\"tp-star__shape\" d=\"M74.990978 31.32991L81.150908 30 84 39l-9.660206-7.202786L64.30279 39l3.895636-11.840666L58 19.841466h12.605577L74.499595 8l3.895637 11.841466H91L74.990978 31.329909z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M102.532209 46.330002h46.375586V0h-46.375586z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M102.532209 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M142.066994 19.711433L115.763298 38.80065l3.838215-11.797827-10.047304-7.291391h12.418975l3.837418-11.798624 3.837417 11.798624h12.418975zM125.81156 31.510075l7.183595-1.509576 2.862113 8.800152-10.045708-7.290576z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M153.815458 46.330002h46.375586V0h-46.375586z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M153.815458 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M193.348355 19.711433L167.045457 38.80065l3.837417-11.797827-10.047303-7.291391h12.418974l3.837418-11.798624 3.837418 11.798624h12.418974zM177.09292 31.510075l7.183595-1.509576 2.862114 8.800152-10.045709-7.290576z\" fill=\"#FFF\"></path>\n </g>\n <g class=\"tp-star\">\n <path class=\"tp-star__canvas\" fill=\"#dcdce6\" d=\"M205.064416 46.330002h46.375587V0h-46.375587z\"></path>\n <path class=\"tp-star__canvas--half\" fill=\"#dcdce6\" d=\"M205.064416 46.330002h23.187793V0h-23.187793z\"></path>\n <path class=\"tp-star__shape\" d=\"M244.597022 19.711433l-26.3029 19.089218 3.837419-11.797827-10.047304-7.291391h12.418974l3.837418-11.798624 3.837418 11.798624h12.418975zm-16.255436 11.798642l7.183595-1.509576 2.862114 8.800152-10.045709-7.290576z\" fill=\"#FFF\"></path>\n </g>\n </svg>\n </div>\n </div>\n </div>\n </div>\n <div class=\"widget-info\">\n <!-- Business Info -->\n <div id=\"tp-widget-rating\" class=\"tp-widget-rating\">").concat(translations.trustPilotReviews, "</div>\n <!-- Logo -->\n <div id=\"tp-widget-logo\" class=\"tp-widget-logo\">\n <div class=\"\">\n <div style=\"position: relative; height: 0; width: 100%; padding: 0; padding-bottom: 24.6031746031746%;\">\n <svg role=\"img\" viewBox=\"0 0 126 31\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position: absolute; height: 100%; width: 100%; left: 0; top: 0;\">\n <title id=\"trustpilotLogo-wwxihtot4h\">Trustpilot</title>\n <path class=\"tp-logo__text\" d=\"M33.074774 11.07005H45.81806v2.364196h-5.010656v13.290316h-2.755306V13.434246h-4.988435V11.07005h.01111zm12.198892 4.319629h2.355341v2.187433h.04444c.077771-.309334.222203-.60762.433295-.894859.211092-.287239.466624-.56343.766597-.79543.299972-.243048.633276-.430858.999909-.585525.366633-.14362.744377-.220953 1.12212-.220953.288863 0 .499955.011047.611056.022095.1111.011048.222202.033143.344413.04419v2.408387c-.177762-.033143-.355523-.055238-.544395-.077333-.188872-.022096-.366633-.033143-.544395-.033143-.422184 0-.822148.08838-1.199891.254096-.377744.165714-.699936.41981-.977689.740192-.277753.331429-.499955.729144-.666606 1.21524-.166652.486097-.244422 1.03848-.244422 1.668195v5.39125h-2.510883V15.38968h.01111zm18.220567 11.334883H61.02779v-1.579813h-.04444c-.311083.574477-.766597 1.02743-1.377653 1.369908-.611055.342477-1.233221.51924-1.866497.51924-1.499864 0-2.588654-.364573-3.25526-1.104765-.666606-.740193-.999909-1.856005-.999909-3.347437V15.38968h2.510883v6.948968c0 .994288.188872 1.701337.577725 2.1101.377744.408763.922139.618668 1.610965.618668.533285 0 .96658-.077333 1.322102-.243048.355524-.165714.644386-.37562.855478-.65181.222202-.265144.377744-.596574.477735-.972194.09999-.37562.144431-.784382.144431-1.226288v-6.573349h2.510883v11.323836zm4.27739-3.634675c.07777.729144.355522 1.237336.833257 1.535623.488844.287238 1.06657.441905 1.744286.441905.233312 0 .499954-.022095.799927-.055238.299973-.033143.588836-.110476.844368-.209905.266642-.099429.477734-.254096.655496-.452954.166652-.198857.244422-.452953.233312-.773335-.01111-.320381-.133321-.585525-.355523-.784382-.222202-.209906-.499955-.364573-.844368-.497144-.344413-.121525-.733267-.232-1.17767-.320382-.444405-.088381-.888809-.18781-1.344323-.287239-.466624-.099429-.922138-.232-1.355432-.37562-.433294-.14362-.822148-.342477-1.166561-.596573-.344413-.243048-.622166-.56343-.822148-.950097-.211092-.386668-.311083-.861716-.311083-1.436194 0-.618668.155542-1.12686.455515-1.54667.299972-.41981.688826-.75124 1.14434-1.005336.466624-.254095.97769-.430858 1.544304-.541334.566615-.099429 1.11101-.154667 1.622075-.154667.588836 0 1.15545.066286 1.688736.18781.533285.121524 1.02213.320381 1.455423.60762.433294.276191.788817.640764 1.07768 1.08267.288863.441905.466624.98324.544395 1.612955h-2.621984c-.122211-.596572-.388854-1.005335-.822148-1.204193-.433294-.209905-.933248-.309334-1.488753-.309334-.177762 0-.388854.011048-.633276.04419-.244422.033144-.466624.088382-.688826.165715-.211092.077334-.388854.198858-.544395.353525-.144432.154667-.222203.353525-.222203.60762 0 .309335.111101.552383.322193.740193.211092.18781.488845.342477.833258.475048.344413.121524.733267.232 1.177671.320382.444404.088381.899918.18781 1.366542.287239.455515.099429.899919.232 1.344323.37562.444404.14362.833257.342477 1.17767.596573.344414.254095.622166.56343.833258.93905.211092.37562.322193.850668.322193 1.40305 0 .673906-.155541 1.237336-.466624 1.712385-.311083.464001-.711047.850669-1.199891 1.137907-.488845.28724-1.04435.508192-1.644295.640764-.599946.132572-1.199891.198857-1.788727.198857-.722156 0-1.388762-.077333-1.999818-.243048-.611056-.165714-1.14434-.408763-1.588745-.729144-.444404-.33143-.799927-.740192-1.05546-1.226289-.255532-.486096-.388853-1.071621-.411073-1.745528h2.533103v-.022095zm8.288135-7.700208h1.899828v-3.402675h2.510883v3.402675h2.26646v1.867052h-2.26646v6.054109c0 .265143.01111.486096.03333.684954.02222.18781.07777.353524.155542.486096.07777.132572.199981.232.366633.298287.166651.066285.377743.099428.666606.099428.177762 0 .355523 0 .533285-.011047.177762-.011048.355523-.033143.533285-.077334v1.933338c-.277753.033143-.555505.055238-.811038.088381-.266642.033143-.533285.04419-.811037.04419-.666606 0-1.199891-.066285-1.599855-.18781-.399963-.121523-.722156-.309333-.944358-.552381-.233313-.243049-.377744-.541335-.466625-.905907-.07777-.364573-.13332-.784383-.144431-1.248384v-6.683825h-1.899827v-1.889147h-.02222zm8.454788 0h2.377562V16.9253h.04444c.355523-.662858.844368-1.12686 1.477644-1.414098.633276-.287239 1.310992-.430858 2.055369-.430858.899918 0 1.677625.154667 2.344231.475048.666606.309335 1.222111.740193 1.666515 1.292575.444405.552382.766597 1.193145.9888 1.92229.222202.729145.333303 1.513527.333303 2.3421 0 .762288-.099991 1.50248-.299973 2.20953-.199982.718096-.499955 1.347812-.899918 1.900194-.399964.552383-.911029.98324-1.533194 1.31467-.622166.33143-1.344323.497144-2.18869.497144-.366634 0-.733267-.033143-1.0999-.099429-.366634-.066286-.722157-.176762-1.05546-.320381-.333303-.14362-.655496-.33143-.933249-.56343-.288863-.232-.522175-.497144-.722157-.79543h-.04444v5.656393h-2.510883V15.38968zm8.77698 5.67849c0-.508193-.06666-1.005337-.199981-1.491433-.133321-.486096-.333303-.905907-.599946-1.281527-.266642-.37562-.599945-.673906-.988799-.894859-.399963-.220953-.855478-.342477-1.366542-.342477-1.05546 0-1.855387.364572-2.388672 1.093717-.533285.729144-.799928 1.701337-.799928 2.916578 0 .574478.066661 1.104764.211092 1.59086.144432.486097.344414.905908.633276 1.259432.277753.353525.611056.629716.99991.828574.388853.209905.844367.309334 1.355432.309334.577725 0 1.05546-.121524 1.455423-.353525.399964-.232.722157-.541335.97769-.905907.255531-.37562.444403-.79543.555504-1.270479.099991-.475049.155542-.961145.155542-1.458289zm4.432931-9.99812h2.510883v2.364197h-2.510883V11.07005zm0 4.31963h2.510883v11.334883h-2.510883V15.389679zm4.755124-4.31963h2.510883v15.654513h-2.510883V11.07005zm10.210184 15.963847c-.911029 0-1.722066-.154667-2.433113-.452953-.711046-.298287-1.310992-.718097-1.810946-1.237337-.488845-.530287-.866588-1.160002-1.12212-1.889147-.255533-.729144-.388854-1.535622-.388854-2.408386 0-.861716.133321-1.657147.388853-2.386291.255533-.729145.633276-1.35886 1.12212-1.889148.488845-.530287 1.0999-.93905 1.810947-1.237336.711047-.298286 1.522084-.452953 2.433113-.452953.911028 0 1.722066.154667 2.433112.452953.711047.298287 1.310992.718097 1.810947 1.237336.488844.530287.866588 1.160003 1.12212 1.889148.255532.729144.388854 1.524575.388854 2.38629 0 .872765-.133322 1.679243-.388854 2.408387-.255532.729145-.633276 1.35886-1.12212 1.889147-.488845.530287-1.0999.93905-1.810947 1.237337-.711046.298286-1.522084.452953-2.433112.452953zm0-1.977528c.555505 0 1.04435-.121524 1.455423-.353525.411074-.232.744377-.541335 1.01102-.916954.266642-.37562.455513-.806478.588835-1.281527.12221-.475049.188872-.961145.188872-1.45829 0-.486096-.066661-.961144-.188872-1.44724-.122211-.486097-.322193-.905907-.588836-1.281527-.266642-.37562-.599945-.673907-1.011019-.905907-.411074-.232-.899918-.353525-1.455423-.353525-.555505 0-1.04435.121524-1.455424.353525-.411073.232-.744376.541334-1.011019.905907-.266642.37562-.455514.79543-.588835 1.281526-.122211.486097-.188872.961145-.188872 1.447242 0 .497144.06666.98324.188872 1.458289.12221.475049.322193.905907.588835 1.281527.266643.37562.599946.684954 1.01102.916954.411073.243048.899918.353525 1.455423.353525zm6.4883-9.66669h1.899827v-3.402674h2.510883v3.402675h2.26646v1.867052h-2.26646v6.054109c0 .265143.01111.486096.03333.684954.02222.18781.07777.353524.155541.486096.077771.132572.199982.232.366634.298287.166651.066285.377743.099428.666606.099428.177762 0 .355523 0 .533285-.011047.177762-.011048.355523-.033143.533285-.077334v1.933338c-.277753.033143-.555505.055238-.811038.088381-.266642.033143-.533285.04419-.811037.04419-.666606 0-1.199891-.066285-1.599855-.18781-.399963-.121523-.722156-.309333-.944358-.552381-.233313-.243049-.377744-.541335-.466625-.905907-.07777-.364573-.133321-.784383-.144431-1.248384v-6.683825h-1.899827v-1.889147h-.02222z\" fill=\"#191919\"></path>\n <path class=\"tp-logo__star\" fill=\"#00B67A\" d=\"M30.141707 11.07005H18.63164L15.076408.177071l-3.566342 10.892977L0 11.059002l9.321376 6.739063-3.566343 10.88193 9.321375-6.728016 9.310266 6.728016-3.555233-10.88193 9.310266-6.728016z\"></path>\n <path class=\"tp-logo__star-notch\" fill=\"#005128\" d=\"M21.631369 20.26169l-.799928-2.463625-5.755033 4.153914z\"></path>\n </svg>\n </div>\n </div>\n </div>\n </div>\n </a>\n </div>\n <header class=\"sezzle-header\">").concat(translations.sezzleHeader, "\n </header>\n <p class=\"sezzle-row\">\n <span>").concat(translations.sezzleHeaderChild, "</span>\n <span>").concat(translations.sezzleHeaderChild2, "</span>\n </p>\n <div class=\"sezzle-four-pay ").concat(currentLang !== "en" ? "sezzle-four-pay-fr-es" : "", "\">\n <div class=\"sezzle-pie-area\">\n <div class=\"due-today\">\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 25%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path\n d=\"M20 -7.62939e-05C22.6264 -7.64088e-05 25.2272 0.51724 27.6537 1.52233C30.0802 2.52743 32.285 4.00062 34.1421 5.85779C35.9993 7.71496 37.4725 9.91974 38.4776 12.3463C39.4827 14.7728 40 17.3735 40 19.9999L30 19.9999C30 18.6867 29.7413 17.3863 29.2388 16.1731C28.7362 14.9598 27.9997 13.8574 27.0711 12.9289C26.1425 12.0003 25.0401 11.2637 23.8268 10.7611C22.6136 10.2586 21.3132 9.99992 20 9.99992L20 -7.62939e-05Z\"\n fill=\"#8333D4\"></path>\n <path\n d=\"M40 19.9999C40 22.7613 37.7614 24.9998 35 24.9998C32.2386 24.9998 30 22.7613 30 19.9999C30 17.2385 32.2386 14.9998 35 14.9998C37.7614 14.9998 40 17.2385 40 19.9999Z\"\n fill=\"#8333D4\"></path>\n <circle cx=\"35\" cy=\"20\" r=\"5\" fill=\"#8333D4\"></circle>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.today, "</span>\n </p>\n </div>\n </div>\n <div class=\"future-payments\">\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 50%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M40 20C40 31.0457 31.0457 40 20 40C17.2386 40 15 37.7614 15 35C15 32.2386 17.2386 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10V0C31.0457 0 40 8.9543 40 20Z\"\n fill=\"#8333D4\"></path>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 2</span>\n </p>\n </div>\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 75%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\" fill-opacity=\"0.05\"></path>\n <path\n d=\"M20 -8.74228e-07C23.9556 -1.04713e-06 27.8224 1.17298 31.1114 3.37061C34.4004 5.56824 36.9638 8.69181 38.4776 12.3463C39.9913 16.0009 40.3874 20.0222 39.6157 23.9018C38.844 27.7814 36.9392 31.3451 34.1421 34.1421C31.3451 36.9392 27.7814 38.844 23.9018 39.6157C20.0222 40.3874 16.0009 39.9913 12.3463 38.4776C8.69181 36.9638 5.56824 34.4004 3.37061 31.1114C1.17298 27.8224 -7.48492e-07 23.9556 -8.74228e-07 20L10 20C10 21.9778 10.5865 23.9112 11.6853 25.5557C12.7841 27.2002 14.3459 28.4819 16.1732 29.2388C18.0004 29.9957 20.0111 30.1937 21.9509 29.8079C23.8907 29.422 25.6725 28.4696 27.0711 27.0711C28.4696 25.6725 29.422 23.8907 29.8079 21.9509C30.1937 20.0111 29.9957 18.0004 29.2388 16.1732C28.4819 14.3459 27.2002 12.7841 25.5557 11.6853C23.9112 10.5865 21.9778 10 20 10L20 -8.74228e-07Z\"\n fill=\"#8333D4\"></path>\n <path\n d=\"M10 20C10 22.7614 7.76142 25 5 25C2.23858 25 -8.74228e-07 22.7614 -8.74228e-07 20C-8.74228e-07 17.2386 2.23858 15 5 15C7.76142 15 10 17.2386 10 20Z\"\n fill=\"#8333D4\"></path>\n <circle cx=\"5\" cy=\"20\" r=\"5\" fill=\"#8333D4\"></circle>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 4</span>\n </p>\n </div>\n <div class=\"payment-item\">\n <div title=\"").concat(translations.pieAlt, " 100%\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0C31.0457 0 40 8.9543 40 20ZM10 20C10 25.5228 14.4772 30 20 30C25.5228 30 30 25.5228 30 20C30 14.4772 25.5228 10 20 10C14.4772 10 10 14.4772 10 20Z\"\n fill=\"#8333D4\"></path>\n </svg>\n </div>\n <p class=\"breakdown-row\">\n <span class=\"percentage\">25%</span>\n <span class=\"due\">").concat(translations.week, " 6<sup>3</sup></span>\n </p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"sezzle-features\">\n <p class=\"single-feature\">\n ").concat(translations.selectSezzle, "\n </p>\n <p class=\"single-feature\">\n ").concat(translations.completePurchase, "\n </p>\n <p class=\"single-feature\">\n ").concat(translations.schedulePayments, "\n </p>\n </div>\n <div class=\"terms-container\">\n <p class=\"terms\">\n <span>").concat(translations.terms1, "</span><br /><span>").concat(translations.termsHiw, "</span>\n </p>\n <p class=\"terms\">").concat(translations.terms2, "</p>\n <p class=\"terms\">\n <span class=\"webbank-terms\">").concat(translations.webBankTerms, "</span><br /><span>").concat(translations.linkToCompleteTerms, "</span>\n </div>\n </div>\n </div>\n </div>\n</section>");
447
+ modalNode.innerHTML = modalContent.replace("%%min-price%%", Intl.NumberFormat(currentLang).format(minPrice)).replace("%%max-price%%", Intl.NumberFormat(currentLang).format(maxPrice));
448
+ }
449
+
450
+ function addDelimiters(priceString) {
451
+ var parsedPrice = Number(priceString).toFixed(2);
452
+ if (parsedPrice.length > 6) {
453
+ return parsedPrice.substring(0, parsedPrice.indexOf(".") - 3) + "," + parsedPrice.substring(parsedPrice.indexOf(".") - 3, parsedPrice.length);
454
+ } else {
455
+ return parsedPrice;
456
+ }
457
+ }
458
+ function calculateMonthlyWithInterest(priceText, term, APR) {
459
+ var price = Number(priceText);
460
+ if (APR > 0) {
461
+ var rate = APR / 100 / 12;
462
+ var numerator = price * rate * Math.pow(1 + rate, term);
463
+ var denominator = Math.pow(1 + rate, term) - 1;
464
+ var interestPayment = numerator / denominator;
465
+ return interestPayment;
466
+ } else {
467
+ return price / term;
468
+ }
469
+ }
470
+ function formatMonthly(priceString, term, APR) {
471
+ var interestAmount = calculateMonthlyWithInterest(priceString, term, APR);
472
+ return addDelimiters(interestAmount.toFixed(2));
473
+ }
474
+ function formatTotalInterest(priceString, term, APR) {
475
+ var adjustedTotal = calculateMonthlyWithInterest(priceString, term, APR) * term;
476
+ return addDelimiters(adjustedTotal - priceString);
477
+ }
478
+ function formatAdjustedTotal(priceString, term, APR) {
479
+ var amountPlusInterest = calculateMonthlyWithInterest(priceString, term, APR);
480
+ return addDelimiters(amountPlusInterest * term);
481
+ }
482
+ function termsToShow(price) {
483
+ switch (true) {
484
+ case price > 1000:
485
+ return [24, 36, 48];
486
+ case price > 500:
487
+ return [12, 18, 24];
488
+ case price > 300:
489
+ return [6, 9, 12];
490
+ default:
491
+ return [3, 6, 9];
492
+ }
493
+ }
494
+ function getLongTermModal(modalNode, priceString, bestAPR) {
495
+ var translationsMap = {
496
+ en: enTranslations,
497
+ fr: frTranslations,
498
+ es: esTranslations
499
+ };
500
+ var currentLang = getLanguage();
501
+ var translations = translationsMap[currentLang];
502
+ var currency = "$";
503
+ var terms = termsToShow(priceString);
504
+ modalNode.className = "sezzle-checkout-modal-lightbox close-sezzle-modal sezzle-modal";
505
+ modalNode.innerHTML = "<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" role=\"dialog\" lang=\"".concat(translations.locale, "\" aria-label=\"").concat(translations.sezzleInfo, "\" aria-description=\"").concat(translations.learnMore, "\" style=\"display: block;\">\n <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" aria-description=\"").concat(translations.learnMore, "\" class=\"sezzle-checkout-modal-hidden long-term\">\n <div class=\"sezzle-modal\">\n <div>\n <button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button>\n </div>\n <div class=\"sezzle-logo\" title=\"Sezzle\"> </div>\n <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n <header class=\"sezzle-header\">").concat(translations.sezzleHeaderLt, "</header>\n <div class=\"sezzle-row\">").concat(translations.sezzleRowLtChild, "</div>\n <div class=\"sezzle-lt-payments\">\n <div class=\"sezzle-lt-payment-header\">").concat(translations.sezzleLtPaymentHeader, " <span>").concat(currency + addDelimiters(priceString), "</span></div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[2], "-month\" ").concat(terms[2] === undefined ? "style=\"display: none;\"" : "style=\"display: block;\"", ">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[2], bestAPR), "</span>\n <span aria-label=\"").concat(translations.perMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.monthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[2], " ").concat(translations.termLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.adjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[2], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.interest, " <span>").concat(currency + formatTotalInterest(priceString, terms[2], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.readAPR, " ").concat(bestAPR, " ").concat(translations.percent, "\">\n <span aria-hidden=\"true\">").concat(translations.sampleAPR, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[1], "-month\">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[1], bestAPR), "</span>\n <span aria-label=\"").concat(translations.perMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.monthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[1], " ").concat(translations.termLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.adjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[1], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.interest, " <span>").concat(currency + formatTotalInterest(priceString, terms[1], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.readAPR, " ").concat(bestAPR, " ").concat(translations.percent, "\">\n <span aria-hidden=\"true\">").concat(translations.sampleAPR, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n <div class=\"sezzle-lt-payment-options ").concat(terms[0], "-month\">\n <div class=\"plan\">\n <div class=\"monthly-amount\">\n <span>").concat(currency + formatMonthly(priceString, terms[0], bestAPR), "</span>\n <span aria-label=\"").concat(translations.perMonth, "\">\n <span class=\"per-month\" aria-hidden=\"true\">").concat(translations.monthlyAmount, "<sup>*</sup></span>\n </span>\n </div>\n <div class=\"term-length\">").concat(terms[0], " ").concat(translations.termLength, "</div>\n </div>\n <div class=\"plan-details\">\n <div class=\"adjusted-total\">").concat(translations.adjustedTotal, " <span>").concat(currency + formatAdjustedTotal(priceString, terms[0], bestAPR), "</span></div>\n <div class=\"interest-amount\">").concat(translations.interest, " <span>").concat(currency + formatTotalInterest(priceString, terms[0], bestAPR), "</span></div>\n <div class=\"sample-apr\">\n <span aria-label=\"").concat(translations.readAPR, " ").concat(bestAPR, " ").concat(translations.percent, "</span>\n <span aria-hidden=\"true\">").concat(bestAPR, "%</span>\n </span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"details\">").concat(translations.singleFeatureAffordable, "</div>\n <div class=\"details\">").concat(translations.singleFeaturePrequalify, "</div>\n <div class=\"details\">").concat(translations.singleFeatureTrusted, "</div>\n <div class=\"terms\">\n <p>").concat(translations.termsLt1, "</p>\n <p>").concat(translations.termsLt2, "</p>\n <p>").concat(translations.termsLt3, "</p>\n </div>\n </div>\n </div>\n </div>\n </section>");
506
+ }
507
+
300
508
  var css_248z = "@import url(\"https://fonts.cdnfonts.com/css/satoshi\");\n@import url(\"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@600&display=swap\");\n.sezzle-modal-open {\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n}\n\n.sezzle-checkout-modal-lightbox * {\n vertical-align: baseline;\n box-sizing: border-box;\n line-height: normal;\n}\n\n.sezzle-checkout-modal-lightbox {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 99999998;\n background-color: rgba(5, 31, 52, 0.57);\n width: 100vw;\n height: 100vh;\n overflow-y: auto;\n overflow-x: hidden;\n color: unset;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal-hidden {\n transition: all 0.4s ease;\n margin-top: 0;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: fixed;\n top: 50%;\n left: 50%;\n margin-top: -384px;\n margin-left: -325px;\n z-index: 99999998;\n background-color: #ffffff;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n border-radius: 20px;\n color: #303030;\n font-family: Helvetica Neue, Helvetica, Arial, sans-serif;\n transition: all 0.4s ease;\n width: 650px;\n}\n@media (max-width: 650px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n padding: 50px 20px;\n margin: 0;\n border-radius: 0;\n height: 100%;\n font-size: 15px;\n max-width: 100%;\n min-width: 320px;\n overflow: auto;\n }\n}\n@media (max-height: 767px) and (min-width: 651px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal {\n position: relative;\n top: 0px;\n left: 0px;\n margin: 20px auto;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h1 .sezzle-checkout-modal h1 {\n font-size: 16px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n display: block;\n text-align: center;\n text-transform: none;\n font-size: 12pt;\n line-height: 25px;\n font-weight: 300;\n box-sizing: border-box;\n color: #5e5e5e;\n margin: 5px 0 !important;\n letter-spacing: 0.25px;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n text-align: center;\n }\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p {\n font-size: 11pt;\n text-align: center;\n letter-spacing: 0.5px;\n line-height: 18px;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n display: block;\n box-sizing: border-box;\n font-size: 11pt;\n opacity: 0.8;\n}\n@media (max-width: 450px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal p small {\n font-size: 7.5pt;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a {\n display: block;\n margin: 4px auto 0;\n color: #17ce6a;\n font-size: 8pt;\n font-weight: 500;\n text-transform: lowercase;\n text-align: left;\n letter-spacing: 0.25px;\n text-decoration: none;\n transition: 0.15s;\n opacity: 0.65;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal a:hover {\n transition: 0.1s;\n opacity: 1;\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n font-size: 18px;\n text-align: center;\n margin: 0 auto;\n color: unset;\n}\n@media (max-width: 768px) {\n .sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 {\n text-align: center;\n }\n}\n.sezzle-checkout-modal-lightbox .sezzle-checkout-modal h2 img {\n margin: 0 4px;\n display: inline-block;\n height: 30px !important;\n width: auto;\n position: relative;\n top: 6px;\n vertical-align: initial;\n}\n\n.sezzle-checkout-modal-hidden {\n width: 100%;\n height: 100%;\n -webkit-font-smoothing: antialiased;\n transition: all 0.4s ease;\n margin-top: 0;\n}\n@media screen and (min-width: 0px) and (max-width: 280px) {\n .sezzle-checkout-modal-hidden {\n display: none;\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: absolute;\n box-shadow: 0 10px 20px rgba(5, 31, 52, 0.19), 0 6px 6px rgba(5, 31, 52, 0.2);\n height: auto;\n max-height: 90%;\n width: 343px;\n color: #303030;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n background-color: #ffffff;\n overflow: auto;\n padding: 20px 0;\n border-radius: 10px;\n box-sizing: border-box;\n}\n@media screen and (max-width: 374px) {\n .sezzle-checkout-modal-hidden .sezzle-modal {\n transform: scale(0.9) translate(-55%, -55%);\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal {\n position: absolute;\n right: 16px;\n top: 16px;\n width: 24px;\n height: 24px;\n opacity: 0.2;\n cursor: pointer;\n padding: 0;\n outline: 0;\n background: 0 0;\n border: none;\n box-shadow: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:hover {\n opacity: 1;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 0.5;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal {\n opacity: 0.8;\n }\n .sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal:focus {\n opacity: 1;\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal::before {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal div button.close-sezzle-modal::after {\n position: absolute;\n left: 10px;\n content: \" \";\n top: 0;\n transform: rotate(-45deg);\n background-color: #5e5e5e;\n width: 2px;\n height: 15px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-logo {\n display: block;\n height: 29.39px;\n width: 120px;\n margin: 10px auto 0;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content {\n height: auto;\n text-align: center;\n padding: 0px 16px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper {\n font-size: 12px;\n margin: 16px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper a {\n text-decoration: none;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-trustscore {\n font-weight: 500;\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars {\n display: inline-block;\n width: 70px;\n position: relative;\n top: 2px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg {\n display: block;\n position: absolute;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star:nth-of-type(-n + 4) .tp-star__canvas {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas {\n fill: #dcdce6;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__canvas--half {\n fill: #00b67a;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .tp-widget-stars div .tp-stars--4--half div svg .tp-star .tp-star__shape {\n fill: #ffffff;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info {\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-rating {\n display: inline-block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .tp-widget-wrapper .widget-info .tp-widget-logo {\n display: inline-block;\n width: 60px;\n position: relative;\n top: 2px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-header {\n display: block;\n text-align: center;\n font-style: normal;\n font-size: 19px;\n font-weight: 700;\n line-height: 26px;\n letter-spacing: 0.1px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n color: #303030;\n margin: 16px 0;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row {\n text-align: center;\n font-style: normal;\n font-size: 13px;\n font-weight: 400;\n line-height: 17px;\n color: #303030;\n letter-spacing: 0.4px;\n margin: 12px 0px 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n display: grid;\n gap: 4px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row span {\n display: block;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-row span sup {\n vertical-align: super;\n font-size: 0.75em;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(131, 51, 212, 0.05);\n border-radius: 16px;\n padding: 16px 8px;\n margin: 0px 12px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay.sezzle-four-pay-fr-es {\n margin: 0px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-row {\n text-align: center;\n font-style: normal;\n font-size: 15px;\n font-weight: 500;\n line-height: 20px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n color: #303030;\n margin: 0px 0px 12px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: #ffffff;\n border-radius: 8px;\n margin: 0px 4px;\n padding: 16px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .due-today .payment-item:first-child {\n padding: 0 8px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .future-payments {\n display: flex;\n flex-direction: row;\n align-items: center;\n background: #ffffff;\n border-radius: 8px;\n margin: 0px 4px;\n padding: 0px 4px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item {\n padding: 16px 8px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item div:first-child {\n padding: 0 4px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item div:first-child svg {\n width: 35px;\n height: 35px;\n stroke: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 0px;\n padding: 8px 0px 0px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .percentage {\n text-align: center;\n font-style: normal;\n font-size: 13.4px;\n font-weight: 400;\n line-height: 18.76px;\n color: #8333d4;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n align-items: center;\n letter-spacing: 0.13px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due {\n text-align: center;\n font-style: normal;\n font-size: 10.72px;\n font-weight: 400;\n line-height: 15.18px;\n color: #5e5e5e;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-four-pay .sezzle-pie-area .payment-item .breakdown-row .due sup {\n vertical-align: super;\n font-size: 0.75em;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin: 16px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features .single-feature {\n text-align: center;\n font-style: normal;\n font-size: 13px;\n font-weight: 500;\n line-height: 17px;\n color: #303030;\n letter-spacing: 0.4px;\n margin: 8px auto;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-features.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-giveaway {\n font-size: 17px;\n font-weight: 700;\n line-height: 23px;\n margin: 16px 0;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .sezzle-giveaway.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo {\n font-size: 14px;\n color: #303030;\n}\n@media screen and (max-width: 600px) {\n .sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo {\n font-size: 12px;\n }\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo::first-letter {\n text-transform: capitalize;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo a {\n color: #303030;\n text-decoration: underline;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo a:visited {\n color: #037269;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .promo a:hover {\n color: #af0fda;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms {\n text-align: center;\n font-style: normal;\n font-size: 11px;\n font-weight: 400;\n line-height: 12px;\n color: #5e5e5e;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n margin: 11px 0;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms sup {\n vertical-align: super;\n font-size: 0.75em;\n padding-right: 2px;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms a {\n color: #8333d4;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms a:hover {\n color: #af0fda;\n}\n.sezzle-checkout-modal-hidden .sezzle-modal .sezzle-modal-content .terms.hide {\n display: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal {\n background-image: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-logo {\n width: 98px;\n background-image: url(https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg);\n background-repeat: no-repeat;\n background-position: 50%;\n height: 24px;\n margin: 10px auto 20px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content {\n height: auto;\n width: auto;\n text-align: center;\n padding: 0px 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-header {\n font-size: 24px;\n line-height: 30px;\n margin: 10px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-row {\n font-size: 15px;\n line-height: 20px;\n margin: 8px auto;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments {\n height: fit-content;\n margin: 20px auto;\n padding: 20px 0 0;\n border: 1px solid #e5e5e5;\n border-radius: 5px;\n max-width: 502px;\n display: block;\n flex-direction: column;\n align-items: center;\n padding: 0px;\n gap: 24px;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header {\n font-family: Satoshi, \"Open Sans\", sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 15px;\n line-height: 20px;\n display: block;\n align-items: center;\n text-align: center;\n padding: 15px;\n letter-spacing: -0.3px;\n border-bottom: 1px solid #e5e5e5;\n color: #303030;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-header span {\n font-size: 17px;\n line-height: 22px;\n font-weight: 700;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options {\n font-size: 12px;\n line-height: 14px;\n margin: 0px 20px 0;\n padding: 20px 0px;\n border-bottom: 1px solid #e5e5e5;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan {\n display: flex;\n justify-content: space-between;\n padding-bottom: 10px;\n font-size: 12px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount span {\n font-size: 17px;\n line-height: 22px;\n color: #8333d4;\n font-weight: 600;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .monthly-amount .per-month {\n font-size: 13px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan .term-length {\n border-radius: 100px;\n background: rgba(41, 211, 162, 0.1);\n color: #00804a;\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details {\n display: flex;\n justify-content: space-between;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .adjusted-total span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .interest-amount span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr {\n color: #5e5e5e;\n font-size: 12px;\n width: fit-content;\n text-align: left;\n font-weight: 400;\n line-height: 16px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments .sezzle-lt-payment-options .plan-details .sample-apr span {\n display: block;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .sezzle-lt-payments:last-child {\n border: none;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .details {\n font-size: 17px;\n line-height: 22px;\n margin: 16px auto;\n font-weight: 600;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n letter-spacing: -0.3px;\n}\n.sezzle-checkout-modal-hidden.long-term .sezzle-modal .sezzle-modal-content .terms {\n font-size: 11px;\n line-height: 13px;\n color: #5e5e5e;\n margin: 10px auto 0;\n padding: 12px 0 0;\n border-top: 1px solid #e5e5e5;\n text-align: center;\n font-family: Satoshi, \"Open Sans\", sans-serif;\n}";
301
509
  styleInject(css_248z);
302
510
 
303
- var translationsMap$1 = {
304
- en: enTranslations,
305
- fr: frTranslations,
306
- es: esTranslations
307
- };
308
- var currentLang = getLanguage();
309
- var translations = translationsMap$1[currentLang];
310
- var modalHTML = "\n<section class=\"sezzle-checkout-modal-lightbox close-sezzle-modal\" role=\"dialog\" lang=\"".concat(translations.locale, "\"\n aria-label=\"").concat(translations.sezzleInfo, "\" aria-description=\"").concat(translations.learnMore, "\" style=\"display: block;\">\n <div id=\"sezzle-modal-container\" role=\"dialog\" aria-label=\"Sezzle Modal\" aria-description=\"").concat(translations.aboutSezzle, "\"\n class=\"sezzle-checkout-modal-hidden\">\n <div class=\"sezzle-modal\">\n <div><button role=\"button\" aria-label=\"").concat(translations.closeSezzleModal, "\" class=\"close-sezzle-modal\"></button></div>\n <div class=\"sezzle-logo\" title=\"Sezzle\"></div>\n <div id=\"sezzle-modal-core-content\" class=\"sezzle-modal-content\">\n <div id=\"tp-widget-wrapper\" class=\"tp-widget-wrapper visible\">\n <a id=\"profile-link\" target=\"_blank\" href=\"https://www.trustpilot.com/review/sezzle.com?utm_medium=trustbox&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");
311
-
312
511
  function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$2(o); }
313
512
  function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
314
513
  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -396,9 +595,11 @@ var Modal = /*#__PURE__*/function (_React$Component) {
396
595
  break;
397
596
  default:
398
597
  modalElement.className = "sezzle-checkout-modal-lightbox close-sezzle-modal";
399
- var currentLang = getLanguage();
400
- var updatedModalHTML = modalHTML.replace("%%min-price%%", Intl.NumberFormat(currentLang).format(props.minPrice)).replace("%%max-price%%", Intl.NumberFormat(currentLang).format(props.maxPrice));
401
- modalElement.innerHTML = updatedModalHTML;
598
+ if (isProductEligibleLT(props.price, props.minPriceLT, props.maxPrice)) {
599
+ getLongTermModal(modalElement, props.price, props.bestAPR);
600
+ } else {
601
+ getStandardModal(modalElement, props.minPrice, props.maxPrice);
602
+ }
402
603
  }
403
604
  state = _objectSpread$2(_objectSpread$2({}, state), {}, {
404
605
  modalElement: modalElement
@@ -407,11 +608,6 @@ var Modal = /*#__PURE__*/function (_React$Component) {
407
608
  state.modalElement.style.display = state.isModalVisible ? "block" : "none";
408
609
  return state;
409
610
  }
410
- }, {
411
- key: "replacePlaceholder",
412
- value: function replacePlaceholder(text, placeholder, value) {
413
- return text.replace(placeholder, value);
414
- }
415
611
  }]);
416
612
  }(React__default["default"].Component);
417
613
  Modal.propTypes = {
@@ -468,8 +664,17 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
468
664
  };
469
665
  var language = getLanguage();
470
666
  var translations = translationsMap[language];
667
+ var priceFloat = parsePrice(parsePriceString(this.state.config.price));
668
+ var widgetTemplate = "";
669
+ if (priceFloat > this.state.config.maxPrice) {
670
+ return;
671
+ } else if (isProductEligibleLT(parsePriceString(this.state.config.price), this.state.config.minPriceLT, this.state.config.maxPrice)) {
672
+ widgetTemplate = translations.templateLT;
673
+ } else {
674
+ widgetTemplate = translations.template;
675
+ }
471
676
  var subtemplates = [];
472
- translations.template.split("%%").forEach(function (subTemplate, index) {
677
+ widgetTemplate.split("%%").forEach(function (subTemplate, index) {
473
678
  switch (subTemplate) {
474
679
  case "numberOfPayments":
475
680
  subtemplates.push(numberOfPayments);
@@ -479,7 +684,7 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
479
684
  var priceElement = /*#__PURE__*/React__default["default"].createElement("span", {
480
685
  className: "sezzle-payment-amount sezzle-button-text",
481
686
  key: index
482
- }, getFormattedPrice(_this2.state.config.price, numberOfPayments));
687
+ }, getFormattedPrice(_this2.state.config.price, numberOfPayments, _this2.state.config.minPriceLT, _this2.state.config.maxPrice, _this2.state.config.bestAPR));
483
688
  subtemplates.push(priceElement);
484
689
  break;
485
690
  case "logo":
@@ -530,8 +735,8 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
530
735
  }
531
736
  break;
532
737
  case "min-price":
533
- var priceFloat = parsePrice(parsePriceString(_this2.state.config.price));
534
- if (_this2.state.config.minPrice > priceFloat && !_this2.state.config.includeAPModal) {
738
+ var _priceFloat = parsePrice(parsePriceString(_this2.state.config.price));
739
+ if (_this2.state.config.minPrice > _priceFloat && !_this2.state.config.includeAPModal) {
535
740
  subtemplates.push(" ".concat(translations.ordersOver, " $").concat(_this2.state.config.minPrice));
536
741
  }
537
742
  break;
@@ -593,7 +798,10 @@ var SezzleWidgetText = /*#__PURE__*/function (_React$Component) {
593
798
  return _this3.closeModal(modal);
594
799
  },
595
800
  minPrice: _this3.state.config.minPrice,
596
- maxPrice: _this3.state.config.maxPrice
801
+ maxPrice: _this3.state.config.maxPrice,
802
+ minPriceLT: _this3.state.config.minPriceLT,
803
+ bestAPR: _this3.state.config.bestAPR,
804
+ price: parsePriceString(_this3.state.config.price)
597
805
  });
598
806
  }));
599
807
  }
@@ -640,6 +848,8 @@ var SezzleWidgetWrapper = /*#__PURE__*/function (_React$Component) {
640
848
  includeAPModal: _this.props.includeAPModal || false,
641
849
  minPrice: _this.props.minPrice || 20,
642
850
  maxPrice: _this.props.maxPrice || 2500,
851
+ minPriceLT: _this.props.minPriceLT || 0,
852
+ bestAPR: _this.props.bestAPR || 9.99,
643
853
  theme: _this.props.theme || "light",
644
854
  alignment: _this.props.alignment || "auto",
645
855
  fontWeight: _this.props.fontWeight || 500,
@@ -687,6 +897,9 @@ SezzleWidgetWrapper.propTypes = {
687
897
  textColor: PropTypes__default["default"].string,
688
898
  logoSize: PropTypes__default["default"].number,
689
899
  minPrice: PropTypes__default["default"].number,
900
+ maxPrice: PropTypes__default["default"].number,
901
+ minPriceLT: PropTypes__default["default"].number,
902
+ bestAPR: PropTypes__default["default"].number,
690
903
  includeAPModal: PropTypes__default["default"].bool
691
904
  };
692
905