tf-checkout-react 1.0.99-beta.2 → 1.0.99-beta.6

package/dist/api/index.d.ts

@@ -31,4 +31,5 @@ export declare const getOrderDetails: (orderId: string) => Promise<AxiosResponse
 export declare const addToWaitingList: (id: number, data: any) => Promise<AxiosResponse<any, any>>;
 export declare const getConditions: (eventId: string) => Promise<AxiosResponse<any, any>>;
 export declare const postReferralVisits: (eventId: string, referralId: string) => Promise<AxiosResponse<any, any>>;
+export declare const logout: () => void;
 export {};

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

@@ -9,7 +9,7 @@ export interface IBillingInfoPage {
     data?: IBillingInfoData[];
     ticketHoldersFields?: IBillingInfoData;
     handleSubmit?: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, eventId: any, res: any) => void;
-    onRegisterSuccess?: () => void;
+    onRegisterSuccess?: (value: any) => void;
     onRegisterError?: (e: AxiosError, email: string) => void;
     onSubmitError?: (e: AxiosError) => void;
     onGetCartSuccess?: (res: any) => void;

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

@@ -18,6 +18,8 @@ export interface IGetTickets {
     onAddToCartError: (e: AxiosError) => void;
     onGetTicketsSuccess: (response: any) => void;
     onGetTicketsError: (e: AxiosError) => void;
+    onLogoutSuccess: () => void;
+    onLogoutError: (e: AxiosError) => void;
     onLoginSuccess: () => void;
     theme?: 'light' | 'dark';
     queryPromoCode?: string;
@@ -38,5 +40,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, hideWaitingList, enableBillingInfoAutoCreate, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -23,6 +23,7 @@ var _flatMapDeep = _interopDefault(require('lodash/flatMapDeep'));
 var _isArray = _interopDefault(require('lodash/isArray'));
 var nanoid = require('nanoid');
 var TextField = _interopDefault(require('@mui/material/TextField'));
+var moment = _interopDefault(require('moment-timezone'));
 var styles = require('@mui/styles');
 var FormGroup = _interopDefault(require('@mui/material/FormGroup'));
 var FormControlLabel = _interopDefault(require('@mui/material/FormControlLabel'));
@@ -48,7 +49,6 @@ var _sortBy = _interopDefault(require('lodash/sortBy'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var SVG = _interopDefault(require('react-inlinesvg'));
-var moment = _interopDefault(require('moment-timezone'));
 var privateTheming = require('@mui/private-theming');
 var Table = _interopDefault(require('@mui/material/Table'));
 var TableBody = _interopDefault(require('@mui/material/TableBody'));
@@ -1114,18 +1114,22 @@ var downloadPDF = function downloadPDF(pdfUrl) {
   });
 };
 
-var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, logedInValues, includeDob) {
+var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, logedInValues, includeDob, userCredentials) {
   if (includeDob === void 0) {
     includeDob = false;
   }
 
+  if (userCredentials === void 0) {
+    userCredentials = {};
+  }
+
   var ticket_holders = [];
-  var first_name = _get(logedInValues, 'firstName') || _get(logedInValues, 'first_name') || '';
-  var last_name = _get(logedInValues, 'lastName', '') || _get(logedInValues, 'last_name') || '';
+  var first_name = _get(logedInValues, 'firstName') || _get(logedInValues, 'first_name') || _get(userCredentials, 'firstNameLogged') || '';
+  var last_name = _get(logedInValues, 'lastName') || _get(logedInValues, 'last_name') || _get(userCredentials, 'lastNameLogged') || '';
 
   var phone = _get(logedInValues, 'phone', '');
 
-  var email = _get(logedInValues, 'email', '');
+  var email = _get(logedInValues, 'email') || _get(userCredentials, 'emailLogged') || '';
 
   for (var i = 0; i <= ticketsQuantity - 1; i++) {
     var individualHolder = i ? {
@@ -1380,6 +1384,9 @@ var postReferralVisits = function postReferralVisits(eventId, referralId) {
     referrer: "" + referralId
   });
 };
+var logout = function logout() {
+  publicRequest["delete"]('/auth');
+};
 
 var style = {
   position: 'absolute',
@@ -1869,10 +1876,10 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
   });
   ticket_holders = filteredHolders.map(function (item, index) {
     return {
-      first_name: item["holderFirstName-" + index] || '',
-      last_name: item["holderLastName-" + index] || '',
+      first_name: !index ? item["holderFirstName-" + index] || logedInValues.firstNameLogged || '' : item["holderFirstName-" + index] || '',
+      last_name: !index ? item["holderLastName-" + index] || logedInValues.lastNameLogged || '' : item["holderLastName-" + index] || '',
       phone: item["holderPhone-" + index] || '',
-      email: item["holderEmail-" + index] || ''
+      email: !index ? item["holderEmail-" + index] || logedInValues.emailLogged || '' : item["holderEmail-" + index] || ''
     };
   });
   var filteredRestValue = {};
@@ -1923,6 +1930,14 @@ var getValidateFunctions = function getValidateFunctions(element, states, values
     validationFunctions.push(isSameEmail);
   }
 
+  if (element.name === 'confirmPassword') {
+    var isSame = function isSame(confirmPassword) {
+      return values.password !== confirmPassword ? 'Password confirmation does not match' : null;
+    };
+
+    validationFunctions.push(isSame);
+  }
+
   return combineValidators.apply(void 0, validationFunctions);
 };
 var assingUniqueIds = function assingUniqueIds(data) {
@@ -1961,6 +1976,14 @@ var CustomField = function CustomField(_ref) {
 
   var isTouched = Boolean(_get(touched, field.name)) || _includes(field.name, 'holder') && !!error && !!submitCount;
   var customTheme = styles.useTheme();
+  var inputProps = {
+    sx: customTheme == null ? void 0 : customTheme.input
+  };
+
+  if (type === 'date') {
+    inputProps.max = moment().format('YYYY-MM-DD');
+  }
+
   return React__default.createElement(TextField, Object.assign({
     id: field.name,
     label: label,
@@ -1980,9 +2003,7 @@ var CustomField = function CustomField(_ref) {
       sx: customTheme == null ? void 0 : customTheme.input,
       shrink: field.name === 'holderAge' ? true : undefined
     },
-    inputProps: {
-      sx: customTheme == null ? void 0 : customTheme.input
-    }
+    inputProps: inputProps
   }, field), isSelectField ? _map(selectOptions, function (option) {
     return React__default.createElement("option", {
       key: option.value,
@@ -2352,7 +2373,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
   var xtfCookie = getCookieByName('X-TF-ECOMMERCE');
 
-  var _useState2 = React.useState(!!access_token || xtfCookie),
+  var _useState2 = React.useState(pIsLoggedIn || xtfCookie),
       isLoggedIn = _useState2[0],
       setIsLoggedIn = _useState2[1];
 
@@ -2461,7 +2482,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   };
 
   React.useEffect(function () {
-    if ((pIsLoggedIn || access_token) && !isLoggedIn || xtfCookie) {
+    if (pIsLoggedIn && !isLoggedIn || xtfCookie) {
       setIsLoggedIn(true);
     }
   }, [pIsLoggedIn, isLoggedIn, access_token, xtfCookie]); //just once
@@ -2675,37 +2696,38 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     collectPaymentData();
   }, [skipPage, ticketsQuantity]);
 
-  var collectCheckoutBody = function collectCheckoutBody(values) {
+  var collectCheckoutBody = function collectCheckoutBody(values, profileData) {
     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, {
+      checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true, {
         emailLogged: emailLogged,
         firstNameLogged: firstNameLogged,
         lastNameLogged: lastNameLogged
+      });
+    } else {
+      checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
+        emailLogged: emailLogged || profileData.email,
+        firstNameLogged: firstNameLogged || profileData.first_name,
+        lastNameLogged: lastNameLogged || profileData.last_name
       }, 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, {
+  }, loading && React__default.createElement(Backdrop, {
+    sx: {
+      color: '#fff',
+      backgroundColor: '#000000bd',
+      zIndex: 1205
+    },
+    open: true
+  }, React__default.createElement(material.CircularProgress, {
+    color: "inherit"
+  })), React__default.createElement(formik.Formik, {
     initialValues: getInitialValues(dataWithUniqueIds, _extends({}, initialValues, {
       country: _get(userData, 'country', '') || '1',
       state: _get(userData, 'state', '') || '1',
@@ -2715,7 +2737,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     enableReinitialize: true,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
-        var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, checkoutBodyForRegistration, bodyFormData, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
+        var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, accessToken, refreshToken, userProfile, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
 
         return runtime_1.wrap(function _callee6$(_context6) {
           while (1) {
@@ -2763,17 +2785,29 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }, showDOB);
                 bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration);
                 _context6.prev = 17;
-                _context6.next = 20;
+                setLoading(true);
+                _context6.next = 21;
                 return register(bodyFormData);
 
-              case 20:
-                onRegisterSuccess();
-                _context6.next = 27;
+              case 21:
+                resRegister = _context6.sent;
+                _xtfCookie = _get(resRegister, 'headers.x-tf-ecommerce');
+                accessToken = _get(resRegister, 'data.data.attributes.access_token');
+                refreshToken = _get(resRegister, 'data.data.attributes.refresh_token');
+                userProfile = _get(resRegister, 'data.data.attributes.user_profile');
+                onRegisterSuccess({
+                  xtfCookie: _xtfCookie,
+                  accessToken: accessToken,
+                  refreshToken: refreshToken,
+                  userProfile: userProfile
+                });
+                _context6.next = 34;
                 break;
 
-              case 23:
-                _context6.prev = 23;
+              case 29:
+                _context6.prev = 29;
                 _context6.t0 = _context6["catch"](17);
+                setLoading(false);
 
                 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;
@@ -2798,11 +2832,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
                 return _context6.abrupt("return");
 
-              case 27:
-                _context6.next = 29;
+              case 34:
+                _context6.next = 36;
                 return getProfileData();
 
-              case 29:
+              case 36:
                 profileData = _context6.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = setLoggedUserData(profileSpecifiedData);
@@ -2811,19 +2845,20 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
                 }
 
-                checkoutBody = collectCheckoutBody(values);
-                _context6.next = 36;
+                checkoutBody = collectCheckoutBody(values, profileDataObj);
+                _context6.next = 43;
                 return postOnCheckout(checkoutBody);
 
-              case 36:
+              case 43:
                 res = _context6.sent;
                 handleSubmit(values, formikHelpers, eventId, res);
-                _context6.next = 43;
+                _context6.next = 51;
                 break;
 
-              case 40:
-                _context6.prev = 40;
+              case 47:
+                _context6.prev = 47;
                 _context6.t1 = _context6["catch"](0);
+                setLoading(false);
 
                 if (axios.isAxiosError(_context6.t1)) {
                   if (((_e$response2 = _context6.t1.response) == null ? void 0 : _e$response2.data.error) === 'invalid_token') {
@@ -2846,12 +2881,17 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   onSubmitError(_context6.t1);
                 }
 
-              case 43:
+              case 51:
+                _context6.prev = 51;
+                setLoading(false);
+                return _context6.finish(51);
+
+              case 54:
               case "end":
                 return _context6.stop();
             }
           }
-        }, _callee6, null, [[0, 40], [17, 23]]);
+        }, _callee6, null, [[0, 47, 51, 54], [17, 29]]);
       }));
 
       function onSubmit(_x2, _x3) {
@@ -4527,6 +4567,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
       onGetTicketsSuccess = _ref$onGetTicketsSucc === void 0 ? function () {} : _ref$onGetTicketsSucc,
       _ref$onGetTicketsErro = _ref.onGetTicketsError,
       onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro,
+      _ref$onLogoutSuccess = _ref.onLogoutSuccess,
+      onLogoutSuccess = _ref$onLogoutSuccess === void 0 ? function () {} : _ref$onLogoutSuccess,
+      _ref$onLogoutError = _ref.onLogoutError,
+      onLogoutError = _ref$onLogoutError === void 0 ? function () {} : _ref$onLogoutError,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'light' : _ref$theme,
       _ref$queryPromoCode = _ref.queryPromoCode,
@@ -4612,18 +4656,50 @@ var TicketsContainer = function TicketsContainer(_ref) {
     !!eventId && getTicketsApi();
   }, [eventId, promoCodeUpdated]);
 
-  var handleLogout = function handleLogout() {
-    if (isWindowDefined) {
-      window.localStorage.removeItem('access_token');
-      window.localStorage.removeItem('user_data');
-      setIsLogged(false);
+  var handleLogout = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+      var _event;
 
-      var _event = new window.CustomEvent('tf-logout');
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return logout();
 
-      deleteCookieByName('X-TF-ECOMMERCE');
-      window.document.dispatchEvent(_event);
-    }
-  };
+            case 3:
+              onLogoutSuccess();
+
+              if (isWindowDefined) {
+                window.localStorage.removeItem('access_token');
+                window.localStorage.removeItem('user_data');
+                setIsLogged(false);
+                _event = new window.CustomEvent('tf-logout');
+                deleteCookieByName('X-TF-ECOMMERCE');
+                window.document.dispatchEvent(_event);
+              }
+
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              onLogoutError(_context.t0);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function handleLogout() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   var handleExternalLogin = function handleExternalLogin() {
     setIsLogged(true);
@@ -4647,25 +4723,25 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }
 
   function _getTicketsApi() {
-    _getTicketsApi = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+    _getTicketsApi = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
       var response, eventResponse, attributes, _event2;
 
-      return runtime_1.wrap(function _callee2$(_context2) {
+      return runtime_1.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
-              _context2.prev = 0;
+              _context3.prev = 0;
               setIsLoading(true);
-              _context2.next = 4;
+              _context3.next = 4;
               return getTickets(eventId, promoCodeUpdated);
 
             case 4:
-              response = _context2.sent;
-              _context2.next = 7;
+              response = _context3.sent;
+              _context3.next = 7;
               return getEvent(eventId);
 
             case 7:
-              eventResponse = _context2.sent;
+              eventResponse = _context3.sent;
 
               if (response.data.success) {
                 setCustomHeader(response);
@@ -4682,41 +4758,41 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setEvent(_event2);
               }
 
-              _context2.next = 15;
+              _context3.next = 15;
               break;
 
             case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](0);
+              _context3.prev = 12;
+              _context3.t0 = _context3["catch"](0);
 
-              if (axios.isAxiosError(_context2.t0)) {
-                onGetTicketsError(_context2.t0);
+              if (axios.isAxiosError(_context3.t0)) {
+                onGetTicketsError(_context3.t0);
               }
 
             case 15:
-              _context2.prev = 15;
+              _context3.prev = 15;
               setIsLoading(false);
-              return _context2.finish(15);
+              return _context3.finish(15);
 
             case 18:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2, null, [[0, 12, 15, 18]]);
+      }, _callee3, null, [[0, 12, 15, 18]]);
     }));
     return _getTicketsApi.apply(this, arguments);
   }
 
   var handleTicketSelect = function handleTicketSelect(key, value) {
     setSelectedTickets(function (prevState) {
-      var _ref2;
+      var _ref3;
 
       if (Object.keys(prevState)[0] !== key && !value) {
         return prevState;
       }
 
-      return _ref2 = {}, _ref2[key] = value, _ref2;
+      return _ref3 = {}, _ref3[key] = value, _ref3;
     });
   };
 
@@ -4727,14 +4803,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
   };
 
   var handleBook = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
       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, checkoutBody, checkoutResult;
 
-      return runtime_1.wrap(function _callee$(_context) {
+      return runtime_1.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
               setHandleBookIsLoading(true);
               ticket = _find(tickets, function (item) {
@@ -4755,15 +4831,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
                   }, _ticket_types)
                 }
               };
-              _context.prev = 6;
-              _context.next = 9;
+              _context2.prev = 6;
+              _context2.next = 9;
               return addToCart(eventId, data);
 
             case 9:
-              result = _context.sent;
+              result = _context2.sent;
 
               if (!(result.status === 200)) {
-                _context.next = 31;
+                _context2.next = 31;
                 break;
               }
 
@@ -4774,7 +4850,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hash = '';
 
               if (!skipBillingPage) {
-                _context.next = 30;
+                _context2.next = 30;
                 break;
               }
 
@@ -4785,23 +4861,23 @@ var TicketsContainer = function TicketsContainer(_ref) {
               checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
 
               if (!enableBillingInfoAutoCreate) {
-                _context.next = 27;
+                _context2.next = 27;
                 break;
               }
 
-              _context.next = 24;
+              _context2.next = 24;
               return postOnCheckout(checkoutBody, access_token);
 
             case 24:
-              _context.t0 = _context.sent;
-              _context.next = 28;
+              _context2.t0 = _context2.sent;
+              _context2.next = 28;
               break;
 
             case 27:
-              _context.t0 = null;
+              _context2.t0 = null;
 
             case 28:
-              checkoutResult = _context.t0;
+              checkoutResult = _context2.t0;
               hash = _get(checkoutResult, 'data.data.attributes.hash');
 
             case 30:
@@ -4814,32 +4890,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
               });
 
             case 31:
-              _context.next = 36;
+              _context2.next = 36;
               break;
 
             case 33:
-              _context.prev = 33;
-              _context.t1 = _context["catch"](6);
+              _context2.prev = 33;
+              _context2.t1 = _context2["catch"](6);
 
-              if (axios.isAxiosError(_context.t1)) {
-                onAddToCartError(_context.t1);
+              if (axios.isAxiosError(_context2.t1)) {
+                onAddToCartError(_context2.t1);
               }
 
             case 36:
-              _context.prev = 36;
+              _context2.prev = 36;
               setHandleBookIsLoading(false);
-              return _context.finish(36);
+              return _context2.finish(36);
 
             case 39:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee, null, [[6, 33, 36, 39]]);
+      }, _callee2, null, [[6, 33, 36, 39]]);
     }));
 
     return function handleBook() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
 
@@ -4906,7 +4982,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     isPromotionsEnabled: isPromotionsEnabled,
     isAccessCodeEnabled: isAccessCodeEnabled,
     isAllTicketsSoldOut: isAllTicketsSoldOut
-  }), (isTicketOnSale || !(event != null && event.salesEnded)) && !isSalesClosed && (event == null ? void 0 : event.salesStarted) && React__default.createElement(Button$1, {
+  }), isTicketOnSale && !isSalesClosed && (event == null ? void 0 : event.salesStarted) && 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 () {}