tf-checkout-react 1.0.99-beta.21 → 1.0.99-beta.22

package/dist/components/ticketsContainer/TicketsSection.d.ts

@@ -1,10 +1,11 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import './style.css';
 interface ITicketsSectionProps {
     ticketsList: any;
     selectedTickets: any;
     handleTicketSelect: any;
     sortBySoldOut: boolean;
+    ticketsHeaderComponent?: ReactNode;
 }
-export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, }: ITicketsSectionProps) => JSX.Element;
+export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent }: ITicketsSectionProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { AxiosError } from 'axios';
 import './style.css';
 import { ThemeOptions } from '@mui/material';
@@ -39,6 +39,7 @@ export interface IGetTickets {
     disableCountdownLeadingZero?: boolean;
     isLoggedIn?: boolean;
     actionsSectionComponent?: any;
+    ticketsHeaderComponent?: ReactNode;
 }
 export interface ITicket {
     id: string | number;
@@ -47,5 +48,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent }: IGetTickets) => JSX.Element;
 export {};

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

@@ -4366,9 +4366,10 @@ var TicketsSection = function TicketsSection(_ref) {
   var ticketsList = _ref.ticketsList,
       selectedTickets = _ref.selectedTickets,
       handleTicketSelect = _ref.handleTicketSelect,
-      sortBySoldOut = _ref.sortBySoldOut;
+      sortBySoldOut = _ref.sortBySoldOut,
+      ticketsHeaderComponent = _ref.ticketsHeaderComponent;
   var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
-  return React__default.createElement(React__default.Fragment, null, sortedTicketsList.map(function (ticket, i, arr) {
+  return React__default.createElement(React__default.Fragment, null, ticketsHeaderComponent, sortedTicketsList.map(function (ticket, i, arr) {
     var isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
 
     var ticketSelect = function ticketSelect(event) {
@@ -4836,7 +4837,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
       disableCountdownLeadingZero = _ref$disableCountdown === void 0 ? false : _ref$disableCountdown,
       _ref$isLoggedIn = _ref.isLoggedIn,
       isLoggedIn = _ref$isLoggedIn === void 0 ? false : _ref$isLoggedIn,
-      ActionsSectionComponent = _ref.actionsSectionComponent;
+      ActionsSectionComponent = _ref.actionsSectionComponent,
+      ticketsHeaderComponent = _ref.ticketsHeaderComponent;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -5256,7 +5258,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     ticketsList: tickets,
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
-    sortBySoldOut: sortBySoldOut
+    sortBySoldOut: sortBySoldOut,
+    ticketsHeaderComponent: ticketsHeaderComponent
   }), externalUrl ? null : isSalesClosed ? React__default.createElement("p", {
     className: "event-closed-message " + (!isLoggedIn ? 'event-closed-on-bottom' : '')
   }, "Sales for this event are closed.") : eventSaleIsNotStarted ? React__default.createElement(Countdown, {