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

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/tf-checkout-react.cjs.development.js

@@ -81,6 +81,7 @@ 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() {
@@ -3767,8 +3768,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 +3970,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 +4000,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 +4019,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,
@@ -5031,7 +5032,10 @@ var TicketsSection = function TicketsSection(_ref) {
     selectedTickets = _ref.selectedTickets,
     handleTicketSelect = _ref.handleTicketSelect,
     sortBySoldOut = _ref.sortBySoldOut,
-    ticketsHeaderComponent = _ref.ticketsHeaderComponent,
+    _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"
@@ -5432,7 +5436,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 +5446,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 +5461,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 +5504,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 +5512,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 +5542,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 +5561,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 +6344,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 +6552,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 +6562,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 +6609,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));
@@ -7572,11 +7576,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 = [];
@@ -7763,7 +7767,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,7 +7784,7 @@ 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))), !_isUndefined(selectedTicketData.ticket_type_deposit) && React__default.createElement("div", {
       className: "ticketDeposit"
     }, "Deposit:", React__default.createElement("span", {
       className: "ticketPrice-value"
@@ -7994,7 +7998,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')) {
               _context5.next = 4;
               break;
             }