tf-checkout-react 1.6.6-beta.30 → 1.6.6-beta.32

package/dist/tf-checkout-react.cjs.development.js

@@ -5455,7 +5455,6 @@ var PaymentPlanSection = function PaymentPlanSection(props) {
   })))));
 };
 
-var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || '';
 var initialPaymentPlanConfiguration = {
   requires_deposit: false,
   deposit: 0,
@@ -5541,7 +5540,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
     isSinglePageCheckout = _ref$isSinglePageChec === void 0 ? false : _ref$isSinglePageChec,
     _ref$stripePaymentPro = _ref.stripePaymentProps,
     stripePaymentProps = _ref$stripePaymentPro === void 0 ? {} : _ref$stripePaymentPro,
-    stripePublishableKeyProps = _ref.stripePublishableKey;
+    stripePublishableKey = _ref.stripePublishableKey,
+    stripeAccountId = _ref.stripeAccountId;
   var _useState = React.useState(initialReviewValues),
     reviewData = _useState[0],
     setReviewData = _useState[1];
@@ -5699,6 +5699,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
         });
         setPaymentDataIsLoading(false);
       }
+    } else {
       fetchPaymentData();
     }
   }, [orderData, hash, isSinglePageCheckout, onGetPaymentDataError, onGetPaymentDataSuccess]);
@@ -5750,15 +5751,18 @@ var PaymentContainer = function PaymentContainer(_ref) {
     }
     return showPaymentForm;
   };
+  var getPublishableKey = function getPublishableKey() {
+    return stripePublishableKey || _get(reviewData, 'payment_method.stripe_publishable_key');
+  };
   var getStripePromise = React.useCallback(function () {
-    var stripePublishableKey = stripePublishableKeyProps || _get(reviewData, 'payment_method.stripe_publishable_key') || publishableKey;
-    var stripeAccount = _get(reviewData, 'payment_method.stripe_connected_account');
+    var stripePublishableKey = getPublishableKey();
+    var stripeAccount = stripeAccountId || _get(reviewData, 'payment_method.stripe_connected_account');
     var options = {};
     if (stripeAccount) {
       options.stripeAccount = stripeAccount;
     }
     return stripeJs.loadStripe(stripePublishableKey, options);
-  }, [reviewData, stripePublishableKeyProps]);
+  }, [reviewData, stripePublishableKey]);
   var themeMui = styles.createTheme(themeOptions);
   var hasTableTypes = Boolean(Number(orderData.guest_count));
   var paymentFieldsData = hasTableTypes ? [{
@@ -5899,7 +5903,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     currency: currency,
     paymentPlanUseSavedCard: paymentPlanUseSavedCard,
     setPaymentPlanUseSavedCard: setPaymentPlanUseSavedCard
-  }), showPaymentForm() ? React__default.createElement("div", {
+  }), showPaymentForm() && !!getPublishableKey() ? React__default.createElement("div", {
     className: "payment_info"
   }, React__default.createElement("div", {
     className: "payment_info_label"
@@ -6227,7 +6231,7 @@ var LogicRunner = function LogicRunner(_ref) {
   return null;
 };
 var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
-  var _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2;
+  var _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2, _reviewData$payment_m2, _checkoutUpdateData$a3, _checkoutUpdateData$a4;
   var _ref4$data = _ref4.data,
     data = _ref4$data === void 0 ? [] : _ref4$data,
     _ref4$ticketHoldersFi = _ref4.ticketHoldersFields,
@@ -6364,6 +6368,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   }, [isBrowser]);
   var defaultCountry = isBrowser ? window.localStorage.getItem('eventCountry') : '';
   var userData = isBrowser && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '{}') : {};
+  var additionalConfigs = isBrowser && window.localStorage.getItem('checkoutAdditionalConfigs') ? JSON.parse(window.localStorage.getItem('checkoutAdditionalConfigs') || '{"resale": false, "resaleWithAddons": false}') : {
+    resale: false,
+    resaleWithAddons: false
+  };
   var _useState5 = React.useState(assingUniqueIds(data)),
     dataWithUniqueIds = _useState5[0],
     setDataWithUniqueIds = _useState5[1];
@@ -6660,7 +6668,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               _context5.next = 5;
               return updateCheckout({
                 attributes: {
-                  event_id: eventId
+                  event_id: eventId,
+                  is_from_resale: additionalConfigs == null ? void 0 : additionalConfigs.resale
                 }
               });
             case 5:
@@ -6695,7 +6704,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (!(skipPage && !_isEmpty(ticketsQuantity) && !showDOB && !loading && !isNewUser)) {
-                _context6.next = 19;
+                _context6.next = 20;
                 break;
               }
               setLoading(true);
@@ -6709,27 +6718,28 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             case 7:
               checkoutResponse = _context6.sent;
               removeReferralKey();
+              removeAdditionalConfigs();
               onSkipBillingPage(checkoutResponse.data.attributes);
               setLoading(false);
-              _context6.next = 17;
+              _context6.next = 18;
               break;
-            case 13:
-              _context6.prev = 13;
+            case 14:
+              _context6.prev = 14;
               _context6.t0 = _context6["catch"](3);
               onSubmitError(_context6.t0);
               if (_get(_context6.t0, 'response.data.data.hasUnverifiedOrder')) {
                 setPendingVerificationMessage(_get(_context6.t0, 'response.data.message'));
               }
-            case 17:
-              _context6.next = 20;
+            case 18:
+              _context6.next = 21;
               break;
-            case 19:
-              setLoading(false);
             case 20:
+              setLoading(false);
+            case 21:
             case "end":
               return _context6.stop();
           }
-        }, _callee6, null, [[3, 13]]);
+        }, _callee6, null, [[3, 14]]);
       }));
       return function collectPaymentData() {
         return _ref9.apply(this, arguments);
@@ -6796,6 +6806,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   var removeReferralKey = React.useCallback(function () {
     localStorage.removeItem('referral_key');
   }, []);
+  var removeAdditionalConfigs = React.useCallback(function () {
+    localStorage.removeItem('checkoutAdditionalConfigs');
+  }, []);
   var updateCheckoutWithAddOns = React.useCallback( /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(addOns) {
       var mergedAddOns, _checkoutUpdateData, checkoutResponse, checkoutDataObj, errorMessage;
@@ -6826,7 +6839,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
             _checkoutUpdateData = {
               attributes: {
                 event_id: eventId,
-                add_ons: mergedAddOns
+                add_ons: mergedAddOns,
+                is_from_resale: additionalConfigs == null ? void 0 : additionalConfigs.resale
               }
             };
             _context7.next = 9;
@@ -6902,6 +6916,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     dataWithUniqueIds[0].label = 'Get Your Tables';
   }
   var stripePublishableKey = (reviewData == null ? void 0 : (_reviewData$payment_m = reviewData.payment_method) == null ? void 0 : _reviewData$payment_m.stripe_publishable_key) || (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a2 = _checkoutUpdateData$a.basic_config) == null ? void 0 : _checkoutUpdateData$a2.apiKey);
+  var stripeAccountId = (reviewData == null ? void 0 : (_reviewData$payment_m2 = reviewData.payment_method) == null ? void 0 : _reviewData$payment_m2.stripe_connected_account) || (checkoutUpdateData == null ? void 0 : (_checkoutUpdateData$a3 = checkoutUpdateData.additional_payment_information) == null ? void 0 : (_checkoutUpdateData$a4 = _checkoutUpdateData$a3.basic_config) == null ? void 0 : _checkoutUpdateData$a4.accountId);
+  var addOnsIncludedOnInvitation = additionalConfigs.resale && additionalConfigs.resaleWithAddons;
   return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
   }, (loading || cardLoading || isCountriesLoading || isConfigLoading) && React__default.createElement(Backdrop, {
@@ -6933,7 +6949,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(values, formikHelpers) {
-        var checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, refreshToken, userProfile, hasUnverifiedOrder, message, profileData, profileSpecifiedData, profileDataObj, userDataObj, checkoutBody, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, paymentMethod, paymentPlanAvailable, card, paymentMethodReq, _hasUnverifiedOrder, _message, _e$response, event;
+        var _checkoutBody$attribu2, _checkoutBody$attribu3, stripePaymentMethod, card, stripePaymentMethodResponse, _stripePaymentMethodR, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, refreshToken, userProfile, hasUnverifiedOrder, message, profileData, profileSpecifiedData, profileDataObj, userDataObj, checkoutBody, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, paymentMethod, paymentPlanAvailable, confirmationResult, _confirmationResult$e, _hasUnverifiedOrder, _message, _e$response, event;
         return _regeneratorRuntime().wrap(function _callee9$(_context9) {
           while (1) switch (_context9.prev = _context9.next) {
             case 0:
@@ -6945,6 +6961,33 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               setError('Fill in the card details');
               return _context9.abrupt("return");
             case 4:
+              stripePaymentMethod = null;
+              if (!(isSinglePageCheckout && !orderIsFree)) {
+                _context9.next = 14;
+                break;
+              }
+              card = cardRef.current;
+              _context9.next = 9;
+              return stripeRef.current.createPaymentMethod({
+                type: 'card',
+                card: card || {
+                  token: ''
+                },
+                billing_details: {
+                  address: addressRef.current
+                }
+              });
+            case 9:
+              stripePaymentMethodResponse = _context9.sent;
+              if (!(stripePaymentMethodResponse != null && stripePaymentMethodResponse.error)) {
+                _context9.next = 13;
+                break;
+              }
+              setError('' + (stripePaymentMethodResponse == null ? void 0 : (_stripePaymentMethodR = stripePaymentMethodResponse.error) == null ? void 0 : _stripePaymentMethodR.message));
+              return _context9.abrupt("return");
+            case 13:
+              stripePaymentMethod = stripePaymentMethodResponse.paymentMethod;
+            case 14:
               if (isBrowser) {
                 window.localStorage.setItem('extraData', JSON.stringify({
                   data_capture: {
@@ -6956,7 +6999,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 }));
               }
               if (isLoggedIn) {
-                _context9.next = 27;
+                _context9.next = 37;
                 break;
               }
               checkoutBodyForRegistration = createCheckoutDataBody(ticketsQuantity.length, values, {
@@ -6965,11 +7008,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 lastNameLogged: lastNameLogged
               }, showDOB);
               bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration, flagFreeTicket);
-              _context9.prev = 8;
+              _context9.prev = 18;
               setLoading(true);
-              _context9.next = 12;
+              _context9.next = 22;
               return register(bodyFormData);
-            case 12:
+            case 22:
               resRegister = _context9.sent;
               _xtfCookie = _get(resRegister, 'headers.x-tf-ecommerce');
               refreshToken = _get(resRegister, 'data.attributes.refresh_token');
@@ -6980,11 +7023,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 refreshToken: refreshToken,
                 userProfile: userProfile
               });
-              _context9.next = 27;
+              _context9.next = 37;
               break;
-            case 20:
-              _context9.prev = 20;
-              _context9.t0 = _context9["catch"](8);
+            case 30:
+              _context9.prev = 30;
+              _context9.t0 = _context9["catch"](18);
               setLoading(false);
               hasUnverifiedOrder = _get(_context9.t0, 'response.data.data.hasUnverifiedOrder');
               message = _get(_context9.t0, 'response.data.message', {});
@@ -7009,10 +7052,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 onRegisterError(_context9.t0, values.email);
               }
               return _context9.abrupt("return");
-            case 27:
-              _context9.next = 29;
+            case 37:
+              _context9.next = 39;
               return getProfileData();
-            case 29:
+            case 39:
               profileData = _context9.sent;
               profileSpecifiedData = _get(profileData, 'data');
               profileDataObj = setLoggedUserData(profileSpecifiedData);
@@ -7027,21 +7070,23 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               if (isSinglePageCheckout) {
                 checkoutBody.attributes.add_ons = singleCheckoutAddons;
               }
-              _context9.next = 39;
+              _context9.next = 49;
               return postOnCheckout(checkoutBody, flagFreeTicket);
-            case 39:
+            case 49:
               checkoutResponse = _context9.sent;
-              _context9.next = 42;
+              _context9.next = 52;
               return updateCheckout({
                 attributes: {
-                  event_id: eventId
+                  event_id: eventId,
+                  add_ons: (_checkoutBody$attribu2 = checkoutBody == null ? void 0 : (_checkoutBody$attribu3 = checkoutBody.attributes) == null ? void 0 : _checkoutBody$attribu3.add_ons) != null ? _checkoutBody$attribu2 : [],
+                  is_from_resale: additionalConfigs == null ? void 0 : additionalConfigs.resale
                 }
               });
-            case 42:
+            case 52:
               checkoutUpdateResponse = _context9.sent;
               paymentResponse = null;
               if (!isSinglePageCheckout) {
-                _context9.next = 68;
+                _context9.next = 81;
                 break;
               }
               _checkoutResponse$dat = checkoutResponse.data.attributes, hash = _checkoutResponse$dat.hash, total = _checkoutResponse$dat.total;
@@ -7049,12 +7094,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 hash: hash,
                 total: total
               }));
-              _context9.next = 49;
+              _context9.next = 59;
               return getPaymentData(String(hash));
-            case 49:
+            case 59:
               paymentDataResponse = _context9.sent;
               if (!paymentDataResponse.success) {
-                _context9.next = 68;
+                _context9.next = 81;
                 break;
               }
               attributes = paymentDataResponse.data.attributes;
@@ -7081,28 +7126,30 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               paymentMethod = attributes.payment_method || {};
               paymentPlanAvailable = paymentMethod.stripe_payment_plan_enabled;
               if (isFreeTickets) {
-                _context9.next = 66;
+                _context9.next = 79;
                 break;
               }
-              card = cardRef.current;
-              _context9.next = 63;
-              return stripeRef.current.createPaymentMethod({
-                type: 'card',
-                card: card || {
-                  token: ''
-                },
-                billing_details: {
-                  address: addressRef.current
-                }
-              });
-            case 63:
-              paymentMethodReq = _context9.sent;
-              _context9.next = 66;
+              if (stripePaymentMethod) {
+                _context9.next = 73;
+                break;
+              }
+              setError('Fill in the card details');
+              return _context9.abrupt("return");
+            case 73:
+              _context9.next = 75;
               return stripeRef.current.confirmCardPayment(paymentMethod.stripe_client_secret, {
-                payment_method: paymentMethodReq.paymentMethod.id
+                payment_method: stripePaymentMethod.id
               });
-            case 66:
-              _context9.next = 68;
+            case 75:
+              confirmationResult = _context9.sent;
+              if (!(confirmationResult != null && confirmationResult.error)) {
+                _context9.next = 79;
+                break;
+              }
+              setError('' + (confirmationResult == null ? void 0 : (_confirmationResult$e = confirmationResult.error) == null ? void 0 : _confirmationResult$e.message));
+              return _context9.abrupt("return");
+            case 79:
+              _context9.next = 81;
               return handlePaymentMiddleWare(null, {}, {
                 reviewData: attributes,
                 isFreeTickets: isFreeTickets,
@@ -7120,13 +7167,14 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                   throw error;
                 }
               });
-            case 68:
+            case 81:
               removeReferralKey();
+              removeAdditionalConfigs();
               handleSubmit(values, formikHelpers, eventId, checkoutResponse, checkoutUpdateResponse, paymentResponse);
-              _context9.next = 79;
+              _context9.next = 93;
               break;
-            case 72:
-              _context9.prev = 72;
+            case 86:
+              _context9.prev = 86;
               _context9.t1 = _context9["catch"](0);
               setLoading(false);
               onSubmitError(_context9.t1);
@@ -7153,15 +7201,15 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 }
                 onSubmitError(_context9.t1);
               }
-            case 79:
-              _context9.prev = 79;
+            case 93:
+              _context9.prev = 93;
               setLoading(false);
-              return _context9.finish(79);
-            case 82:
+              return _context9.finish(93);
+            case 96:
             case "end":
               return _context9.stop();
           }
-        }, _callee9, null, [[0, 72, 79, 82], [8, 20]]);
+        }, _callee9, null, [[0, 86, 93, 96], [18, 30]]);
       }));
       function onSubmit(_x3, _x4) {
         return _onSubmit.apply(this, arguments);
@@ -7214,12 +7262,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     }, React__default.createElement("img", {
       src: theme === 'dark' ? 'https://www.ticketfairy.com/resources/images/logo-ttf.svg' : 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
       alt: "nodata"
-    })))), isSinglePageCheckout && eventId ? React__default.createElement(SimpleAddonsContainer, Object.assign({}, addonsProps != null ? addonsProps : {}, {
+    })))), isSinglePageCheckout && !addOnsIncludedOnInvitation && eventId ? React__default.createElement(SimpleAddonsContainer, Object.assign({}, addonsProps != null ? addonsProps : {}, {
       eventId: eventId,
       addOnDataWithCustomFields: addOnDataWithCustomFields,
       configs: configs,
       onAddOnSelect: onAddOnSelect
-    })) : includeAddons ? React__default.createElement(AddonsContainter, Object.assign({}, addonsProps != null ? addonsProps : {}, {
+    })) : !addOnsIncludedOnInvitation && includeAddons ? React__default.createElement(AddonsContainter, Object.assign({}, addonsProps != null ? addonsProps : {}, {
       addOnDataWithCustomFields: addOnDataWithCustomFields,
       configs: configs,
       onAddOnSelect: onAddOnSelect
@@ -7319,6 +7367,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       }));
     })), isSinglePageCheckout && !orderIsFree && stripePublishableKey && React__default.createElement(PaymentContainer, {
       stripePublishableKey: stripePublishableKey,
+      stripeAccountId: stripeAccountId,
       formTitle: "Payment Information",
       orderInfoLabel: "",
       enableTimer: false,
@@ -8580,8 +8629,9 @@ var TicketsSection = function TicketsSection(_ref) {
   return React__default.createElement(React__default.Fragment, null, !hideTicketsHeader && ticketsHeaderComponent, sortedTicketsList.map(function (ticket, i, arr) {
     var _arr;
     var ticketPriceWithoutFees = priceSymbol + " " + (+ticket.cost).toFixed(2);
-    var ticketPriceWithFees = priceSymbol + " " + (+ticket.price).toFixed(2);
-    var ticketOldPrice = priceSymbol + " " + (+ticket.oldPrice).toFixed(2);
+    var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
+    var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
+    var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
     var isSoldOut = ticket.sold_out || !(ticket.displayTicket || ticket.slotGroupId) || ticket.soldOut;
     var ticketSelect = function ticketSelect(event) {
       var value = event.target.value;
@@ -8592,7 +8642,8 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketIsDiscounted = true;
     }
     var ticketIsFree = +ticket.price === 0;
-    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH ? ticketPriceWithoutFees : ticketPriceWithFees;
+    var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
+    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
     var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr = arr[i - 1]) == null ? void 0 : _arr.groupName);
     return React__default.createElement(React__default.Fragment, {
       key: ticket.id || ticket.name
@@ -8631,7 +8682,7 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React__default.createElement("p", {
       className: "old-price"
-    }, ticketOldPrice), React__default.createElement("p", {
+    }, discountTicketPriceElem), React__default.createElement("p", {
       className: isSoldOut ? 'sold-out' : ''
     }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
@@ -8656,8 +8707,9 @@ var TicketsSection = function TicketsSection(_ref) {
   }), !hideTableTicketsHeader && tableTicketsHeaderComponent, tableTickets.map(function (ticket, i, arr) {
     var _arr2;
     var ticketPriceWithoutFees = priceSymbol + " " + (+ticket.cost).toFixed(2);
-    var ticketPriceWithFees = priceSymbol + " " + (+ticket.price).toFixed(2);
-    var ticketOldPrice = priceSymbol + " " + (+ticket.oldPrice).toFixed(2);
+    var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
+    var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
+    var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
     var isSoldOut = ticket.sold_out || !(ticket.displayTicket || ticket.slotGroupId) || ticket.soldOut;
     var ticketSelect = function ticketSelect(event) {
       var value = event.target.value;
@@ -8668,7 +8720,8 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketIsDiscounted = true;
     }
     var ticketIsFree = +ticket.price === 0;
-    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH ? ticketPriceWithoutFees : ticketPriceWithFees;
+    var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
+    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
     var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr2 = arr[i - 1]) == null ? void 0 : _arr2.groupName);
     return React__default.createElement(React__default.Fragment, {
       key: ticket.id || ticket.name
@@ -8707,7 +8760,7 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React__default.createElement("p", {
       className: "old-price"
-    }, ticketOldPrice), React__default.createElement("p", {
+    }, discountTicketPriceElem), React__default.createElement("p", {
       className: isSoldOut ? 'sold-out' : ''
     }, ticketPriceElem), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
@@ -9271,7 +9324,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var handleBook = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var _product_options, _product_options2, _ticket_types;
-      var timeSlotTickets, ticket, optionName, ticketId, isTableType, productCartQuantity, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$has_, _pageConfigsData$free, pageConfigsData, skipBillingPage, hasAddOn, freeTicket, hash, total, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, userData, checkoutBody, checkoutResponse, _errorResponse$data, _errorResponse$data$d, errorResponse, _errorResponse$data2, message, _isInvalidLinkError, _isNotInvitedError;
+      var timeSlotTickets, ticket, optionName, ticketId, productCartQuantity, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$has_, _pageConfigsData$free, pageConfigsData, skipBillingPage, hasAddOn, freeTicket, hash, total, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, userData, checkoutBody, checkoutResponse, _errorResponse$data, _errorResponse$data$d, errorResponse, _errorResponse$data2, message, _isInvalidLinkError, _isNotInvitedError;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -9286,9 +9339,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
             }) || {};
             optionName = _get(ticket, 'optionName');
             ticketId = _get(ticket, 'id');
-            isTableType = _get(ticket, 'isTable', false);
             productCartQuantity = +selectedTickets[ticket.id];
-            ticketQuantity = isTableType ? 1 : +selectedTickets[ticket.id];
+            ticketQuantity = +selectedTickets[ticket.id];
             data = {
               attributes: {
                 alternative_view_id: null,
@@ -9301,30 +9353,30 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 }, _ticket_types)
               }
             };
-            _context2.prev = 9;
+            _context2.prev = 8;
             onGetTicketsPress();
-            _context2.next = 13;
+            _context2.next = 12;
             return addToCart(eventId, data);
-          case 13:
+          case 12:
             result = _context2.sent;
             if (!enableAddOns) {
-              _context2.next = 20;
+              _context2.next = 19;
               break;
             }
-            _context2.next = 17;
+            _context2.next = 16;
             return getCheckoutPageConfigs();
-          case 17:
+          case 16:
             _context2.t0 = _context2.sent;
-            _context2.next = 21;
+            _context2.next = 20;
             break;
-          case 20:
+          case 19:
             _context2.t0 = {
               status: 200,
               data: {
                 attributes: _get(result, 'data.attributes')
               }
             };
-          case 21:
+          case 20:
             pageConfigsDataResponse = _context2.t0;
             if (!(pageConfigsDataResponse.status === 200)) {
               _context2.next = 44;
@@ -9337,6 +9389,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
             hash = '';
             total = '';
             isBrowser && window.localStorage.removeItem('add_ons');
+            isBrowser && window.localStorage.removeItem('checkoutAdditionalConfigs');
             if (!(skipBillingPage && !hasAddOn)) {
               _context2.next = 43;
               break;
@@ -9374,7 +9427,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
             break;
           case 46:
             _context2.prev = 46;
-            _context2.t2 = _context2["catch"](9);
+            _context2.t2 = _context2["catch"](8);
             errorResponse = _get(_context2.t2, 'response', {});
             if (errorResponse != null && (_errorResponse$data = errorResponse.data) != null && (_errorResponse$data$d = _errorResponse$data.data) != null && _errorResponse$data$d.hasUnverifiedOrder) {
               setPendingVerificationMessage(errorResponse == null ? void 0 : (_errorResponse$data2 = errorResponse.data) == null ? void 0 : _errorResponse$data2.message);
@@ -9399,7 +9452,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[9, 46, 50, 53]]);
+      }, _callee2, null, [[8, 46, 50, 53]]);
     }));
     return function handleBook() {
       return _ref4.apply(this, arguments);
@@ -11093,69 +11146,76 @@ var TicketResaleContainer = function TicketResaleContainer(_ref) {
     setSuccessMessage = _useState2[1];
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var params, hash, isDeclined, response, _error$response, _error$response$data, _response, event_id, _error$response2, _error$response2$data;
+      var params, hash, isDeclined, response, _error$response, _error$response$data, _response, event_id, eventHasAddons, invitationIncludesAddons, _error$response2, _error$response2$data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isWindowDefined) {
-              _context.next = 35;
+              _context.next = 39;
               break;
             }
             params = new URL("" + window.location).searchParams;
             hash = params.get('invitation_hash') || orderHash || null;
             isDeclined = params.get('decline') || false;
+            window.localStorage.removeItem('checkoutAdditionalConfigs');
             if (!hash) {
-              _context.next = 34;
+              _context.next = 38;
               break;
             }
             if (!isDeclined) {
-              _context.next = 19;
+              _context.next = 20;
               break;
             }
-            _context.prev = 6;
-            _context.next = 9;
+            _context.prev = 7;
+            _context.next = 10;
             return declineInvitation(hash);
-          case 9:
+          case 10:
             response = _context.sent;
             onDeclineTicketPurchaseSuccess(response);
             setSuccessMessage("Thanks for letting us know! We'll offer this ticket to someone else!");
-            _context.next = 18;
+            _context.next = 19;
             break;
-          case 14:
-            _context.prev = 14;
-            _context.t0 = _context["catch"](6);
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](7);
             setError(_context.t0 == null ? void 0 : (_error$response = _context.t0.response) == null ? void 0 : (_error$response$data = _error$response.data) == null ? void 0 : _error$response$data.message);
             onDeclineTicketPurchaseError(_context.t0.response);
-          case 18:
-            return _context.abrupt("return");
           case 19:
-            _context.prev = 19;
-            _context.next = 22;
+            return _context.abrupt("return");
+          case 20:
+            _context.prev = 20;
+            _context.next = 23;
             return processTicket(hash);
-          case 22:
+          case 23:
             _response = _context.sent;
             event_id = _get(_response.data.data.attributes, 'event_id');
+            eventHasAddons = _get(_response.data.data.attributes, 'has_add_on');
+            invitationIncludesAddons = _get(_response.data.data.attributes, 'include_add_on');
+            window.localStorage.setItem('checkoutAdditionalConfigs', JSON.stringify({
+              resale: true,
+              resaleWithAddons: eventHasAddons && invitationIncludesAddons
+            }));
             onProcessTicketSuccess(_response.data);
             if (defaultRedirection) {
               window.location.href = (billingPath != null ? billingPath : '/billing/billing-info') + "?event_id=" + event_id;
             }
-            _context.next = 32;
+            _context.next = 36;
             break;
-          case 28:
-            _context.prev = 28;
-            _context.t1 = _context["catch"](19);
+          case 32:
+            _context.prev = 32;
+            _context.t1 = _context["catch"](20);
             setError(_context.t1 == null ? void 0 : (_error$response2 = _context.t1.response) == null ? void 0 : (_error$response2$data = _error$response2.data) == null ? void 0 : _error$response2$data.message);
             onProcessTicketError(_context.t1.response);
-          case 32:
-            _context.next = 35;
+          case 36:
+            _context.next = 39;
             break;
-          case 34:
+          case 38:
             window.location.href = '/';
-          case 35:
+          case 39:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[6, 14], [19, 28]]);
+      }, _callee, null, [[7, 15], [20, 32]]);
     }))();
   }, []);
   return React__default.createElement("div", {