tf-checkout-react 1.0.87 → 1.0.91

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

@@ -30,11 +30,14 @@ var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
 var Select = _interopDefault(require('@mui/material/Select'));
 var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
 var styles$1 = require('@mui/material/styles');
+var Backdrop = _interopDefault(require('@mui/material/Backdrop'));
 var Container = _interopDefault(require('@mui/material/Container'));
 var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var Alert = _interopDefault(require('@mui/material/Alert'));
 var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
+var Countdown$1 = _interopDefault(require('react-countdown'));
+var _isNumber = _interopDefault(require('lodash/isNumber'));
 var reactShare = require('react-share');
 var _some = _interopDefault(require('lodash/some'));
 var _every = _interopDefault(require('lodash/every'));
@@ -42,7 +45,6 @@ var _find = _interopDefault(require('lodash/find'));
 var Button$1 = _interopDefault(require('react-bootstrap/Button'));
 var jwt_decode = _interopDefault(require('jwt-decode'));
 var _sortBy = _interopDefault(require('lodash/sortBy'));
-var _has = _interopDefault(require('lodash/has'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var SVG = _interopDefault(require('react-inlinesvg'));
@@ -57,6 +59,7 @@ var TableRow = _interopDefault(require('@mui/material/TableRow'));
 var Paper = _interopDefault(require('@mui/material/Paper'));
 var TablePagination = _interopDefault(require('@mui/material/TablePagination'));
 var Autocomplete = _interopDefault(require('@mui/material/Autocomplete'));
+var _has = _interopDefault(require('lodash/has'));
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -1053,7 +1056,11 @@ var downloadPDF = function downloadPDF(pdfUrl) {
   });
 };
 
-var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, logedInValues) {
+var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, logedInValues, includeDob) {
+  if (includeDob === void 0) {
+    includeDob = false;
+  }
+
   var ticket_holders = [];
   var first_name = _get(logedInValues, 'firstName') || _get(logedInValues, 'first_name') || '';
   var last_name = _get(logedInValues, 'lastName', '') || _get(logedInValues, 'last_name') || '';
@@ -1086,6 +1093,14 @@ var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWit
       ticket_holders: ticket_holders
     })
   };
+
+  if (includeDob) {
+    var holderAgeDate = new Date(_get(logedInValues, 'holderAge', ''));
+    body.attributes.dob_day = holderAgeDate.getDate();
+    body.attributes.dob_month = holderAgeDate.getMonth() + 1;
+    body.attributes.dob_year = holderAgeDate.getFullYear();
+  }
+
   return body;
 };
 
@@ -1323,6 +1338,12 @@ var LoginModal = function LoginModal(_ref) {
       error = _useState[0],
       setError = _useState[1];
 
+  var handleForgotPassword = function handleForgotPassword() {
+    if (typeof window !== 'undefined') {
+      window.open(CONFIGS.BASE_URL + "/password-restore/");
+    }
+  };
+
   return React__default.createElement(Modal, {
     open: true,
     onClose: onClose,
@@ -1501,7 +1522,11 @@ var LoginModal = function LoginModal(_ref) {
       className: "login-action-button"
     }, React__default.createElement("button", {
       type: "submit"
-    }, "Login"))));
+    }, "Login")), React__default.createElement("div", {
+      className: 'forgot-password'
+    }, React__default.createElement("span", {
+      onClick: handleForgotPassword
+    }, "Forgot password?"))));
   }))));
 };
 
@@ -2261,7 +2286,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       _ref3$onErrorClose = _ref3.onErrorClose,
       onErrorClose = _ref3$onErrorClose === void 0 ? function () {} : _ref3$onErrorClose,
       _ref3$hideErrorsAlert = _ref3.hideErrorsAlertSection,
-      hideErrorsAlertSection = _ref3$hideErrorsAlert === void 0 ? false : _ref3$hideErrorsAlert;
+      hideErrorsAlertSection = _ref3$hideErrorsAlert === void 0 ? false : _ref3$hideErrorsAlert,
+      _ref3$onSkipBillingPa = _ref3.onSkipBillingPage,
+      onSkipBillingPage = _ref3$onSkipBillingPa === void 0 ? function () {} : _ref3$onSkipBillingPa,
+      _ref3$skipPage = _ref3.skipPage,
+      skipPage = _ref3$skipPage === void 0 ? false : _ref3$skipPage,
+      _ref3$canSkipHolderNa = _ref3.canSkipHolderNames,
+      canSkipHolderNames = _ref3$canSkipHolderNa === void 0 ? false : _ref3$canSkipHolderNa;
 
   var themeMui = styles$1.createTheme(themeOptions);
   var isWindowDefined = typeof window !== 'undefined';
@@ -2326,9 +2357,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       userValues = _useState11[0],
       setUserValues = _useState11[1];
 
-  var _useState12 = React.useState(null),
-      error = _useState12[0],
-      setError = _useState12[1];
+  var _useState12 = React.useState(true),
+      loading = _useState12[0],
+      setLoading = _useState12[1];
+
+  var _useState13 = React.useState(null),
+      error = _useState13[0],
+      setError = _useState13[1];
 
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
 
@@ -2337,6 +2372,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   var lastNameLogged = _get(userData, 'last_name', '') || _get(userValues, 'last_name', '');
 
   var showDOB = getQueryVariable('age_required') === 'true';
+  var showTicketHolders = getQueryVariable('names_required') === 'true';
   var eventId = getQueryVariable('event_id');
 
   var optedInFieldValue = _get(cartInfoData, 'optedIn', false);
@@ -2534,6 +2570,88 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   React.useEffect(function () {
     fetchUserData(access_token);
   }, [access_token]);
+  React.useEffect(function () {
+    var collectPaymentData = /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5() {
+        var checkoutBody, res;
+        return runtime_1.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                if (!(skipPage && !_isEmpty(ticketsQuantity))) {
+                  _context5.next = 16;
+                  break;
+                }
+
+                setLoading(true);
+                checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, userData);
+                _context5.prev = 3;
+                _context5.next = 6;
+                return postOnCheckout(checkoutBody, access_token);
+
+              case 6:
+                res = _context5.sent;
+                onSkipBillingPage(_get(res, 'data.data.attributes'));
+                setLoading(false);
+                _context5.next = 14;
+                break;
+
+              case 11:
+                _context5.prev = 11;
+                _context5.t0 = _context5["catch"](3);
+                onSubmitError(_context5.t0);
+
+              case 14:
+                _context5.next = 17;
+                break;
+
+              case 16:
+                setLoading(false);
+
+              case 17:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5, null, [[3, 11]]);
+      }));
+
+      return function collectPaymentData() {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+
+    collectPaymentData();
+  }, [skipPage, ticketsQuantity]);
+
+  var collectCheckoutBody = function collectCheckoutBody(values) {
+    var checkoutBody = {}; // Auto collect ticket holders name when it was skipped optionally
+
+    if (showDOB && !showTicketHolders && canSkipHolderNames) {
+      checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true);
+    } else {
+      checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
+        emailLogged: emailLogged,
+        firstNameLogged: firstNameLogged,
+        lastNameLogged: lastNameLogged
+      }, showDOB);
+    }
+
+    return checkoutBody;
+  }; // Displaying loader
+
+
+  if (loading) {
+    return React__default.createElement(Backdrop, {
+      sx: {
+        color: '#fff'
+      },
+      open: true
+    }, React__default.createElement(material.CircularProgress, {
+      color: "inherit"
+    }));
+  }
+
   return React__default.createElement(styles$1.ThemeProvider, {
     theme: themeMui
   }, React__default.createElement(formik.Formik, {
@@ -2545,30 +2663,30 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     }), userValues),
     enableReinitialize: true,
     onSubmit: function () {
-      var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5(values, formikHelpers) {
+      var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
         var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, checkoutBodyForRegistration, bodyFormData, access_token_register, resRegister, refreshToken, tokens, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
 
-        return runtime_1.wrap(function _callee5$(_context5) {
+        return runtime_1.wrap(function _callee6$(_context6) {
           while (1) {
-            switch (_context5.prev = _context5.next) {
+            switch (_context6.prev = _context6.next) {
               case 0:
-                _context5.prev = 0;
+                _context6.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context5.next = 17;
+                  _context6.next = 17;
                   break;
                 }
 
                 if (!access_token) {
-                  _context5.next = 9;
+                  _context6.next = 9;
                   break;
                 }
 
-                _context5.next = 5;
+                _context6.next = 5;
                 return getProfileData(access_token);
 
               case 5:
-                updatedUserData = _context5.sent;
+                updatedUserData = _context6.sent;
                 _profileSpecifiedData = _get(updatedUserData, 'data.data');
                 _profileDataObj = setLoggedUserData(_profileSpecifiedData);
 
@@ -2577,22 +2695,18 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }
 
               case 9:
-                _checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
-                  emailLogged: emailLogged,
-                  firstNameLogged: firstNameLogged,
-                  lastNameLogged: lastNameLogged
-                }, showDOB);
-                _context5.next = 12;
+                _checkoutBody = collectCheckoutBody(values);
+                _context6.next = 12;
                 return postOnCheckout(_checkoutBody, access_token);
 
               case 12:
-                _res = _context5.sent;
-                _context5.next = 15;
+                _res = _context6.sent;
+                _context6.next = 15;
                 return getPaymentData(_res.data.data.attributes.hash);
 
               case 15:
                 handleSubmit(values, formikHelpers, eventId, _res);
-                return _context5.abrupt("return");
+                return _context6.abrupt("return");
 
               case 17:
                 checkoutBodyForRegistration = createCheckoutDataBody(ticketsQuantity.length, values, {
@@ -2602,12 +2716,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }, showDOB);
                 bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration);
                 access_token_register = null;
-                _context5.prev = 20;
-                _context5.next = 23;
+                _context6.prev = 20;
+                _context6.next = 23;
                 return register(bodyFormData);
 
               case 23:
-                resRegister = _context5.sent;
+                resRegister = _context6.sent;
                 access_token_register = _get(resRegister, 'data.data.attributes.access_token');
                 refreshToken = _get(resRegister, 'data.data.attributes.refresh_token');
                 handleSetAccessToken(access_token_register);
@@ -2616,15 +2730,15 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   refreshToken: refreshToken
                 };
                 onRegisterSuccess(tokens);
-                _context5.next = 35;
+                _context6.next = 35;
                 break;
 
               case 31:
-                _context5.prev = 31;
-                _context5.t0 = _context5["catch"](20);
+                _context6.prev = 31;
+                _context6.t0 = _context6["catch"](20);
 
-                if (axios.isAxiosError(_context5.t0)) {
-                  _error = _context5.t0 == null ? void 0 : (_e$response = _context5.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
+                if (axios.isAxiosError(_context6.t0)) {
+                  _error = _context6.t0 == null ? void 0 : (_e$response = _context6.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
 
                   if (_includes(_error, 'You must be aged')) {
                     formikHelpers.setFieldError('holderAge', _error);
@@ -2641,17 +2755,17 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                     setShowModalLogin(true);
                   }
 
-                  onRegisterError(_context5.t0, values.email);
+                  onRegisterError(_context6.t0, values.email);
                 }
 
-                return _context5.abrupt("return");
+                return _context6.abrupt("return");
 
               case 35:
-                _context5.next = 37;
+                _context6.next = 37;
                 return getProfileData(access_token_register);
 
               case 37:
-                profileData = _context5.sent;
+                profileData = _context6.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = setLoggedUserData(profileSpecifiedData);
 
@@ -2659,30 +2773,26 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
                 }
 
-                checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
-                  emailLogged: emailLogged,
-                  firstNameLogged: firstNameLogged,
-                  lastNameLogged: lastNameLogged
-                }, showDOB);
-                _context5.next = 44;
+                checkoutBody = collectCheckoutBody(values);
+                _context6.next = 44;
                 return postOnCheckout(checkoutBody, access_token_register);
 
               case 44:
-                res = _context5.sent;
-                _context5.next = 47;
+                res = _context6.sent;
+                _context6.next = 47;
                 return getPaymentData(res.data.data.attributes.hash);
 
               case 47:
                 handleSubmit(values, formikHelpers, eventId, res);
-                _context5.next = 53;
+                _context6.next = 53;
                 break;
 
               case 50:
-                _context5.prev = 50;
-                _context5.t1 = _context5["catch"](0);
+                _context6.prev = 50;
+                _context6.t1 = _context6["catch"](0);
 
-                if (axios.isAxiosError(_context5.t1)) {
-                  if (((_e$response2 = _context5.t1.response) == null ? void 0 : _e$response2.data.error) === 'invalid_token') {
+                if (axios.isAxiosError(_context6.t1)) {
+                  if (((_e$response2 = _context6.t1.response) == null ? void 0 : _e$response2.data.error) === 'invalid_token') {
                     if (isWindowDefined) {
                       window.localStorage.removeItem('user_data');
                       window.localStorage.removeItem('access_token');
@@ -2691,23 +2801,23 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                     }
                   }
 
-                  if ((_e$response3 = _context5.t1.response) != null && _e$response3.data.message) {
+                  if ((_e$response3 = _context6.t1.response) != null && _e$response3.data.message) {
                     if (typeof document !== undefined) {
                       document.body.scrollTop = document.documentElement.scrollTop = 0;
                     }
 
-                    setError(_get(_context5.t1, 'response.data.message'));
+                    setError(_get(_context6.t1, 'response.data.message'));
                   }
 
-                  onSubmitError(_context5.t1);
+                  onSubmitError(_context6.t1);
                 }
 
               case 53:
               case "end":
-                return _context5.stop();
+                return _context6.stop();
             }
           }
-        }, _callee5, null, [[0, 50], [20, 31]]);
+        }, _callee6, null, [[0, 50], [20, 31]]);
       }));
 
       function onSubmit(_x2, _x3) {
@@ -3135,6 +3245,63 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }) : "Pay " + getCurrencySymbolByCurrency(currency) + total))));
 };
 
+var showZero = function showZero(value) {
+  if (value === void 0) {
+    value = 0;
+  }
+
+  var intNumber = Number(value);
+  return _isNumber(intNumber) ? intNumber >= 0 && intNumber < 10 ? '0' + intNumber : intNumber : null;
+};
+
+var TimerWidget = function TimerWidget(_ref) {
+  var expires_at = _ref.expires_at,
+      buyLoading = _ref.buyLoading,
+      _ref$onCountdownFinis = _ref.onCountdownFinish,
+      onCountdownFinish = _ref$onCountdownFinis === void 0 ? function () {} : _ref$onCountdownFinis;
+
+  var _useState = React.useState(true),
+      showTimer = _useState[0],
+      setShowTimer = _useState[1];
+
+  var handleCountdownFinish = function handleCountdownFinish() {
+    setShowTimer(false);
+
+    if (!buyLoading) {
+      onCountdownFinish();
+    }
+  };
+
+  var _renderer = function renderer(_ref2) {
+    var minutes = _ref2.minutes,
+        seconds = _ref2.seconds,
+        completed = _ref2.completed,
+        handleCountdownFinish = _ref2.handleCountdownFinish;
+
+    if (completed) {
+      handleCountdownFinish();
+      return null;
+    }
+
+    return React__default.createElement("span", null, showZero(minutes), ":", showZero(seconds));
+  };
+
+  return showTimer && !!expires_at ? React__default.createElement("div", {
+    className: "timer"
+  }, React__default.createElement("div", {
+    className: "toast-message"
+  }, React__default.createElement("p", null, "Please complete your purchase before the timer reaches zero."), React__default.createElement("p", {
+    className: "countdown"
+  }, React__default.createElement(Countdown$1, {
+    date: Date.now() + expires_at * 1000,
+    renderer: function renderer(props) {
+      return _renderer(_extends({}, props, {
+        handleCountdownFinish: handleCountdownFinish
+      }));
+    }
+  })))) : null;
+};
+
 var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || '';
 
 var getStripePromise = function getStripePromise(reviewData) {
@@ -3195,7 +3362,11 @@ var PaymentContainer = function PaymentContainer(_ref) {
       _ref$disableZipSectio = _ref.disableZipSection,
       disableZipSection = _ref$disableZipSectio === void 0 ? false : _ref$disableZipSectio,
       themeOptions = _ref.themeOptions,
-      elementsOptions = _ref.elementsOptions;
+      elementsOptions = _ref.elementsOptions,
+      _ref$onCountdownFinis = _ref.onCountdownFinish,
+      onCountdownFinish = _ref$onCountdownFinis === void 0 ? function () {} : _ref$onCountdownFinis,
+      _ref$enableTimer = _ref.enableTimer,
+      enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer;
 
   var _useState = React.useState(initialReviewValues),
       reviewData = _useState[0],
@@ -3384,7 +3555,11 @@ var PaymentContainer = function PaymentContainer(_ref) {
     theme: themeMui
   }, React__default.createElement("div", {
     className: "payment_page"
-  }, error && React__default.createElement(Alert, {
+  }, !paymentIsLoading && !error && enableTimer && React__default.createElement(TimerWidget, {
+    expires_at: _get(reviewData, 'expires_at', 0),
+    buyLoading: paymentIsLoading,
+    onCountdownFinish: onCountdownFinish
+  }), error && React__default.createElement(Alert, {
     severity: "error",
     onClose: onErrorClose,
     variant: "filled"
@@ -3807,9 +3982,10 @@ var TicketRow = function TicketRow(_ref) {
       selectedTickets = _ref.selectedTickets,
       handleTicketSelect = _ref.handleTicketSelect;
   var soldOutMessage = ticketTier.soldOutMessage ? ("" + ticketTier.soldOutMessage).toUpperCase() : 'SOLD OUT';
-  var isSalesClosed = !ticketTier.salesStarted || ticketTier.salesEnded || !_has(ticketTier, 'maxQuantity') || ticketTier.maxQuantity === 0;
+  var isSalesClosed = !ticketTier.salesStarted || ticketTier.salesEnded;
   var options = getTicketSelectOptions(ticketTier.maxQuantity, ticketTier.minQuantity, ticketTier.multiplier);
-  var onSaleContent = isSalesClosed ? null : React__default.createElement("div", {
+  var ticketsClosedMessage = !ticketTier.salesStarted ? 'Sales not started' : 'Sales Ended';
+  var onSaleContent = isSalesClosed ? ticketsClosedMessage : React__default.createElement("div", {
     className: "get-tickets"
   }, React__default.createElement(Box, {
     className: "get-tickets__selectbox"
@@ -3845,10 +4021,6 @@ var TicketRow = function TicketRow(_ref) {
     returnValue = soldOutMessage;
   }
 
-  if (!+ticketTier.cost && !+ticketTier.price) {
-    returnValue = 'FREE';
-  }
-
   if (ticketTier.displayTicket) {
     returnValue = onSaleContent;
   }
@@ -3882,6 +4054,8 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketIsDiscounted = true;
     }
 
+    var ticketIsFree = (+ticket.cost || +ticket.price) === 0;
+    var ticketPrice = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : "$ " + (+ticket.cost || +ticket.price).toFixed(2);
     return React__default.createElement("div", {
       key: ticket.id || ticket.name,
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
@@ -3893,21 +4067,19 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React__default.createElement("p", {
       className: "old-price"
-    }, "$ ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+ticket.cost || +ticket.price).toFixed(2)), !isSoldOut && React__default.createElement("p", {
+    }, "$ ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", null, ticketPrice), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
       className: "fees"
     }, ticket.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React__default.createElement("div", {
       className: "event-detail__tier-state",
       style: {
         minWidth: 55
       }
-    }, ticket.salesStarted ? React__default.createElement(TicketRow, {
+    }, React__default.createElement(TicketRow, {
       ticketTier: ticket,
       prevTicketTier: arr[i - 1],
       selectedTickets: selectedTickets,
       handleTicketSelect: ticketSelect
-    }) : React__default.createElement("p", {
-      className: 'ticket-not-started-message'
-    }, "Sales not started"))));
+    }))));
   }));
 };
 
@@ -4255,7 +4427,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$isAccessCodeEnab = _ref.isAccessCodeEnabled,
       isAccessCodeEnabled = _ref$isAccessCodeEnab === void 0 ? false : _ref$isAccessCodeEnab,
       _ref$hideSessionButto = _ref.hideSessionButtons,
-      hideSessionButtons = _ref$hideSessionButto === void 0 ? false : _ref$hideSessionButto;
+      hideSessionButtons = _ref$hideSessionButto === void 0 ? false : _ref$hideSessionButto,
+      _ref$hideWaitingList = _ref.hideWaitingList,
+      hideWaitingList = _ref$hideWaitingList === void 0 ? false : _ref$hideWaitingList;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -4322,7 +4496,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
   }, []);
   React.useEffect(function () {
-    getTicketsApi();
+    !!eventId && getTicketsApi();
   }, [eventId, promoCodeUpdated]);
 
   var handleLogout = function handleLogout() {
@@ -4442,7 +4616,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
       var _product_options, _product_options2, _ticket_types;
 
-      var ticket, optionName, ticketId, ticketQuantity, data, result, _result$data$data$att, _result$data, _result$data$data, _result$data$data$att2, _result$data$data$att3, _result$data2, _result$data2$data, _result$data2$data$at, _result$data$data$att4, _result$data3, _result$data3$data, _result$data3$data$at, skipBillingPage, nameIsRequired, ageIsRequired, hash, _isWindowDefined, userData, access_token, ticketsQuantity, checkoutBody, checkoutResult;
+      var ticket, optionName, ticketId, ticketQuantity, data, result, _result$data$data$att, _result$data, _result$data$data, _result$data$data$att2, _result$data$data$att3, _result$data2, _result$data2$data, _result$data2$data$at, _result$data$data$att4, _result$data3, _result$data3$data, _result$data3$data$at, skipBillingPage, nameIsRequired, ageIsRequired, hash, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult;
 
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
@@ -4475,7 +4649,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               result = _context.sent;
 
               if (!(result.status === 200)) {
-                _context.next = 27;
+                _context.next = 26;
                 break;
               }
 
@@ -4486,7 +4660,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hash = '';
 
               if (!skipBillingPage) {
-                _context.next = 26;
+                _context.next = 25;
                 break;
               }
 
@@ -4494,16 +4668,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
               _isWindowDefined = typeof window !== 'undefined';
               userData = _isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
               access_token = _isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
-              ticketsQuantity = Object.keys(selectedTickets).length;
-              checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, userData);
-              _context.next = 24;
+              checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
+              _context.next = 23;
               return postOnCheckout(checkoutBody, access_token);
 
-            case 24:
+            case 23:
               checkoutResult = _context.sent;
               hash = _get(checkoutResult, 'data.data.attributes.hash');
 
-            case 26:
+            case 25:
               onAddToCartSuccess({
                 skip_billing_page: skipBillingPage,
                 names_required: nameIsRequired,
@@ -4512,29 +4685,29 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 hash: hash
               });
 
-            case 27:
-              _context.next = 32;
+            case 26:
+              _context.next = 31;
               break;
 
-            case 29:
-              _context.prev = 29;
+            case 28:
+              _context.prev = 28;
               _context.t0 = _context["catch"](6);
 
               if (axios.isAxiosError(_context.t0)) {
                 onAddToCartError(_context.t0);
               }
 
-            case 32:
-              _context.prev = 32;
+            case 31:
+              _context.prev = 31;
               setHandleBookIsLoading(false);
-              return _context.finish(32);
+              return _context.finish(31);
 
-            case 35:
+            case 34:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[6, 29, 32, 35]]);
+      }, _callee, null, [[6, 28, 31, 34]]);
     }));
 
     return function handleBook() {
@@ -4585,7 +4758,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     title: "Sales start in:",
     message: "No tickets are currently available for this event.",
     callback: updateTickets
-  }) : null, showWaitingList && event.salesStarted && React__default.createElement(WaitingList, {
+  }) : null, showWaitingList && event.salesStarted && !hideWaitingList && React__default.createElement(WaitingList, {
     tickets: tickets,
     eventId: eventId
   }), React__default.createElement(PromoCodeSection, {