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

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.99-beta.21",
+  "version": "1.0.99-beta.22",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/ticketsContainer/TicketsSection.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { ReactNode } from 'react'
 import './style.css'
 
 import _sortBy from 'lodash/sortBy'
@@ -9,6 +9,7 @@ interface ITicketsSectionProps {
   selectedTickets: any;
   handleTicketSelect: any;
   sortBySoldOut: boolean;
+  ticketsHeaderComponent?: ReactNode
 }
 
 export const TicketsSection = ({
@@ -16,12 +17,14 @@ export const TicketsSection = ({
   selectedTickets,
   handleTicketSelect,
   sortBySoldOut,
+  ticketsHeaderComponent
 }: ITicketsSectionProps) => {
   const sortedTicketsList = sortBySoldOut
     ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut')
     : _sortBy(ticketsList, 'sortOrder')
   return (
     <>
+      {ticketsHeaderComponent}
       {sortedTicketsList.map((ticket, i, arr) => {
         const isSoldOut =
           ticket.sold_out || !ticket.displayTicket || ticket.soldOut

package/src/components/ticketsContainer/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react'
+import React, { useState, useEffect, useRef, ReactNode } from 'react'
 import axios, { AxiosError } from 'axios'
 import { Loader } from '../common/index'
 import './style.css'
@@ -72,6 +72,7 @@ export interface IGetTickets {
   disableCountdownLeadingZero?: boolean;
   isLoggedIn?: boolean;
   actionsSectionComponent?: any;
+  ticketsHeaderComponent?: ReactNode
 }
 
 export interface ITicket {
@@ -106,7 +107,8 @@ export const TicketsContainer = ({
   sortBySoldOut = false,
   disableCountdownLeadingZero = false,
   isLoggedIn = false,
-  actionsSectionComponent: ActionsSectionComponent
+  actionsSectionComponent : ActionsSectionComponent,
+  ticketsHeaderComponent
 }: IGetTickets) => {
   const [selectedTickets, setSelectedTickets] = useState({} as ISelectedTickets)
   const isWindowDefined = typeof window !== 'undefined'
@@ -410,6 +412,7 @@ export const TicketsContainer = ({
                 selectedTickets={selectedTickets}
                 handleTicketSelect={handleTicketSelect}
                 sortBySoldOut={sortBySoldOut}
+                ticketsHeaderComponent={ticketsHeaderComponent}
               />
             )}
             {externalUrl ? null : isSalesClosed ? (