tf-checkout-react 1.0.84 → 1.0.88

package/dist/components/billing-info-container/index.d.ts

@@ -38,5 +38,8 @@ export interface IBillingInfoPage {
         input?: CSSProperties;
         checkbox?: CSSProperties;
     };
+    hideErrorsAlertSection?: boolean;
+    onSkipBillingPage: (data: any) => void;
+    skipPage?: boolean;
 }
-export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose }: IBillingInfoPage) => JSX.Element;
+export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, }: IBillingInfoPage) => JSX.Element;

package/dist/components/paymentContainer/index.d.ts

@@ -5,7 +5,7 @@ import './style.css';
 import { IPaymentField } from '../../types';
 import { StripeCardNumberElementOptions } from '@stripe/stripe-js';
 import { ThemeOptions } from '@mui/material';
-import { CSSProperties } from "@mui/styles";
+import { CSSProperties } from '@mui/styles';
 export interface IPaymentPage {
     paymentFields: IPaymentField[];
     handlePayment: any;
@@ -23,5 +23,7 @@ export interface IPaymentPage {
         checkbox?: CSSProperties;
     };
     elementsOptions?: StripeElementsOptions;
+    onCountdownFinish?: () => void;
+    enableTimer?: boolean;
 }
-export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, }: IPaymentPage) => JSX.Element;

package/dist/components/ticketsContainer/index.d.ts

@@ -28,6 +28,7 @@ export interface IGetTickets {
     };
     isAccessCodeEnabled?: boolean;
     hideSessionButtons?: boolean;
+    hideWaitingList?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -36,5 +37,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList }: IGetTickets) => JSX.Element;
 export {};

package/dist/components/timerWidget/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import './style.css';
+export interface ITimerWidgetPage {
+    expires_at: number;
+    buyLoading?: boolean;
+    onCountdownFinish?: () => void;
+}
+export interface IRenderer {
+    minutes: number;
+    seconds: number;
+    completed: number;
+    handleCountdownFinish: () => void;
+}
+declare const TimerWidget: ({ expires_at, buyLoading, onCountdownFinish, }: ITimerWidgetPage) => JSX.Element | null;
+export default TimerWidget;

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

@@ -13,6 +13,7 @@ var _map = _interopDefault(require('lodash/map'));
 var _get = _interopDefault(require('lodash/get'));
 var _includes = _interopDefault(require('lodash/includes'));
 var _isEqual = _interopDefault(require('lodash/isEqual'));
+var _isEmpty = _interopDefault(require('lodash/isEmpty'));
 var axios = _interopDefault(require('axios'));
 var _forEach = _interopDefault(require('lodash/forEach'));
 var material = require('@mui/material');
@@ -29,15 +30,18 @@ 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'));
 var _find = _interopDefault(require('lodash/find'));
-var _isEmpty = _interopDefault(require('lodash/isEmpty'));
 var Button$1 = _interopDefault(require('react-bootstrap/Button'));
 var jwt_decode = _interopDefault(require('jwt-decode'));
 var _sortBy = _interopDefault(require('lodash/sortBy'));
@@ -1109,9 +1113,16 @@ publicRequest.interceptors.response.use(function (response) {
 
   if ((error == null ? void 0 : (_error$response = error.response) == null ? void 0 : _error$response.status) === 401) {
     if (isWindowDefined) {
+      var _error$response2, _error$response2$data;
+
       window.localStorage.removeItem('auth_guest_token');
       window.localStorage.removeItem('user_data');
       window.localStorage.removeItem('access_token');
+      var errorType = error == null ? void 0 : (_error$response2 = error.response) == null ? void 0 : (_error$response2$data = _error$response2.data) == null ? void 0 : _error$response2$data.error;
+
+      if (errorType === 'invalid_token') {
+        window.location.href = '/';
+      }
     }
   }
 
@@ -1258,17 +1269,6 @@ var getProfileData = function getProfileData(accessToken) {
       Authorization: "Bearer " + accessToken
     })
   })["catch"](function (e) {
-    var _e$response, _e$response$data;
-
-    var errorType = e == null ? void 0 : (_e$response = e.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.error;
-
-    if (isWindowDefined) {
-      var event = new window.CustomEvent('auth_error', {
-        detail: errorType
-      });
-      window.document.dispatchEvent(event);
-    }
-
     return e;
   });
 };
@@ -1911,7 +1911,8 @@ var CustomField = function CustomField(_ref) {
       }
     },
     InputLabelProps: {
-      sx: customTheme == null ? void 0 : customTheme.input
+      sx: customTheme == null ? void 0 : customTheme.input,
+      shrink: field.name === 'holderAge' ? true : undefined
     },
     inputProps: {
       sx: customTheme == null ? void 0 : customTheme.input
@@ -2187,7 +2188,7 @@ var LogicRunner = function LogicRunner(_ref) {
               confirmEmail: (parsedData == null ? void 0 : parsedData.email) || '',
               state: (parsedData == null ? void 0 : parsedData.state) || '',
               street_address: (parsedData == null ? void 0 : parsedData.street_address) || '',
-              country: (parsedData == null ? void 0 : parsedData.country) || "1",
+              country: (parsedData == null ? void 0 : parsedData.country) || '1',
               zip: (parsedData == null ? void 0 : parsedData.zip) || '',
               brand_opt_in: (parsedData == null ? void 0 : parsedData.brand_opt_in) || '',
               city: (parsedData == null ? void 0 : parsedData.city) || '',
@@ -2261,7 +2262,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       hideLogo = _ref3.hideLogo,
       themeOptions = _ref3.themeOptions,
       _ref3$onErrorClose = _ref3.onErrorClose,
-      onErrorClose = _ref3$onErrorClose === void 0 ? function () {} : _ref3$onErrorClose;
+      onErrorClose = _ref3$onErrorClose === void 0 ? function () {} : _ref3$onErrorClose,
+      _ref3$hideErrorsAlert = _ref3.hideErrorsAlertSection,
+      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;
 
   var themeMui = styles$1.createTheme(themeOptions);
   var isWindowDefined = typeof window !== 'undefined';
@@ -2326,9 +2333,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', '');
 
@@ -2341,7 +2352,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
   var optedInFieldValue = _get(cartInfoData, 'optedIn', false);
 
-  var ttfOptIn = _get(cartInfoData, 'ttfOptIn', false);
+  var ttfOptIn = Boolean(_get(cartInfoData, 'ttfOptIn', false));
 
   var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true); // Get prevProps
 
@@ -2373,19 +2384,6 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     return qty;
   };
 
-  var handleAuthErrors = React.useCallback(function (e) {
-    setIsLoggedIn(false);
-
-    if (isWindowDefined && (e == null ? void 0 : e.detail) === 'invalid_token') {
-      window.location.href = '/';
-    }
-  }, []);
-  React.useEffect(function () {
-    isWindowDefined && window.document.addEventListener('auth_error', handleAuthErrors);
-    return function () {
-      isWindowDefined && window.document.removeEventListener('auth_error', handleAuthErrors);
-    };
-  }, [handleAuthErrors]);
   React.useEffect(function () {
     if ((pIsLoggedIn || access_token) && !isLoggedIn) {
       setIsLoggedIn(true);
@@ -2547,41 +2545,106 @@ 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]); // 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, {
     initialValues: getInitialValues(dataWithUniqueIds, _extends({}, initialValues, {
-      country: _get(userData, 'country', '') || "1",
-      state: _get(userData, 'state', '') || "1",
+      country: _get(userData, 'country', '') || '1',
+      state: _get(userData, 'state', '') || '1',
       brand_opt_in: optedInFieldValue,
       ttf_opt_in: ttfOptIn
     }), 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);
 
@@ -2595,17 +2658,17 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   firstNameLogged: firstNameLogged,
                   lastNameLogged: lastNameLogged
                 }, showDOB);
-                _context5.next = 12;
+                _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, {
@@ -2615,12 +2678,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);
@@ -2629,15 +2692,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);
@@ -2654,17 +2717,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);
 
@@ -2677,25 +2740,25 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   firstNameLogged: firstNameLogged,
                   lastNameLogged: lastNameLogged
                 }, showDOB);
-                _context5.next = 44;
+                _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');
@@ -2704,23 +2767,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) {
@@ -2742,7 +2805,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       onGetStatesError: onGetStatesError
     }), React__default.createElement("div", {
       className: "billing-info-container " + theme
-    }, error && React__default.createElement(material.Alert, {
+    }, error && !hideErrorsAlertSection && React__default.createElement(material.Alert, {
       severity: "error",
       onClose: onErrorClose,
       variant: "filled"
@@ -2809,7 +2872,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
           })));
         })));
       }));
-    }), React__default.createElement("div", {
+    }), !_isEmpty(ticketHoldersFields.fields) && React__default.createElement("div", {
       className: "ticket-holders-fields"
     }, React__default.createElement("p", null, ticketHoldersFields.label), _map(ticketsQuantity, function (_item, index) {
       return React__default.createElement("div", {
@@ -3148,6 +3211,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) {
@@ -3208,7 +3328,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],
@@ -3397,7 +3521,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"
@@ -3941,6 +4069,8 @@ var WaitingList = function WaitingList(_ref) {
   var _ref$tickets = _ref.tickets,
       tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
       eventId = _ref.eventId;
+  var isWindowDefined = typeof window !== 'undefined';
+  var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
 
   var _useState = React.useState(false),
       showSuccessMessage = _useState[0],
@@ -4019,16 +4149,16 @@ var WaitingList = function WaitingList(_ref) {
     initialValues: {
       ticketTypeId: '',
       quantity: '',
-      firstName: '',
-      lastName: '',
-      email: ''
+      firstName: userData.first_name || '',
+      lastName: userData.last_name || '',
+      email: userData.email || ''
     },
     onSubmit: handleSubmit
   }, React__default.createElement(formik.Form, null, React__default.createElement(ErrorFocus, null), showTicketsField && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "field-item"
   }, React__default.createElement(formik.Field, {
     name: "ticketTypeId",
-    label: "Ticket types",
+    label: "Type of Ticket",
     type: "select",
     component: CustomField,
     selectOptions: [{
@@ -4040,7 +4170,7 @@ var WaitingList = function WaitingList(_ref) {
     className: "field-item"
   }, React__default.createElement(formik.Field, {
     name: "quantity",
-    label: "Quantity",
+    label: "Quantity Requested",
     type: "select",
     component: CustomField,
     selectOptions: [{
@@ -4266,7 +4396,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],
@@ -4306,7 +4438,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       promoCode = _useState8[0],
       setPromoCode = _useState8[1];
 
-  var _useState9 = React.useState(queryPromoCode),
+  var _useState9 = React.useState(getQueryVariable('r') || queryPromoCode),
       promoCodeUpdated = _useState9[0],
       setPromoCodeUpdated = _useState9[1];
 
@@ -4557,9 +4689,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
     getTicketsApi();
   };
 
-  var isAllTicketsSoldOut = !_some(tickets, function (item) {
-    return !(item.sold_out || item.soldOut);
+  var isAllTicketsSoldOut = _every(tickets, function (item) {
+    return item.sold_out || item.soldOut;
   });
+
+  var isTicketOnSale = _some(tickets, function (item) {
+    return item.salesStarted && !item.salesEnded && !item.soldOut;
+  });
+
   var themeMui = material.createTheme(themeOptions);
   React.useEffect(function () {
     isWindowDefined && window.document.addEventListener('custom-logout', handleLogout);
@@ -4583,13 +4720,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
     promoCodeIsApplied: promoCodeIsApplied
-  }), event != null && event.salesEnded ? React__default.createElement("p", null, "Sales for this event are closed.") : event != null && event.salesStart ? React__default.createElement(Countdown, {
+  }), event != null && event.salesEnded ? React__default.createElement("p", {
+    className: 'event-closed-message'
+  }, "Sales for this event are closed.") : !(event != null && event.salesStarted) && event != null && event.salesStart ? React__default.createElement(Countdown, {
     startDate: event.salesStart,
     timezone: event.timezone,
     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, {
@@ -4602,7 +4741,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     isPromotionsEnabled: isPromotionsEnabled,
     isAccessCodeEnabled: isAccessCodeEnabled,
     isAllTicketsSoldOut: isAllTicketsSoldOut
-  }), !isAllTicketsSoldOut && React__default.createElement(Button$1, {
+  }), (isTicketOnSale || !(event != null && event.salesEnded)) && React__default.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button " + (handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0 ? 'disabled' : ''),
     onClick: !handleBookIsLoading && !_isEmpty(selectedTickets) && Object.values(selectedTickets)[0] > 0 ? handleBook : function () {}