tf-checkout-react 1.4.23-beta.2 → 1.4.23-beta.4

package/dist/hooks/useOnline.d.ts

@@ -0,0 +1 @@
+export declare const useOnline: (handler: (value: boolean) => void) => void;

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

@@ -5922,7 +5922,7 @@ var TicketRow = function TicketRow(_ref) {
   } else if (canPurchaseTicket && isSeatMapAllowed && !isDirectPurchaseAllowed) {
     // Seat Map Tickets renderer logic
     returnValue = null;
-  } else if (canPurchaseTicket || event != null && event.presalesStarted && !(event != null && event.presalesEnded)) {
+  } else if (canPurchaseTicket || canPurchaseTicket && event != null && event.presalesStarted && !(event != null && event.presalesEnded)) {
     returnValue = onSaleContent;
   } else if (_get(prevTicketTier, 'in_stock')) {
     returnValue = 'SOON';
@@ -6601,6 +6601,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
       }
     }
   };
+  var handleNotAvailableTicketsClick = function handleNotAvailableTicketsClick() {
+    if (!_isEmpty(selectedTickets)) {
+      setTicketsNotAvailableModalOpen(true);
+    }
+  };
   var bookButtonIsDisabled = (handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0) && !(event != null && event.flagSeatMapAllowed);
   var isTicketAvailable = _some(tickets, function (ticket) {
     return ticket.displayTicket && !ticket.soldOut && (ticket.salesStarted || (event == null ? void 0 : event.presalesStarted) && !(event != null && event.presalesEnded));
@@ -6733,9 +6738,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }) : null, wrappedActionsSectionComponent, canShowGetTicketBtn() && React__default.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button \n                  " + (bookButtonIsDisabled ? 'disabled' : '') + "  \n                  " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  " + (!isLoggedIn ? 'on-bottom' : '') + "\n                ",
-    onClick: event != null && event.salesStart && event != null && event.presalesStarted && !(event != null && event.presalesEnded) && (!isPreregistred || !isLogged) ? function () {
-      return setTicketsNotAvailableModalOpen(true);
-    } : handleGetTicketClick
+    onClick: event != null && event.salesStart && event != null && event.presalesStarted && !(event != null && event.presalesEnded) && (!isPreregistred || !isLogged) ? handleNotAvailableTicketsClick : handleGetTicketClick
   }, selectedTickets.isTable ? 'RESERVE TABLES' : getTicketsLabel || 'GET TICKETS'), isSeatMapAllowed && !(event != null && event.salesEnded) && isTicketAvailable && React__default.createElement(Button$1, {
     className: "reserve-button",
     "aria-hidden": true,
@@ -9487,6 +9490,24 @@ var DelegationsContainer = function DelegationsContainer(_ref) {
   }));
 };
 
+var useOnline = function useOnline(handler) {
+  React.useEffect(function () {
+    var handleOffline = function handleOffline() {
+      handler(false);
+    };
+    var handleOnline = function handleOnline() {
+      handler(true);
+    };
+    window.addEventListener('offline', handleOffline);
+    window.addEventListener('online', handleOnline);
+    return function () {
+      window.removeEventListener('offline', handleOffline);
+      window.removeEventListener('online', handleOnline);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+
 var addToCartFunc = /*#__PURE__*/function () {
   var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
     var eventId, data, ticketQuantity, _ref$enableBillingInf, enableBillingInfoAutoCreate, isWindowDefined, result, pageConfigsDataResponse, pageConfigsData, _pageConfigsData$skip, skipBillingPage, _pageConfigsData$name, nameIsRequired, _pageConfigsData$age_, ageIsRequired, _pageConfigsData$phon, phoneIsRequired, _pageConfigsData$hide, hidePhoneField, _pageConfigsData$has_, hasAddOn, _pageConfigsData$free, freeTicket, _pageConfigsData$coll, collectOptionalWalletAddress, _pageConfigsData$coll2, collectMandatoryWalletAddress, hash, total, userData, checkoutBody, checkoutResult;
@@ -9937,6 +9958,7 @@ var TicketsSection$1 = function TicketsSection(props) {
   }) : getTicketsBtnLabel || getButtonLabel(reservedSeats.length, tableMapEnabled)))));
 };
 
+var OFFLINE_MESSAGE = 'Offline.';
 var SeatMapContainer = function SeatMapContainer(props) {
   var _props$event = props.event,
     eventId = _props$event.id,
@@ -9989,7 +10011,11 @@ var SeatMapContainer = function SeatMapContainer(props) {
   var _useState11 = React.useState({}),
     guestCounts = _useState11[0],
     setGuestCounts = _useState11[1];
+  var _useState12 = React.useState(true),
+    isOnline = _useState12[0],
+    setIsOnline = _useState12[1];
   var isGuestCountsSet = React.useRef(false);
+  useOnline(setIsOnline);
   var updateGuestCounts = function updateGuestCounts(data) {
     _forEach(data, function (item) {
       var tierTickets = ticketTypeTierRelationsRef.current[item.tierId];
@@ -10041,10 +10067,14 @@ var SeatMapContainer = function SeatMapContainer(props) {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _context2.prev = 0;
-          _context2.next = 3;
+          if (!isOnline) {
+            _context2.next = 18;
+            break;
+          }
+          _context2.prev = 1;
+          _context2.next = 4;
           return getSeatMapStatuses(eventId);
-        case 3:
+        case 4:
           statusesResponse = _context2.sent;
           statuses = _get(statusesResponse, 'data.attributes') || {};
           reservationData = [];
@@ -10083,18 +10113,18 @@ var SeatMapContainer = function SeatMapContainer(props) {
               setSelectedTickets({});
             }
           }
-          _context2.next = 17;
+          _context2.next = 18;
           break;
-        case 14:
-          _context2.prev = 14;
-          _context2.t0 = _context2["catch"](0);
+        case 15:
+          _context2.prev = 15;
+          _context2.t0 = _context2["catch"](1);
           setError('Something went wrong');
-        case 17:
+        case 18:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[0, 14]]);
-  })), [eventId, seatMapStatuses, reservedSeats]);
+    }, _callee2, null, [[1, 15]]);
+  })), [eventId, seatMapStatuses, reservedSeats, isOnline]);
   var startTimer = React.useCallback(function (duration) {
     setShowTimer(true);
     if (!localStorage.getItem("reservationStart-" + eventId)) {
@@ -10336,6 +10366,13 @@ var SeatMapContainer = function SeatMapContainer(props) {
       clearInterval(intervalId);
     };
   }, [fetchSeatMapReservations]);
+  React.useEffect(function () {
+    if (!isOnline) {
+      setError(OFFLINE_MESSAGE);
+    } else if (isOnline && error === OFFLINE_MESSAGE) {
+      setError(null);
+    }
+  }, [error, isOnline]);
   return React__default.createElement(React__default.Fragment, null, error && React__default.createElement(material.Alert, {
     severity: "error",
     onClose: function onClose() {
@@ -10864,7 +10901,7 @@ var RsvpContainer = function RsvpContainer(_ref) {
 
 var formFieldsNotLoggedIn = [{
   name: 'basic-info',
-  groupLabel: 'Create (or log in to) your account, then click on Confirm Registration.',
+  groupLabel: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, "If you want to enter your details manually, please type them below to create an account, then click on"), /*#__PURE__*/React__default.createElement("b", null, " Confirm Registration:")),
   groupLabelClassName: '',
   groupClassName: '',
   fields: [{
@@ -11276,11 +11313,11 @@ var PreRegistration = function PreRegistration(_ref) {
     }();
     fetchCountries();
   }, []);
+  var hash = getQueryVariable('hash') || '';
+  var referrerId = getQueryVariable('referrer_id') || '';
   return React__default.createElement("div", {
     className: "pre-registration-container"
-  }, React__default.createElement(ReferralLogic, {
-    eventId: eventId
-  }), React__default.createElement(SnackbarAlert, {
+  }, React__default.createElement(SnackbarAlert, {
     type: "error",
     isOpen: !!error,
     message: error || '',
@@ -11291,7 +11328,7 @@ var PreRegistration = function PreRegistration(_ref) {
     className: "account-actions-block"
   }, React__default.createElement("div", {
     className: "action-item"
-  }, React__default.createElement("div", null, React__default.createElement("span", null, "If you have a"), React__default.createElement("b", null, " Mana Common "), React__default.createElement("span", null, "account and password already,"))), React__default.createElement("div", {
+  }, React__default.createElement("div", null, React__default.createElement("span", null, "If you have a"), React__default.createElement("b", null, " Mana Common "), React__default.createElement("span", null, "account and password already, create (or log in to) your account, then click on Confirm Registration."))), React__default.createElement("div", {
     className: "action-item login-block"
   }, React__default.createElement("button", {
     className: "login-register-button",
@@ -11335,7 +11372,7 @@ var PreRegistration = function PreRegistration(_ref) {
             case 0:
               _context2.prev = 0;
               if (!isLoggedIn) {
-                _context2.next = 15;
+                _context2.next = 17;
                 break;
               }
               updatedValues = _extends({}, values);
@@ -11343,19 +11380,21 @@ var PreRegistration = function PreRegistration(_ref) {
               updatedValues.dobDay = holderAgeDate.getDate();
               updatedValues.dobMonth = holderAgeDate.getMonth() + 1;
               updatedValues.dobYear = holderAgeDate.getFullYear();
+              updatedValues.referrerId = referrerId;
+              updatedValues.shareHash = hash;
               // remove date picker string value
               delete updatedValues.holderAge;
-              _context2.next = 10;
+              _context2.next = 12;
               return confirmPreRegistration(eventId, updatedValues);
-            case 10:
+            case 12:
               confirmationData = _context2.sent;
               if (isWindowDefined$1) {
                 window.localStorage.setItem('pre-registration-hash', _get(confirmationData, 'attributes.hash'));
               }
               onConfirmationSuccess(confirmationData);
-              _context2.next = 35;
+              _context2.next = 37;
               break;
-            case 15:
+            case 17:
               bodyFormData = new FormData();
               bodyFormData.append('first_name', values.firstName);
               bodyFormData.append('last_name', values.lastName);
@@ -11368,23 +11407,23 @@ var PreRegistration = function PreRegistration(_ref) {
               bodyFormData.append('client_id', CONFIGS.CLIENT_ID);
               bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET);
               bodyFormData.append('register_for', 'prereg');
-              _context2.next = 29;
+              _context2.next = 31;
               return register(bodyFormData);
-            case 29:
+            case 31:
               res = _context2.sent;
-              _context2.next = 32;
+              _context2.next = 34;
               return getProfileData();
-            case 32:
+            case 34:
               profileRes = _context2.sent;
               onLoginSuccess(res.data);
               if (isWindowDefined$1) {
                 window.localStorage.setItem('user_data', JSON.stringify(_get(profileRes, 'data.data')));
               }
-            case 35:
-              _context2.next = 44;
-              break;
             case 37:
-              _context2.prev = 37;
+              _context2.next = 46;
+              break;
+            case 39:
+              _context2.prev = 39;
               _context2.t0 = _context2["catch"](0);
               errorMessage = (_context2.t0 == null ? void 0 : _context2.t0.message) || 'Error';
               emailErrors = _context2.t0 == null ? void 0 : (_e$response2 = _context2.t0.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : (_e$response2$data$mes = _e$response2$data.message) == null ? void 0 : _e$response2$data$mes.email;
@@ -11400,11 +11439,11 @@ var PreRegistration = function PreRegistration(_ref) {
                 setError(errorMessage);
               }
               onConfirmationError(_context2.t0);
-            case 44:
+            case 46:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[0, 37]]);
+        }, _callee2, null, [[0, 39]]);
       }));
       function onSubmit(_x) {
         return _onSubmit.apply(this, arguments);
@@ -11616,13 +11655,16 @@ var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
   var _useState6 = React.useState({}),
     shareActionData = _useState6[0],
     setShareActionData = _useState6[1];
+  var _useState7 = React.useState({}),
+    error = _useState7[0],
+    setError = _useState7[1];
   useCookieListener(X_TF_ECOMMERCE, function (value) {
     return setIsLoggedIn(Boolean(value));
   });
   React.useEffect(function () {
     var fetchConfirmationData = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var shareOptionsData, attributes, eventId, influencersData;
+        var shareOptionsData, attributes, eventId, influencersData, _error$response;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -11664,7 +11706,7 @@ var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
               _context.prev = 17;
               _context.t0 = _context["catch"](0);
               if (axios.isAxiosError(_context.t0)) {
-                onGetConfirmationDataError(_context.t0);
+                setError((_error$response = _context.t0.response) == null ? void 0 : _error$response.data);
               }
             case 20:
             case "end":
@@ -11712,7 +11754,7 @@ var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
-  return React__default.createElement(React__default.Fragment, null, isLoggedIn ? React__default.createElement("div", {
+  return React__default.createElement(React__default.Fragment, null, isLoggedIn && _isEmpty(error) ? React__default.createElement("div", {
     className: classNamePrefix + "_pre_registration_complete_container"
   }, React__default.createElement(CopyMessageModal, {
     showCopyModal: showCopyModal,
@@ -11746,6 +11788,12 @@ var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
       setShowModalLogin(false);
       onLoginSuccess(res);
     }
+  }), !_isEmpty(error) && React__default.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: error.message,
+    onConfirm: function onConfirm() {
+      return onGetConfirmationDataError(error);
+    }
   }));
 };