tf-checkout-react 1.4.21 → 1.4.22-beta.0

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

@@ -9364,6 +9364,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;
@@ -9814,6 +9832,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,
@@ -9866,7 +9885,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];
@@ -9918,10 +9941,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 = [];
@@ -9960,18 +9987,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)) {
@@ -10213,6 +10240,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() {