tf-checkout-react 1.0.85 → 1.0.86

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

@@ -38,5 +38,6 @@ export interface IBillingInfoPage {
         input?: CSSProperties;
         checkbox?: CSSProperties;
     };
+    hideErrorsAlertSection?: 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 }: IBillingInfoPage) => JSX.Element;

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');
@@ -38,7 +39,6 @@ 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'));
@@ -1110,9 +1110,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 = '/';
+      }
     }
   }
 
@@ -1259,17 +1266,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;
   });
 };
@@ -1912,7 +1908,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
@@ -2188,7 +2185,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) || '',
@@ -2262,7 +2259,9 @@ 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;
 
   var themeMui = styles$1.createTheme(themeOptions);
   var isWindowDefined = typeof window !== 'undefined';
@@ -2374,19 +2373,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);
@@ -2552,8 +2538,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     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),
@@ -2743,7 +2729,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"
@@ -2810,7 +2796,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", {
@@ -3942,6 +3928,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],
@@ -4020,9 +4008,9 @@ 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", {
@@ -4610,7 +4598,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     isPromotionsEnabled: isPromotionsEnabled,
     isAccessCodeEnabled: isAccessCodeEnabled,
     isAllTicketsSoldOut: isAllTicketsSoldOut
-  }), isTicketOnSale && 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 () {}