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

package/dist/components/orderDetailsContainer/index.d.ts

@@ -2,7 +2,7 @@
 import './style.css';
 import { IActionColumns, ITicketTypes } from './ticketsTable';
 interface OrderDetailsTypes {
-    columnsProps: Array<{
+    columns: Array<{
         label: string;
     }>;
     onGetOrdersSuccess: (res: any) => void;
@@ -21,5 +21,5 @@ interface OrderDetailsTypes {
     }>;
     ordersPath?: string;
 }
-export declare const OrderDetailsContainer: ({ columnsProps, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, }: OrderDetailsTypes) => JSX.Element;
 export {};

package/dist/components/paymentContainer/index.d.ts

@@ -6,7 +6,7 @@ import { StripeCardNumberElementOptions, StripeElementsOptions } from '@stripe/s
 import { AxiosError } from 'axios';
 import { IPaymentField } from '../../types';
 export interface IPaymentPage {
-    paymentFieldsProps: IPaymentField[];
+    paymentFields: IPaymentField[];
     handlePayment: any;
     checkoutData: any;
     formTitle?: string;
@@ -29,4 +29,4 @@ export interface IPaymentPage {
     paymentInfoLabel?: string;
     orderInfoLabel?: string;
 }
-export declare const PaymentContainer: ({ paymentFieldsProps, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, paymentButtonText, orderInfoLabel, paymentInfoLabel, }: IPaymentPage) => JSX.Element;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, paymentButtonText, orderInfoLabel, paymentInfoLabel, }: IPaymentPage) => JSX.Element;

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

@@ -3767,8 +3767,8 @@ var initialReviewValues = {
   billing_info: {}
 };
 var PaymentContainer = function PaymentContainer(_ref) {
-  var _ref$paymentFieldsPro = _ref.paymentFieldsProps,
-    paymentFieldsProps = _ref$paymentFieldsPro === void 0 ? [] : _ref$paymentFieldsPro,
+  var _ref$paymentFields = _ref.paymentFields,
+    paymentFields = _ref$paymentFields === void 0 ? [] : _ref$paymentFields,
     handlePayment = _ref.handlePayment,
     _ref$formTitle = _ref.formTitle,
     formTitle = _ref$formTitle === void 0 ? 'Get Your Tickets' : _ref$formTitle,
@@ -3969,7 +3969,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     };
   }();
   var themeMui = styles.createTheme(themeOptions);
-  var paymentFields = orderData.guest_count ? [{
+  var paymentFieldsData = orderData.guest_count ? [{
     label: 'Event',
     id: 'product_name'
   }, {
@@ -3999,7 +3999,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     normalizer: function normalizer(value, currency) {
       return currencyNormalizerCreator(createFixedFloatNormalizer(2)(parseFloat(value)), currency);
     }
-  }] : paymentFieldsProps;
+  }] : paymentFields;
   return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
   }, React__default.createElement("div", {
@@ -4018,7 +4018,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     className: "order_info_text"
   }, orderInfoLabel), React__default.createElement("div", {
     className: "order_info_section"
-  }, _map(paymentFields, function (field) {
+  }, _map(paymentFieldsData, function (field) {
     var id = field.id,
       label = field.label,
       _field$className = field.className,
@@ -5032,10 +5032,7 @@ var TicketsSection = function TicketsSection(_ref) {
     handleTicketSelect = _ref.handleTicketSelect,
     sortBySoldOut = _ref.sortBySoldOut,
     ticketsHeaderComponent = _ref.ticketsHeaderComponent,
-    _ref$tableTicketsHead = _ref.tableTicketsHeaderComponent,
-    tableTicketsHeaderComponent = _ref$tableTicketsHead === void 0 ? React__default.createElement("div", {
-      className: "tickets-container-header"
-    }, "RESERVE TABLES") : _ref$tableTicketsHead,
+    tableTicketsHeaderComponent = _ref.tableTicketsHeaderComponent,
     hideTicketsHeader = _ref.hideTicketsHeader,
     hideTableTicketsHeader = _ref.hideTableTicketsHeader,
     showGroupNameBlock = _ref.showGroupNameBlock,
@@ -5432,7 +5429,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var handleBook = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var _product_options, _product_options2, _ticket_types;
-      var ticket, optionName, ticketId, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$hide, _pageConfigsData$has_, _pageConfigsData$free, _pageConfigsData$coll, _pageConfigsData$coll2, pageConfigsData, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hidePhoneField, hasAddOn, freeTicket, collectOptionalWalletAddress, collectMandatoryWalletAddress, hash, total, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult, message, _isInvalidLinkError, _isNotInvitedError;
+      var ticket, optionName, ticketId, isTableType, productCartQuantity, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$name, _pageConfigsData$age_, _pageConfigsData$phon, _pageConfigsData$hide, _pageConfigsData$has_, _pageConfigsData$free, _pageConfigsData$coll, _pageConfigsData$coll2, pageConfigsData, skipBillingPage, nameIsRequired, ageIsRequired, phoneIsRequired, hidePhoneField, hasAddOn, freeTicket, collectOptionalWalletAddress, collectMandatoryWalletAddress, hash, total, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult, message, _isInvalidLinkError, _isNotInvitedError;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -5442,11 +5439,13 @@ var TicketsContainer = function TicketsContainer(_ref) {
             }) || {};
             optionName = _get(ticket, 'optionName');
             ticketId = _get(ticket, 'id');
-            ticketQuantity = ticket.isTable ? 1 : +selectedTickets[ticket.id];
+            isTableType = _get(ticket, 'isTable', false);
+            productCartQuantity = +selectedTickets[ticket.id];
+            ticketQuantity = isTableType ? 1 : +selectedTickets[ticket.id];
             data = {
               attributes: {
                 alternative_view_id: null,
-                product_cart_quantity: ticketQuantity,
+                product_cart_quantity: productCartQuantity,
                 product_options: (_product_options = {}, _product_options[optionName] = ticketId, _product_options),
                 product_id: eventId,
                 ticket_types: (_ticket_types = {}, _ticket_types[ticketId] = {
@@ -5455,32 +5454,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 }, _ticket_types)
               }
             };
-            _context2.prev = 6;
-            _context2.next = 9;
+            _context2.prev = 8;
+            _context2.next = 11;
             return addToCart(eventId, data);
-          case 9:
+          case 11:
             result = _context2.sent;
             if (!enableAddOns) {
-              _context2.next = 16;
+              _context2.next = 18;
               break;
             }
-            _context2.next = 13;
+            _context2.next = 15;
             return getCheckoutPageConfigs();
-          case 13:
+          case 15:
             _context2.t0 = _context2.sent;
-            _context2.next = 17;
+            _context2.next = 19;
             break;
-          case 16:
+          case 18:
             _context2.t0 = {
               status: 200,
               data: {
                 attributes: _get(result, 'data.data.attributes')
               }
             };
-          case 17:
+          case 19:
             pageConfigsDataResponse = _context2.t0;
             if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-              _context2.next = 48;
+              _context2.next = 50;
               break;
             }
             pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
@@ -5498,7 +5497,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
             _isWindowDefined = typeof window !== 'undefined';
             _isWindowDefined && window.localStorage.removeItem('add_ons');
             if (!(skipBillingPage && !hasAddOn)) {
-              _context2.next = 47;
+              _context2.next = 49;
               break;
             }
             // Get user data for checkout data
@@ -5506,22 +5505,22 @@ var TicketsContainer = function TicketsContainer(_ref) {
             access_token = _isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
             checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
             if (!enableBillingInfoAutoCreate) {
-              _context2.next = 43;
+              _context2.next = 45;
               break;
             }
-            _context2.next = 40;
+            _context2.next = 42;
             return postOnCheckout(checkoutBody, access_token, freeTicket);
-          case 40:
+          case 42:
             _context2.t1 = _context2.sent;
-            _context2.next = 44;
+            _context2.next = 46;
             break;
-          case 43:
+          case 45:
             _context2.t1 = null;
-          case 44:
+          case 46:
             checkoutResult = _context2.t1;
             hash = _get(checkoutResult, 'data.data.attributes.hash');
             total = _get(checkoutResult, 'data.data.attributes.total');
-          case 47:
+          case 49:
             onAddToCartSuccess({
               skip_billing_page: skipBillingPage,
               names_required: nameIsRequired,
@@ -5536,12 +5535,12 @@ var TicketsContainer = function TicketsContainer(_ref) {
               total: total,
               hasAddOn: hasAddOn
             });
-          case 48:
-            _context2.next = 53;
-            break;
           case 50:
-            _context2.prev = 50;
-            _context2.t2 = _context2["catch"](6);
+            _context2.next = 55;
+            break;
+          case 52:
+            _context2.prev = 52;
+            _context2.t2 = _context2["catch"](8);
             if (axios.isAxiosError(_context2.t2)) {
               onAddToCartError(_context2.t2);
               message = _get(_context2.t2, 'response.data.message', '');
@@ -5555,15 +5554,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setError(message);
               }
             }
-          case 53:
-            _context2.prev = 53;
+          case 55:
+            _context2.prev = 55;
             setHandleBookIsLoading(false);
-            return _context2.finish(53);
-          case 56:
+            return _context2.finish(55);
+          case 58:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[6, 50, 53, 56]]);
+      }, _callee2, null, [[8, 52, 55, 58]]);
     }));
     return function handleBook() {
       return _ref4.apply(this, arguments);
@@ -6338,8 +6337,8 @@ var getTotal = function getTotal(data) {
 };
 var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   var _data$items, _data$items$ticket_ty, _data$items2, _data$items2$add_ons;
-  var _ref$columnsProps = _ref.columnsProps,
-    columnsProps = _ref$columnsProps === void 0 ? [] : _ref$columnsProps,
+  var _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
     _ref$onGetOrdersSucce = _ref.onGetOrdersSuccess,
     onGetOrdersSuccess = _ref$onGetOrdersSucce === void 0 ? _identity : _ref$onGetOrdersSucce,
     _ref$onGetOrdersError = _ref.onGetOrdersError,
@@ -6546,7 +6545,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     var date = moment.tz(data.date, data.timezone).format('dddd, DD MMMM YYYY');
     orderSummery += " " + date;
   }
-  var columns = data.tickets && data.tickets[0].is_table ? [{
+  var columnsProps = data.tickets && data.tickets[0].is_table ? [{
     label: 'Items'
   }, {
     label: 'Price'
@@ -6556,7 +6555,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     label: 'Deposit paid'
   }, {
     label: 'Remaining'
-  }] : columnsProps;
+  }] : columns;
   return React__default.createElement("div", {
     className: "order-details"
   }, loading ? React__default.createElement("div", {
@@ -6603,17 +6602,15 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }, React__default.createElement(Table, {
     className: "tt-type",
     "aria-label": "collapsible table"
-  }, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, _map(columns, function (item) {
+  }, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, _map(columnsProps, function (item) {
     return React__default.createElement(TableCell, null, item.label || '');
-  }))), React__default.createElement(TableBody, null, !(data != null && data.tickets[0].is_table) ? data == null ? void 0 : (_data$items = data.items) == null ? void 0 : (_data$items$ticket_ty = _data$items.ticket_types) == null ? void 0 : _data$items$ticket_ty.map(function (ticket, index) {
-    return React__default.createElement(TableRow, {
+  }))), React__default.createElement(TableBody, null, data == null ? void 0 : (_data$items = data.items) == null ? void 0 : (_data$items$ticket_ty = _data$items.ticket_types) == null ? void 0 : _data$items$ticket_ty.map(function (ticket, index) {
+    return data != null && data.tickets && !(data != null && data.tickets[0].is_table) ? React__default.createElement(TableRow, {
       key: index
-    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type:"), " ", ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.guests_count), React__default.createElement(TableCell, null, ticket.deposit_paid), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
-  }) : function (ticket, index) {
-    return React__default.createElement(TableRow, {
+    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type:"), " ", ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total)) : React__default.createElement(TableRow, {
       key: index
-    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type:"), " ", ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.remaining));
-  }, data == null ? void 0 : (_data$items2 = data.items) == null ? void 0 : (_data$items2$add_ons = _data$items2.add_ons) == null ? void 0 : _data$items2$add_ons.map(function (ticket, index) {
+    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type:"), " ", ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.guests_count), React__default.createElement(TableCell, null, ticket.deposit_paid), React__default.createElement(TableCell, null, ticket.remaining));
+  }), data == null ? void 0 : (_data$items2 = data.items) == null ? void 0 : (_data$items2$add_ons = _data$items2.add_ons) == null ? void 0 : _data$items2$add_ons.map(function (ticket, index) {
     return React__default.createElement(TableRow, {
       key: index
     }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Add-On: "), ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
@@ -7482,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:
@@ -7497,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') || {};
@@ -7506,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,
@@ -7543,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();
       }
@@ -7572,11 +7572,11 @@ var getTierIdBasedOnSeatId = function getTierIdBasedOnSeatId(seatId, eventSeats)
 };
 var getButtonLabel = function getButtonLabel(count) {
   if (!count) {
-    return "GET TICKETS";
+    return "GET TABLES";
   } else if (count === 1) {
-    return "GET " + count + " TICKET";
+    return "GET " + count + " TABLE";
   }
-  return "GET " + count + " TICKETS";
+  return "GET " + count + " TABLES";
 };
 var getOwnReservationsBasedOnStatuses = function getOwnReservationsBasedOnStatuses(statuses) {
   var ownReservations = [];
@@ -7670,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,
@@ -7682,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',
@@ -7692,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
   });
@@ -7763,7 +7763,7 @@ var TicketsSection$1 = function TicketsSection(props) {
       }
     }, React__default.createElement(MenuItem, {
       value: 'default'
-    }, "Please select Ticket Type"), _map(dropdownData.ticketsData, function (option, index) {
+    }, "Please select Table Type"), _map(dropdownData.ticketsData, function (option, index) {
       if (option.ticket_type_id !== 'default') {
         return React__default.createElement(MenuItem, {
           value: option.ticket_type_id,
@@ -7780,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))), 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)))));
 };
@@ -7828,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:
@@ -7837,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;
@@ -7994,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')) {
+            if (!(status === 'B' || status === 'R' || status === 'BLOCKED')) {
               _context5.next = 4;
               break;
             }
@@ -8121,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