tf-checkout-react 1.3.48-beta.31 → 1.3.48-beta.32

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

@@ -1077,17 +1077,24 @@ var getCheckoutPageConfigs = /*#__PURE__*/function () {
 // }
 var getSeatMapData = /*#__PURE__*/function () {
   var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(eventId) {
-    var response;
+    var reservedSeatsHash, params, response;
     return _regeneratorRuntime().wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           localStorage.setItem('tierId', '');
-          _context4.next = 3;
-          return publicRequest.get("v1/event/" + eventId + "/seat-map-data");
-        case 3:
+          reservedSeatsHash = getQueryVariable('reserved_seats_hash');
+          params = {};
+          if (reservedSeatsHash) {
+            params.reserved_seats_hash = reservedSeatsHash;
+          }
+          _context4.next = 6;
+          return publicRequest.get("v1/event/" + eventId + "/seat-map-data", {
+            params: params
+          });
+        case 6:
           response = _context4.sent;
           return _context4.abrupt("return", response.data);
-        case 5:
+        case 8:
         case "end":
           return _context4.stop();
       }
@@ -8020,7 +8027,8 @@ var SeatMapComponent = function SeatMapComponent(props) {
     _seatMapProps$ticketT = seatMapProps.ticketTypeTierRelations,
     ticketTypeTierRelations = _seatMapProps$ticketT === void 0 ? {} : _seatMapProps$ticketT,
     tierPrices = seatMapProps.tierPrices,
-    isReserving = seatMapProps.isReserving;
+    isReserving = seatMapProps.isReserving,
+    predefinedSeats = seatMapProps.predefinedSeats;
   React.useEffect(function () {
     var parentElement = document.getElementById(mapContainerId || CONTAINER_DEFAULT_ID);
     // Temp solution
@@ -8037,7 +8045,8 @@ var SeatMapComponent = function SeatMapComponent(props) {
         width: Math.min((parentElement == null ? void 0 : parentElement.clientWidth) || 800, 800),
         height: Math.min((parentElement == null ? void 0 : parentElement.clientWidth) || 800, 800),
         isBlockMap: seatMapType === 'block',
-        isTableMap: seatMapType === 'table'
+        isTableMap: seatMapType === 'table',
+        predefinedSeats: predefinedSeats
       });
       ReactDom.render(mapComponent, parentElement);
     }
@@ -8280,7 +8289,7 @@ var SeatMapContainer = function SeatMapContainer(props) {
     });
   };
   var fetchSeatMapData = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var seatMapDataResponse, _seatMapDataResponse$, seatData, ticketTypeTierRelations, eventSeats, seatReservationTime, seatMapType, tierPrices;
+    var seatMapDataResponse, _seatMapDataResponse$, seatData, ticketTypeTierRelations, eventSeats, seatReservationTime, seatMapType, tierPrices, predefinedSeats;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -8289,14 +8298,15 @@ var SeatMapContainer = function SeatMapContainer(props) {
           return getSeatMapData(eventId);
         case 3:
           seatMapDataResponse = _context.sent;
-          _seatMapDataResponse$ = seatMapDataResponse.data.attributes, seatData = _seatMapDataResponse$.seatData, ticketTypeTierRelations = _seatMapDataResponse$.ticketTypeTierRelations, eventSeats = _seatMapDataResponse$.eventSeats, seatReservationTime = _seatMapDataResponse$.seatReservationTime, seatMapType = _seatMapDataResponse$.seatMapType, tierPrices = _seatMapDataResponse$.tierPrices;
+          _seatMapDataResponse$ = seatMapDataResponse.data.attributes, seatData = _seatMapDataResponse$.seatData, ticketTypeTierRelations = _seatMapDataResponse$.ticketTypeTierRelations, eventSeats = _seatMapDataResponse$.eventSeats, seatReservationTime = _seatMapDataResponse$.seatReservationTime, seatMapType = _seatMapDataResponse$.seatMapType, tierPrices = _seatMapDataResponse$.tierPrices, predefinedSeats = _seatMapDataResponse$.predefinedSeats;
           eventSeatsRef.current = eventSeats;
           ticketTypeTierRelationsRef.current = ticketTypeTierRelations;
           setSeatMapData({
             seatMap: JSON.parse(seatData),
             seatReservationTime: seatReservationTime,
             seatMapType: seatMapType,
-            tierPrices: tierPrices
+            tierPrices: tierPrices,
+            predefinedSeats: predefinedSeats
           });
           _context.next = 13;
           break;
@@ -8623,7 +8633,8 @@ var SeatMapContainer = function SeatMapContainer(props) {
       seatMapEvents: {
         onSeatClick: onSeatClick
       },
-      isReserving: isReserving
+      isReserving: isReserving,
+      predefinedSeats: seatMapData.predefinedSeats
     },
     mapContainerId: mapContainerId
   }));