tf-checkout-react 1.3.48-beta.5 → 1.3.48-beta.6

package/dist/components/seatMapContainer/SeatMapComponent.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
 import 'tf-seat-map-view/dist/index.css';
+declare global {
+    interface Window {
+        tierPrices: any;
+    }
+}
 export declare const SeatMapComponent: (props: ISeatMapContainerProps) => JSX.Element;

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

@@ -81,7 +81,6 @@ var ReactDom = _interopDefault(require('react-dom'));
 var SeatMapView = _interopDefault(require('tf-seat-map-view'));
 var _keys = _interopDefault(require('lodash/keys'));
 var _values = _interopDefault(require('lodash/values'));
-var _isUndefined = _interopDefault(require('lodash/isUndefined'));
 var reactBootstrap = require('react-bootstrap');
 
 function _regeneratorRuntime() {
@@ -5032,14 +5031,8 @@ var TicketsSection = function TicketsSection(_ref) {
     selectedTickets = _ref.selectedTickets,
     handleTicketSelect = _ref.handleTicketSelect,
     sortBySoldOut = _ref.sortBySoldOut,
-    _ref$ticketsHeaderCom = _ref.ticketsHeaderComponent,
-    ticketsHeaderComponent = _ref$ticketsHeaderCom === void 0 ? React__default.createElement("div", {
-      className: "tickets-container-header"
-    }, "TICKETS") : _ref$ticketsHeaderCom,
-    _ref$tableTicketsHead = _ref.tableTicketsHeaderComponent,
-    tableTicketsHeaderComponent = _ref$tableTicketsHead === void 0 ? React__default.createElement("div", {
-      className: "tickets-container-header"
-    }, "RESERVE TABLES") : _ref$tableTicketsHead,
+    ticketsHeaderComponent = _ref.ticketsHeaderComponent,
+    tableTicketsHeaderComponent = _ref.tableTicketsHeaderComponent,
     hideTicketsHeader = _ref.hideTicketsHeader,
     hideTableTicketsHeader = _ref.hideTableTicketsHeader,
     showGroupNameBlock = _ref.showGroupNameBlock,
@@ -7486,7 +7479,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
 
 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;
+    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, adaptedCheckoutBody, ticketHolders, checkoutResult;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -7501,7 +7494,7 @@ var addToCartFunc = /*#__PURE__*/function () {
         case 7:
           pageConfigsDataResponse = _context.sent;
           if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-            _context.next = 28;
+            _context.next = 31;
             break;
           }
           pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
@@ -7510,29 +7503,32 @@ var addToCartFunc = /*#__PURE__*/function () {
           total = '';
           isWindowDefined && window.localStorage.removeItem('add_ons');
           if (!(skipBillingPage && !hasAddOn)) {
-            _context.next = 27;
+            _context.next = 30;
             break;
           }
           // Get user data for checkout data
           userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
           checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
+          adaptedCheckoutBody = _extends({}, checkoutBody);
+          ticketHolders = [adaptedCheckoutBody.attributes.ticket_holders[0]];
+          adaptedCheckoutBody.attributes.ticket_holders = ticketHolders;
           if (!enableBillingInfoAutoCreate) {
-            _context.next = 23;
+            _context.next = 26;
             break;
           }
-          _context.next = 20;
-          return postOnCheckout(checkoutBody, undefined, freeTicket);
-        case 20:
+          _context.next = 23;
+          return postOnCheckout(adaptedCheckoutBody, undefined, freeTicket);
+        case 23:
           _context.t0 = _context.sent;
-          _context.next = 24;
+          _context.next = 27;
           break;
-        case 23:
+        case 26:
           _context.t0 = null;
-        case 24:
+        case 27:
           checkoutResult = _context.t0;
           hash = _get(checkoutResult, 'data.data.attributes.hash') || '';
           total = _get(checkoutResult, 'data.data.attributes.total') || '';
-        case 27:
+        case 30:
           return _context.abrupt("return", {
             skip_billing_page: skipBillingPage,
             names_required: nameIsRequired,
@@ -7547,9 +7543,9 @@ var addToCartFunc = /*#__PURE__*/function () {
             total: total,
             hasAddOn: hasAddOn
           });
-        case 28:
+        case 31:
           return _context.abrupt("return", null);
-        case 29:
+        case 32:
         case "end":
           return _context.stop();
       }
@@ -7674,9 +7670,12 @@ var SeatMapComponent = function SeatMapComponent(props) {
     seatMapEvents = _seatMapProps$seatMap2 === void 0 ? {} : _seatMapProps$seatMap2,
     _seatMapProps$ticketT = seatMapProps.ticketTypeTierRelations,
     ticketTypeTierRelations = _seatMapProps$ticketT === void 0 ? {} : _seatMapProps$ticketT,
+    tierPrices = seatMapProps.tierPrices,
     isReserving = seatMapProps.isReserving;
   React.useEffect(function () {
     var parentElement = document.getElementById(mapContainerId || CONTAINER_DEFAULT_ID);
+    // Temp solution
+    window.tierPrices = tierPrices;
     if (Boolean(parentElement)) {
       var mapComponent = React__default.createElement(SeatMapView, {
         disabled: isReserving,
@@ -7686,9 +7685,6 @@ var SeatMapComponent = function SeatMapComponent(props) {
         seatData: seatData,
         statuses: statuses,
         ticketTypeTireRelationsArray: getTierRelationsArray(ticketTypeTierRelations),
-        tierPrices: {
-          6: 'Mex$ 2,200.00'
-        },
         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',
@@ -7696,7 +7692,7 @@ var SeatMapComponent = function SeatMapComponent(props) {
       });
       ReactDom.render(mapComponent, parentElement);
     }
-  }, [isReserving, mapContainerId, seatData, seatMapEvents, seatMapType, statuses, ticketTypeTierRelations]);
+  }, [isReserving, mapContainerId, seatData, seatMapEvents, seatMapType, tierPrices, statuses, ticketTypeTierRelations]);
   return React__default.createElement("div", {
     id: CONTAINER_DEFAULT_ID
   });
@@ -7784,13 +7780,13 @@ var TicketsSection$1 = function TicketsSection(props) {
       className: "ticketPrice"
     }, "Price:", React__default.createElement("span", {
       className: "ticketPrice-value"
-    }, currencySymbol + " " + (selectedTicketData == null ? void 0 : selectedTicketData.ticket_type_price))), !_isUndefined(selectedTicketData.ticket_type_deposit) && React__default.createElement("div", {
+    }, currencySymbol + " " + (selectedTicketData == null ? void 0 : selectedTicketData.ticket_type_price))), !_isEmpty(selectedTicketData.ticket_type_deposit) && React__default.createElement("div", {
       className: "ticketDeposit"
     }, "Deposit:", React__default.createElement("span", {
       className: "ticketPrice-value"
     }, " " + (selectedTicketData == null ? void 0 : selectedTicketData.ticket_type_deposit) + "%"))));
   })), React__default.createElement("div", null, React__default.createElement(reactBootstrap.Button, {
-    className: "book-button\n                    " + (bookButtonIsDisabled ? 'disabled' : '') + "\n                    " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  ",
+    className: "book-button\n              " + (bookButtonIsDisabled ? 'disabled' : '') + "\n              " + (isButtonScrollable ? 'is-scrollable' : '') + "\n            ",
     onClick: !bookButtonIsDisabled ? handleGetTicketClick : _identity
   }, getTicketsBtnLabel || getButtonLabel(reservedSeats.length)))));
 };
@@ -7832,7 +7828,7 @@ var SeatMapContainer = function SeatMapContainer(props) {
     showTimer = _useState7[0],
     setShowTimer = _useState7[1];
   var fetchSeatMapData = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var seatMapDataResponse, _seatMapDataResponse$, seatData, ticketTypeTierRelations, eventSeats, seatReservationTime;
+    var seatMapDataResponse, _seatMapDataResponse$, seatData, ticketTypeTierRelations, eventSeats, seatReservationTime, seatMapType, tierPrices;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -7841,12 +7837,14 @@ 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;
+          _seatMapDataResponse$ = seatMapDataResponse.data.attributes, seatData = _seatMapDataResponse$.seatData, ticketTypeTierRelations = _seatMapDataResponse$.ticketTypeTierRelations, eventSeats = _seatMapDataResponse$.eventSeats, seatReservationTime = _seatMapDataResponse$.seatReservationTime, seatMapType = _seatMapDataResponse$.seatMapType, tierPrices = _seatMapDataResponse$.tierPrices;
           localStorage.setItem('eventSeats', JSON.stringify(eventSeats));
           setSeatMapData({
             seatMap: JSON.parse(seatData),
             ticketTypeTierRelations: ticketTypeTierRelations,
-            seatReservationTime: seatReservationTime
+            seatReservationTime: seatReservationTime,
+            seatMapType: seatMapType,
+            tierPrices: tierPrices
           });
           _context.next = 12;
           break;
@@ -7998,7 +7996,7 @@ var SeatMapContainer = function SeatMapContainer(props) {
           case 0:
             _seatInfo$seat = seatInfo.seat, tierId = _seatInfo$seat.tierId, seatId = _seatInfo$seat.seatId, status = _seatInfo$seat.status;
             reservationData = JSON.parse(localStorage.getItem('reservationData') || '[]');
-            if (!(status === 'B' || status === 'R')) {
+            if (!(status === 'B' || status === 'R' || status === 'BLOCKED')) {
               _context5.next = 4;
               break;
             }
@@ -8125,6 +8123,8 @@ var SeatMapContainer = function SeatMapContainer(props) {
     seatMapProps: {
       seatData: seatMapData.seatMap,
       statuses: seatMapStatuses,
+      tierPrices: seatMapData.tierPrices,
+      seatMapType: seatMapData.seatMapType,
       ticketTypeTierRelations: seatMapData.ticketTypeTierRelations,
       seatMapEvents: {
         onSeatClick: onSeatClick