tf-checkout-react 1.0.82 → 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');
@@ -36,8 +37,8 @@ var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
 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 +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 = '/';
+      }
     }
   }
 
@@ -1258,11 +1266,6 @@ var getProfileData = function getProfileData(accessToken) {
       Authorization: "Bearer " + accessToken
     })
   })["catch"](function (e) {
-    if (isWindowDefined) {
-      var event = new window.CustomEvent('auth_error', e);
-      window.document.dispatchEvent(event);
-    }
-
     return e;
   });
 };
@@ -1905,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
@@ -2101,14 +2105,6 @@ var FormikPhoneNumberField = function FormikPhoneNumberField(_ref) {
   }, rest));
 };
 
-var usePrevious = function usePrevious(value) {
-  var ref = React.useRef();
-  React.useEffect(function () {
-    ref.current = value;
-  });
-  return ref.current;
-};
-
 var LogicRunner = function LogicRunner(_ref) {
   var values = _ref.values,
       setStates = _ref.setStates,
@@ -2189,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) || '',
@@ -2263,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';
@@ -2343,16 +2341,25 @@ 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
 
 
-  var prevData = usePrevious(data);
+  var prevData = React.useRef(data);
+  React.useEffect(function () {
+    var hasUniqueId = _get(dataWithUniqueIds, '[0].uniqueId');
+
+    var isEqualData = _isEqual(prevData.current, data);
 
-  if (!_get(dataWithUniqueIds, '[0].uniqueId') || !_isEqual(prevData, data)) {
-    setDataWithUniqueIds(assingUniqueIds(data));
-  }
+    if (!hasUniqueId || !isEqualData) {
+      setDataWithUniqueIds(assingUniqueIds(data));
+
+      if (!isEqualData) {
+        prevData.current = data;
+      }
+    }
+  }, [dataWithUniqueIds, data]);
 
   var getQuantity = function getQuantity(cart) {
     if (cart === void 0) {
@@ -2366,15 +2373,6 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     return qty;
   };
 
-  var handleAuthErrors = React.useCallback(function () {
-    setIsLoggedIn(false);
-  }, []);
-  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);
@@ -2540,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),
@@ -2731,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"
@@ -2798,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", {
@@ -3930,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],
@@ -4008,16 +4008,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: [{
@@ -4029,7 +4029,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: [{
@@ -4546,9 +4546,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);
@@ -4572,7 +4577,9 @@ 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:",
@@ -4591,7 +4598,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 () {}