tf-checkout-react 1.7.7 → 1.7.8

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 (14) hide show
  1. package/dist/constants/index.d.ts +1 -0
  2. package/dist/tf-checkout-react.cjs.development.js +41 -16
  3. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  4. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  5. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  6. package/dist/tf-checkout-react.esm.js +41 -16
  7. package/dist/tf-checkout-react.esm.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/paymentContainer/OrderDetails.tsx +20 -0
  10. package/src/components/paymentContainer/index.tsx +12 -0
  11. package/src/components/ticketsContainer/TicketsSection.tsx +52 -10
  12. package/src/components/ticketsContainer/TimeSlotTicketRow.tsx +24 -5
  13. package/src/constants/index.ts +1 -1
  14. package/src/types/api/common.d.ts +3 -0
package/dist/constants/index.d.ts CHANGED
@@ -2,5 +2,6 @@ export declare const X_TF_ECOMMERCE = "X-TF-ECOMMERCE";
2
2
  export declare const FEES_STYLES: {
3
3
  TRADITIONAL: string;
4
4
  DISPLAY_BOTH: string;
5
+ FINAL_WITH_BREAKDOWN: string;
5
6
  };
6
7
  export declare const DEFAULT_FEES_STYLE: string;
package/dist/tf-checkout-react.cjs.development.js CHANGED
@@ -525,7 +525,8 @@ publicRequest.setGuestToken = function (guestToken) {
525
525
  var X_TF_ECOMMERCE = 'X-TF-ECOMMERCE';
526
526
  var FEES_STYLES = {
527
527
  TRADITIONAL: 'TRADITIONAL',
528
- DISPLAY_BOTH: 'DISPLAY_BOTH'
528
+ DISPLAY_BOTH: 'DISPLAY_BOTH',
529
+ FINAL_WITH_BREAKDOWN: 'FINAL_WITH_BREAKDOWN'
529
530
  };
530
531
  var DEFAULT_FEES_STYLE = FEES_STYLES.TRADITIONAL;
531
532
 
@@ -6089,11 +6090,13 @@ var PaymentContainer = function PaymentContainer(_ref2) {
6089
6090
  className: "add-on-container"
6090
6091
  }, React__default.createElement("span", null, item.quantity), React__default.createElement("span", {
6091
6092
  className: "add-on-x"
6092
- }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency)), React__default.createElement("span", {
6093
+ }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency)), React__default.createElement("span", {
6093
6094
  className: "add-on-each"
6094
6095
  }, ' each')), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
6095
6096
  className: "fees"
6096
- }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"));
6097
+ }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && parseFloat(item.price) - parseFloat(item.cost) > 0 && React__default.createElement("p", {
6098
+ className: "fees"
6099
+ }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency) + " + " + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price) - parseFloat(item.cost)), currency) + " fee)"));
6097
6100
  })));
6098
6101
  })), !isFreeTickets && paymentPlanIsAvailable && React__default.createElement("div", {
6099
6102
  className: "payment_toggle"
@@ -10271,6 +10274,12 @@ var TicketsSection = function TicketsSection(_ref) {
10271
10274
  var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
10272
10275
  var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
10273
10276
  var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
10277
+ var ticketFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.basePrice : +ticket.cost;
10278
+ var ticketFinalPriceFormatted = priceSymbol + " " + Math.round(ticketFinalPrice);
10279
+ var ticketOldFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.oldBasePrice : +ticket.oldCost;
10280
+ var ticketOldFinalPriceFormatted = priceSymbol + " " + Math.round(ticketOldFinalPrice);
10281
+ var ticketFeeAmount = (+ticket.basePrice - +ticket.cost).toFixed(2);
10282
+ var ticketBreakdown = !ticket.feeIncluded ? '(+ fees at checkout)' : !ticket.isForward ? null : parseFloat(ticketFeeAmount) > 0 ? "(" + priceSymbol + " " + (+ticket.cost).toFixed(2) + " + " + priceSymbol + " " + ticketFeeAmount + " fee)" : null;
10274
10283
  var isSoldOut = ticket.sold_out || !(ticket.displayTicket || ticket.slotGroupId) || ticket.soldOut;
10275
10284
  var ticketSelect = function ticketSelect(event) {
10276
10285
  var value = event.target.value;
@@ -10281,8 +10290,8 @@ var TicketsSection = function TicketsSection(_ref) {
10281
10290
  ticketIsDiscounted = true;
10282
10291
  }
10283
10292
  var ticketIsFree = +ticket.price === 0;
10284
- var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
10285
- var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
10293
+ var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketOldFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
10294
+ var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
10286
10295
  var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr = arr[i - 1]) == null ? void 0 : _arr.groupName);
10287
10296
  return React__default.createElement(React__default.Fragment, {
10288
10297
  key: ticket.id || ticket.name
@@ -10325,7 +10334,7 @@ var TicketsSection = function TicketsSection(_ref) {
10325
10334
  className: isSoldOut ? 'sold-out' : ''
10326
10335
  }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
10327
10336
  className: "fees"
10328
- }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)")), React__default.createElement("div", {
10337
+ }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)", CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && ticketBreakdown)), React__default.createElement("div", {
10329
10338
  className: "event-detail__tier-state",
10330
10339
  style: {
10331
10340
  minWidth: 55
@@ -10349,6 +10358,12 @@ var TicketsSection = function TicketsSection(_ref) {
10349
10358
  var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
10350
10359
  var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
10351
10360
  var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
10361
+ var ticketFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.basePrice : +ticket.cost;
10362
+ var ticketFinalPriceFormatted = priceSymbol + " " + Math.round(ticketFinalPrice);
10363
+ var ticketOldFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.oldBasePrice : +ticket.oldCost;
10364
+ var ticketOldFinalPriceFormatted = priceSymbol + " " + Math.round(ticketOldFinalPrice);
10365
+ var ticketFeeAmount = (+ticket.basePrice - +ticket.cost).toFixed(2);
10366
+ var ticketBreakdown = !ticket.feeIncluded ? '(+ fees at checkout)' : !ticket.isForward ? null : parseFloat(ticketFeeAmount) > 0 ? "(" + priceSymbol + " " + (+ticket.cost).toFixed(2) + " + " + priceSymbol + " " + ticketFeeAmount + " fee)" : null;
10352
10367
  var isSoldOut = ticket.sold_out || !(ticket.displayTicket || ticket.slotGroupId) || ticket.soldOut;
10353
10368
  var ticketSelect = function ticketSelect(event) {
10354
10369
  var value = event.target.value;
@@ -10359,8 +10374,8 @@ var TicketsSection = function TicketsSection(_ref) {
10359
10374
  ticketIsDiscounted = true;
10360
10375
  }
10361
10376
  var ticketIsFree = +ticket.price === 0;
10362
- var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
10363
- var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
10377
+ var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketOldFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
10378
+ var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
10364
10379
  var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr2 = arr[i - 1]) == null ? void 0 : _arr2.groupName);
10365
10380
  return React__default.createElement(React__default.Fragment, {
10366
10381
  key: ticket.id || ticket.name
@@ -10403,7 +10418,7 @@ var TicketsSection = function TicketsSection(_ref) {
10403
10418
  className: isSoldOut ? 'sold-out' : ''
10404
10419
  }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
10405
10420
  className: "fees"
10406
- }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)"), ticket.depositPercent && React__default.createElement("p", {
10421
+ }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)", CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && ticketBreakdown), ticket.depositPercent && React__default.createElement("p", {
10407
10422
  className: "deposits"
10408
10423
  }, ticket.depositPercent + '% DEPOSIT')), React__default.createElement("div", {
10409
10424
  className: "event-detail__tier-state",
@@ -10461,13 +10476,19 @@ var TimeSlotTicketRow = function TimeSlotTicketRow(_ref) {
10461
10476
  var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
10462
10477
  var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
10463
10478
  var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
10479
+ var ticketFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.basePrice : +ticket.cost;
10480
+ var ticketFinalPriceFormatted = priceSymbol + " " + Math.round(ticketFinalPrice);
10481
+ var ticketOldFinalPrice = ticket.feeIncluded && !ticket.isForward ? +(ticket.x_face_value || ticket.basePrice) : ticket.feeIncluded ? +ticket.oldBasePrice : +ticket.oldCost;
10482
+ var ticketOldFinalPriceFormatted = priceSymbol + " " + Math.round(ticketOldFinalPrice);
10483
+ var ticketFeeAmount = (+ticket.basePrice - +ticket.cost).toFixed(2);
10484
+ var ticketBreakdown = !ticket.feeIncluded ? '(+ fees at checkout)' : !ticket.isForward ? null : parseFloat(ticketFeeAmount) > 0 ? "(" + priceSymbol + " " + (+ticket.cost).toFixed(2) + " + " + priceSymbol + " " + ticketFeeAmount + " fee)" : null;
10464
10485
  var ticketIsDiscounted = false;
10465
10486
  if (ticket.oldPrice && !isSoldOut && ticket.oldPrice !== ticket.price) {
10466
10487
  ticketIsDiscounted = true;
10467
10488
  }
10468
10489
  var ticketIsFree = +ticket.price === 0;
10469
- var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
10470
- var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
10490
+ var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketOldFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
10491
+ var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN ? ticketFinalPriceFormatted : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
10471
10492
  var handleTimeChange = function handleTimeChange(event) {
10472
10493
  var selectedTimeKey = event.target.value;
10473
10494
  var selectedOption = availableTimeSlots.find(function (slot) {
@@ -10521,7 +10542,7 @@ var TimeSlotTicketRow = function TimeSlotTicketRow(_ref) {
10521
10542
  className: isSoldOut ? 'sold-out' : ''
10522
10543
  }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
10523
10544
  className: "fees"
10524
- }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)")), !isSoldOut && React__default.createElement("div", {
10545
+ }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)", CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && ticketBreakdown)), !isSoldOut && React__default.createElement("div", {
10525
10546
  className: "event-detail__tier-state time-slot-selectors-container"
10526
10547
  }, React__default.createElement(Box, {
10527
10548
  sx: {
@@ -15887,19 +15908,23 @@ var OrderDetails = function OrderDetails(_ref3) {
15887
15908
  className: "add-on-container"
15888
15909
  }, React__default.createElement("span", null, item.quantity), React__default.createElement("span", {
15889
15910
  className: "add-on-x"
15890
- }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency)), React__default.createElement("span", {
15911
+ }, ' x '), React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency)), React__default.createElement("span", {
15891
15912
  className: "add-on-each"
15892
15913
  }, ' each')), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
15893
15914
  className: "fees"
15894
- }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"));
15915
+ }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && parseFloat(item.price) - parseFloat(item.cost) > 0 && React__default.createElement("p", {
15916
+ className: "fees"
15917
+ }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency) + " + " + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price) - parseFloat(item.cost)), currency) + " fee)"));
15895
15918
  };
15896
15919
  var defaultTableRenderer = function defaultTableRenderer(item) {
15897
15920
  return React__default.createElement("div", null, React__default.createElement("div", {
15898
15921
  key: item.id,
15899
15922
  className: "table-type-container"
15900
- }, React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, "Guest Count", ': '), React__default.createElement("span", null, item.guestCount)), React__default.createElement("div", null, React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency)), React__default.createElement("br", null), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
15923
+ }, React__default.createElement("span", null, item.groupName ? item.groupName + ' - ' : ''), React__default.createElement("span", null, item.name), React__default.createElement("span", null, ' - '), React__default.createElement("span", null, "Guest Count", ': '), React__default.createElement("span", null, item.guestCount)), React__default.createElement("div", null, React__default.createElement("span", null, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency) + ' (incl. fees)', CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price)), currency)), React__default.createElement("br", null), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && React__default.createElement("p", {
15924
+ className: "fees"
15925
+ }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)"), CONFIGS.FEES_STYLE === FEES_STYLES.FINAL_WITH_BREAKDOWN && parseFloat(item.price) - parseFloat(item.cost) > 0 && React__default.createElement("p", {
15901
15926
  className: "fees"
15902
- }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(String(item.price))), currency) + " with fees)")));
15927
+ }, "(" + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.cost)), currency) + " + " + currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(item.price) - parseFloat(item.cost)), currency) + " fee)")));
15903
15928
  };
15904
15929
  return React__default.createElement("div", {
15905
15930
  className: "payment_page payment_page_single"