tf-checkout-react 1.6.6-beta.2 → 1.6.6-beta.23

package/README.md

@@ -6,6 +6,7 @@
   <summary><strong>Table of Contents</strong></summary>
 
 - [tf-checkout-react](#tf-checkout-react)
+- [Code style and formatting](#code-style-and-formatting)
 - [Introduction](#introduction)
 - [Intergrations](#intergrations)
   - [WebFlow](#webflow)
@@ -21,11 +22,11 @@
   - [Register](#register)
   - [Forgot Password](#forgot-password)
   - [Promo Code](#promo-code)
-    - [__Note that package automatically calls component in `TicketsContainer`__](#note-that-package-automatically-calls-component-in-ticketscontainer)
+    - [**Note that package automatically calls component in `TicketsContainer`**](#note-that-package-automatically-calls-component-in-ticketscontainer)
   - [Access Code](#access-code)
-    - [__Note that package automatically calls component in `TicketsContainer`__](#note-that-package-automatically-calls-component-in-ticketscontainer-1)
+    - [**Note that package automatically calls component in `TicketsContainer`**](#note-that-package-automatically-calls-component-in-ticketscontainer-1)
   - [Waiting List](#waiting-list)
-    - [__Note that package automatically calls component in `TicketsContainer`__](#note-that-package-automatically-calls-component-in-ticketscontainer-2)
+    - [**Note that package automatically calls component in `TicketsContainer`**](#note-that-package-automatically-calls-component-in-ticketscontainer-2)
   - [Pixel Usage](#pixel-usage)
 - [Components](#components)
   - [`TicketsContainer`](#ticketscontainer)
@@ -38,16 +39,35 @@
   - [Order Details Container](#order-details-container)
   - [Ticket Resale Container](#ticket-resale-container)
 - [Commands](#commands)
-    - [Rollup](#rollup)
-    - [TypeScript](#typescript)
-    - [GitHub Actions](#github-actions)
+  - [Rollup](#rollup)
+  - [TypeScript](#typescript)
+  - [GitHub Actions](#github-actions)
 
 </details>
 
+## Code style and formatting
+
+1. **Install Prettier ESLint extension (v5.1.0)**
+   - VSCode: https://marketplace.visualstudio.com/items?itemName=rvest.vs-code-prettier-eslint
+   - JetBrains' products: https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
+     Notes:
+     - The Prettier extension is not required.
+     - The ESLint extension is not required. However, it is needed to have lint errors show while editing your file.
+2. **Set Prettier ESLint default formatter**
+
+- VSCode: Open commands (CMD/Win + Stift + P) -> Format document with -> Configure default formatter
+- JetBrains' products: https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
+
+3. **Enable format on save**
+
+- VSCode: Open settings (CMD + ,) -> Search "Format On Save"
+- JetBrains' products: https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
+
 &nbsp;
+
 # Introduction
 
-This package includes TicketFairy's checkout functionality, as well as various related functionalities. These functionalities include login/register, order management, resale, referrals, and more.  
+This package includes TicketFairy's checkout functionality, as well as various related functionalities. These functionalities include login/register, order management, resale, referrals, and more.
 
 This package provides a set of components and functionalities designed to manage various aspects of the TicketFairy event experience. These include:
 
@@ -62,9 +82,9 @@ This package provides a set of components and functionalities designed to manage
 - `ResetPasswordContainer`: A component for resetting a user's password.
 - `SeatMapContainer`: A component for displaying and selecting seats on a venue map.
 - `TicketResaleContainer`: A component for managing the resale of tickets or add-ons by the user.
-- `TicketsContainer`: A component for displaying a list of available tickets and allowing the user to purchase them.  
+- `TicketsContainer`: A component for displaying a list of available tickets and allowing the user to purchase them.
 
-Together, these components and functionalities provide a comprehensive set of tools to manage the checkout process and related activities for a TicketFairy-powered event.   
+Together, these components and functionalities provide a comprehensive set of tools to manage the checkout process and related activities for a TicketFairy-powered event.  
 &nbsp;  
 &nbsp;
 
@@ -74,7 +94,6 @@ Together, these components and functionalities provide a comprehensive set of to
 
 &nbsp;
 
-
 # Prerequisites
 
 - node >= v16.19.0
@@ -134,17 +153,16 @@ Call it in the root and pass neccesary options. Here are available options:
 
 ## Login
 
+The `LoginModal` component is designed to be used inside package to authenticate users. <br /> To use the `LoginModal`, simply include it in your React component and pass in the required **onLogin** and **onClose** callbacks as props.
 
-The `LoginModal` component is designed to be used inside package to authenticate users.  <br /> To use the `LoginModal`, simply include it in your React component and pass in the required __onLogin__ and __onClose__ callbacks as props.
-
-You can authenticate users from the Billing page too, here you can either provide __onLogin__ callback as a prop to the [`BillingInfoContainer`](#billinginfocontainer) component so that you can open your custom component for authentication or you can ommit it and the package inside provided `LoginModal` component will be called and opened.
+You can authenticate users from the Billing page too, here you can either provide **onLogin** callback as a prop to the [`BillingInfoContainer`](#billinginfocontainer) component so that you can open your custom component for authentication or you can ommit it and the package inside provided `LoginModal` component will be called and opened.
 
-Package can detect whether a user is logged in or not by checking for the presence of the __X-TF-ECOMMERCE__ cookie, which is automatically set by the system when the user successfully logs in. If the __X-TF-ECOMMERCE__ cookie is present, the package assumes that the user is logged in and displays the appropriate content.
+Package can detect whether a user is logged in or not by checking for the presence of the **X-TF-ECOMMERCE** cookie, which is automatically set by the system when the user successfully logs in. If the **X-TF-ECOMMERCE** cookie is present, the package assumes that the user is logged in and displays the appropriate content.
 
-The `LoginModal` component also is used in [`MyTicketsContainer`](#myticketscontainer) and  [`TicketsContainer`](#ticketscontainer).
+The `LoginModal` component also is used in [`MyTicketsContainer`](#myticketscontainer) and [`TicketsContainer`](#ticketscontainer).
 
-To detect whether a user is logged in or not, you can use the __useCookieListener__ hook provided by the package.
-Here's an example of how to use the __useCookieListener__ hook to automatically detect whether the user is logged in:
+To detect whether a user is logged in or not, you can use the **useCookieListener** hook provided by the package.
+Here's an example of how to use the **useCookieListener** hook to automatically detect whether the user is logged in:
 
 ```jsx
 import { useEffect, useRef, useState } from 'react'
@@ -154,7 +172,7 @@ const MyComponent = () => {
   const [isLogged, setIsLogged] = useState(false)
 
   // Listen for changes to the __X-TF-ECOMMERCE__ cookie
-  useCookieListener("X_TF_ECOMMERCE", value => setIsLogged(Boolean(value)))
+  useCookieListener('X_TF_ECOMMERCE', value => setIsLogged(Boolean(value)))
 
   // ... rest of component logic
 }
@@ -187,9 +205,9 @@ const MyComponent = () => {
 
 ## Register
 
-The `RegisterModal` component is designed to be used inside package to allows users to register for an account.  <br />
+The `RegisterModal` component is designed to be used inside package to allows users to register for an account. <br />
 
-When the user submits the form, the component calls the register API function to create the user's account. If account creation is successful, the component then retrieves the user's profile data. The __onGetProfileDataSuccess__ and __onGetProfileDataError__ callbacks are then called depending on whether the profile data retrieval succeeds or fails. If profile data retrieval succeeds, the component maps the profile data to a format used by the application and saves the resulting data to the browser's localStorage. Finally, the __onClose__ callback is called to close the modal.
+When the user submits the form, the component calls the register API function to create the user's account. If account creation is successful, the component then retrieves the user's profile data. The **onGetProfileDataSuccess** and **onGetProfileDataError** callbacks are then called depending on whether the profile data retrieval succeeds or fails. If profile data retrieval succeeds, the component maps the profile data to a format used by the application and saves the resulting data to the browser's localStorage. Finally, the **onClose** callback is called to close the modal.
 
 <details open>
 <summary><b>Register Modal Props Interface:</b></summary>
@@ -208,7 +226,7 @@ When the user submits the form, the component calls the register API function to
 
 ## Forgot Password
 
-The `ForgotPasswordModal` component is a modal dialog for users to reset their passwords. To use it, simply import the component, manage its open state, and provide callback functions for closing the modal, navigating back to the login page or component, handling successful password reset requests, and handling errors in password reset requests. Optionally, you can also display a "Powered By" image within the modal by setting the __showPoweredByImage__ prop to true.
+The `ForgotPasswordModal` component is a modal dialog for users to reset their passwords. To use it, simply import the component, manage its open state, and provide callback functions for closing the modal, navigating back to the login page or component, handling successful password reset requests, and handling errors in password reset requests. Optionally, you can also display a "Powered By" image within the modal by setting the **showPoweredByImage** prop to true.
 
 <details open>
 <summary><b>Forgot Password Modal Props Interface:</b></summary>
@@ -230,9 +248,9 @@ The `PromoCodeSection` is a React component for handling promo code input, valid
 
 To use this component, simply import it and include it in your JSX with the required props, managing the component's state and callback functions in the parent component as needed.
 
-### __Note that package automatically calls component in [`TicketsContainer`](#ticketscontainer)__
-<br />
+### **Note that package automatically calls component in [`TicketsContainer`](#ticketscontainer)**
 
+<br />
 
 <details open>
 <summary><b>Promo Code Props Interface:</b></summary>
@@ -259,9 +277,9 @@ To use this component, simply import it and include it in your JSX with the requ
 
 The `AccessCodeSection` is a React component designed for handling access code input and submission. It allows users to enter an access code and triggers an update to the ticket information based on the submitted access code. The component accepts a set of props to manage the access code value and provide callback functions for updating the state which you can see in below table.
 
-To integrate the `AccessCodeSection` component, import it into your JSX and provide the required props, such as the access code value, and callback functions for updating the state. Make sure to manage the component's state and callback functions within the parent component as needed. <br /> 
+To integrate the `AccessCodeSection` component, import it into your JSX and provide the required props, such as the access code value, and callback functions for updating the state. Make sure to manage the component's state and callback functions within the parent component as needed. <br />
 
-### __Note that package automatically calls component in [`TicketsContainer`](#ticketscontainer)__
+### **Note that package automatically calls component in [`TicketsContainer`](#ticketscontainer)**
 
 <br />
 
@@ -282,8 +300,7 @@ To integrate the `AccessCodeSection` component, import it into your JSX and prov
 
 The `WaitingList` component is a React component designed to handle user registration for a waiting list. It displays a form that allows users to input their information, including first name, last name, email, ticket type, and quantity. Upon submission, the component adds the user to the waiting list and displays a success message.
 
-
-### __Note that package automatically calls component in [`TicketsContainer`](#ticketscontainer)__
+### **Note that package automatically calls component in [`TicketsContainer`](#ticketscontainer)**
 
 <br />
 
@@ -317,13 +334,12 @@ Here is the list of pages where the `usePixel` function is automatically used:
 
 # Components
 
-
 ## `TicketsContainer`
 
 Tickets component will retrieve and show a list of tickets corresponding to selected event,
 which allows the user to select the desired ticket type and quantity.
 
-The __"Get Tickets"__ button which name is also customizable, allows the user to add the selected tickets to their cart and proceed to the checkout process.<br />
+The **"Get Tickets"** button which name is also customizable, allows the user to add the selected tickets to their cart and proceed to the checkout process.<br />
 Other buttons can be displayed to handle various actions, such as viewing the user's orders or logging out.
 
 Tickets component provides a section for entering an [Access Code](#access-code) or [Promo Code](#promo-code) that applies a discount to the ticket price or hide/unhide some tickets via [Access Code](#access-code).<br />
@@ -334,16 +350,15 @@ Tickets component displays a list of the top influencers who have promoted the e
 
 Tickets component is flexible and customizable, allowing for different layouts and behaviors depending on the event's requirements.
 
-___Example of usage___:
-```jsx
+**_Example of usage_**:
 
+```jsx
 import { TicketsContainer } from 'tf-checkout-react'
-
-<TicketsContainer
+;<TicketsContainer
   theme="light"
   eventId={event?.id}
-  handleNotInvitedModalClose={() => { }}
-  handleInvalidLinkModalClose={() => { }}
+  handleNotInvitedModalClose={() => {}}
+  handleInvalidLinkModalClose={() => {}}
   onAddToCartSuccess={() => {}}
   isPromotionsEnabled={event?.is_promotions_enabled}
   isAccessCodeEnabled={event?.is_access_code}
@@ -351,7 +366,9 @@ import { TicketsContainer } from 'tf-checkout-react'
   hideSessionButtons={true}
   enableAddOns={false}
   showGroupNameBlock={true}
-  tableTicketsHeaderComponent={<div className="tickets-container-header">RESERVE TABLES</div>}
+  tableTicketsHeaderComponent={
+    <div className="tickets-container-header">RESERVE TABLES</div>
+  }
   onPendingVerification={() => {}}
 />
 ```
@@ -431,7 +448,8 @@ Add-Ons component will retrieve and show a list of add-ons corresponding to sele
 &nbsp;
 
 ## `BillingInfoContainer`
-The component is responsible for managing the billing information during the checkout process. It provides a form that allows users to enter their billing information, including addresses and ticket holders' information.  
+
+The component is responsible for managing the billing information during the checkout process. It provides a form that allows users to enter their billing information, including addresses and ticket holders' information.
 
 Component includes also phone field, which validation functionality is provided by Twilio and integrated into the component. It provides an additional layer of verification and security during the ticket purchase process.
 
@@ -480,7 +498,8 @@ Props interface extends [Login Modal Interface](#login), [Register Modal Interfa
 &nbsp;
 
 ## `PaymentContainer`
-The component provides a form for users to enter their payment information and checkout. It accepts various props to customize the form and handle the checkout process.  
+
+The component provides a form for users to enter their payment information and checkout. It accepts various props to customize the form and handle the checkout process.
 
 <details open>
 
@@ -512,7 +531,8 @@ The component provides a form for users to enter their payment information and c
 &nbsp;
 
 ## `ConfirmationContainer`
-The component is responsible for displaying the confirmation page after a successful payment.  
+
+The component is responsible for displaying the confirmation page after a successful payment.
 
 <details open>
 
@@ -539,7 +559,8 @@ The component is responsible for displaying the confirmation page after a succes
 &nbsp;
 
 ## `MyTicketsContainer`
-The component is responsible for rendering a list of orders with details and some customization options.  
+
+The component is responsible for rendering a list of orders with details and some customization options.
 
 <details open>
 

package/dist/adapters/customFields.d.ts

@@ -8,4 +8,5 @@ export declare const fieldDataAdapter: (field: IGroupItem) => IGroupItem;
 export declare const customFieldsDataAdapter: (data: any) => {
     ticketsFields: IGroupItem[];
     orderFields: IGroupItem[];
+    addOnFields: IGroupItem[];
 };

package/dist/api/common.d.ts

@@ -1,5 +1,6 @@
 export declare const getEvent: (id: string | number, pk?: string | undefined) => Promise<IEventResponse>;
 export declare const getTickets: (eventId: string | number, promoCode: string, pk?: string | undefined) => Promise<ITicketsAdaptedResponse>;
+export declare const getTimeSlotsByDate: (eventId: string | number, date: string, promoCode?: string | undefined, pk?: string | undefined) => Promise<ITimeslotsAdaptedResponse>;
 export declare const getCountries: () => Promise<ICountriesResponse>;
 export declare const getStates: (countryId: string | number) => Promise<IStatesResponse>;
 export declare const sendRSVPInfo: (eventId: number, data: {

package/dist/api/index.d.ts

@@ -59,6 +59,7 @@ export declare const getCheckoutPageConfigs: () => Promise<ResponseConfigs>;
 export declare const getCustomFields: (eventId: string) => Promise<{
     ticketsFields: import("../types").IGroupItem[];
     orderFields: import("../types").IGroupItem[];
+    addOnFields: import("../types").IGroupItem[];
 }>;
 export declare const updateOrderCustomFields: (eventId: string, orderId: string, customFieldsData: Record<string, any>) => Promise<AxiosResponse<any, any>>;
 export declare const updateTicketHoldersCustomFields: (eventId: string, customFieldsData: Record<string, any>, ticketHash: string) => Promise<AxiosResponse<any, any>>;

package/dist/api/preRegistrationComplete.d.ts

@@ -1,3 +1,3 @@
-export declare const getPreRegistrationInfluancers: (data: IInfluancersRequestData) => Promise<IInfluancersResponseData>;
+export declare const getPreRegistrationInfluencers: (data: IInfluancersRequestData) => Promise<IInfluancersResponseData>;
 export declare const getPreRegistrationShareOptions: (data: IShareOptionsRequestData) => Promise<IShareOptionsResponseData>;
 export declare const submitShareAction: (data: ISubmitShareActionRequestData) => Promise<ISubmitShareActionResponseData>;

package/dist/components/addonsContainer/AddonComponent.d.ts

@@ -4,6 +4,10 @@ interface IAddonComponentProps {
     data: any;
     selectOptions: any;
     handleAddonChange?: (...res: any) => void;
+    addOnDataWithCustomFields: any;
+    configs: any;
+    values: any;
+    errors: any;
 }
-declare const AddonComponent: ({ classNamePrefix, data, selectOptions, handleAddonChange, }: IAddonComponentProps) => JSX.Element;
+declare const AddonComponent: ({ classNamePrefix, data, selectOptions, handleAddonChange, addOnDataWithCustomFields, configs, values, errors, }: IAddonComponentProps) => JSX.Element;
 export default AddonComponent;

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

@@ -12,8 +12,11 @@ export interface IAddonContainterProps {
     onCountdownFinish?: () => void;
     onPendingVerification?: () => void;
     samePage?: boolean;
+    descriptionTrigger?: 'click' | 'hover' | 'always';
+    addOnDataWithCustomFields: any;
+    configs: any;
 }
 export interface ObjectLiteral {
     [key: string]: any;
 }
-export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, samePage, }: IAddonContainterProps) => JSX.Element;
+export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, samePage, descriptionTrigger, addOnDataWithCustomFields, configs, }: IAddonContainterProps) => JSX.Element;

package/dist/components/billing-info-container/index.d.ts

@@ -56,6 +56,7 @@ export interface IBillingInfoPage {
     onPendingVerification?: () => void;
     includeAddons?: boolean;
     addonsProps?: IAddonContainterProps;
+    addOnDataWithCustomFields?: any;
 }
 declare const WithCustomFieldsBillingInfoContainer: (props: any) => JSX.Element;
 export { WithCustomFieldsBillingInfoContainer as BillingInfoContainer };

package/dist/components/common/DatePickerField.d.ts

@@ -1,14 +1,20 @@
 /// <reference types="react" />
+import { ThemeOptions } from '@mui/material';
+import { CSSProperties } from '@mui/styles';
 import { FieldInputProps, FormikProps } from 'formik';
 export interface IDatePickerFieldProps {
     label: string;
     field: FieldInputProps<any>;
     form: FormikProps<any>;
     theme: 'dark' | 'light';
+    themeOptions?: ThemeOptions & {
+        input?: CSSProperties;
+        checkbox?: CSSProperties;
+    };
     useCompact?: boolean;
 }
 interface IOtherProps {
     [key: string]: any;
 }
-export declare const DatePickerField: ({ label, field, form, theme, useCompact, dateFormat, placeholder, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
+export declare const DatePickerField: ({ label, field, form, theme, useCompact, themeOptions, dateFormat, placeholder, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
 export {};

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

@@ -4,8 +4,9 @@ import { FC } from 'react';
 export interface IForgotPasswordProps {
     onClose: () => void;
     onLoginButtonClick: () => void;
-    onForgotPasswordSuccess: (res: any) => void;
+    onForgotPasswordSuccess: (res: IAxiosResponseData) => void;
     onForgotPasswordError: (e: AxiosError) => void;
     showPoweredByImage?: boolean;
+    displaySuccessMessage?: boolean;
 }
 export declare const ForgotPasswordModal: FC<IForgotPasswordProps>;

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import './style.css';
+import { ThemeOptions } from "@mui/material";
+import { CSSProperties } from "@mui/styles";
 import { IActionColumns, ITicketTypes } from './ticketsTable';
 interface OrderDetailsTypes {
     columns: Array<{
@@ -19,6 +21,10 @@ interface OrderDetailsTypes {
     personalLinkIcon?: string;
     displayColumnNameInRow?: boolean;
     canSellTicket?: boolean;
+    themeOptions?: ThemeOptions & {
+        input?: CSSProperties;
+        checkbox?: CSSProperties;
+    };
     ticketsTableColumns?: Array<{
         id?: string | number;
         key: keyof ITicketTypes & keyof IActionColumns;
@@ -54,5 +60,5 @@ export interface CustomFieldTypes {
     ticketHash?: string;
     options?: CustomFieldOption[];
 }
-export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, themeOptions, }: OrderDetailsTypes) => JSX.Element;
 export {};

package/dist/components/preRegistration/FieldsSection.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { FormikValues } from 'formik';
+import { ThemeOptions } from "@mui/material";
+import { CSSProperties } from "@mui/styles";
 export interface IFieldsSectionProps {
     formFields?: IFormFieldsSection[];
     values: FormikValues;
@@ -8,6 +10,10 @@ export interface IFieldsSectionProps {
         [key: string]: string | number;
     }[];
     theme?: 'dark' | 'light';
+    themeOptions?: ThemeOptions & {
+        input?: CSSProperties;
+        checkbox?: CSSProperties;
+    };
     containerClass?: string;
 }
-export declare const FieldsSection: ({ formFields, countries, values, setFieldValue, theme, containerClass, }: IFieldsSectionProps) => JSX.Element;
+export declare const FieldsSection: ({ formFields, countries, values, setFieldValue, theme, containerClass, themeOptions, }: IFieldsSectionProps) => JSX.Element;

package/dist/components/preRegistration/PreRegistrationComplete.d.ts

@@ -1,5 +1,11 @@
+import { ThemeOptions } from '@mui/material';
+import { CSSProperties } from '@mui/styles';
 import { AxiosError } from 'axios';
 import { FC } from 'react';
 export declare const PreRegistrationComplete: FC<IPreRegistrationCompleteProps & {
     onGetConfirmationDataError?: (error: AxiosError) => void;
+    themeOptions?: ThemeOptions & {
+        input?: CSSProperties;
+        checkbox?: CSSProperties;
+    };
 }>;

package/dist/components/preRegistration/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const formFieldsNotLoggedIn: IFormFieldsSection[];
-export declare const formFieldsLoggedIn: IFormFieldsSection[];
+export declare const getFormFieldsNotLoggedIn: (clientName?: string | number | undefined) => IFormFieldsSection[];
+export declare const getFormFieldsLoggedIn: (clientName?: string | number | undefined) => IFormFieldsSection[];

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

@@ -1,3 +1,5 @@
+import { ThemeOptions } from '@mui/material';
+import { CSSProperties } from '@mui/styles';
 import { AxiosError } from 'axios';
 import { FC } from 'react';
 import { IForgotPasswordProps } from '../forgotPasswordModal';
@@ -12,6 +14,10 @@ interface IPreRegistrationProps extends Props, IForgotPasswordProps {
     onConfirmationSuccess?: (res: any) => void;
     onConfirmationError?: (e: AxiosError) => void;
     onLoginSuccess?: (res: any) => void;
+    themeOptions?: ThemeOptions & {
+        input?: CSSProperties;
+        checkbox?: CSSProperties;
+    };
 }
 export declare const PreRegistration: FC<IPreRegistrationProps>;
 export {};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const InfoIcon: ({ size }: {
+    size?: number | undefined;
+}) => JSX.Element;
+export default InfoIcon;

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

@@ -12,8 +12,9 @@ interface ITicketsSectionProps {
     ticketsHeaderComponent?: ReactNode;
     tableTicketsHeaderComponent?: ReactNode;
     showGroupNameBlock?: boolean;
-    currencySybmol?: string;
+    currencySymbol?: string;
     isSeatMapAllowed?: boolean;
+    descriptionTrigger?: 'click' | 'hover';
 }
-export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, tableTicketsHeaderComponent, hideTicketsHeader, hideTableTicketsHeader, showGroupNameBlock, currencySybmol, isSeatMapAllowed, tableTickets, }: ITicketsSectionProps) => JSX.Element;
+export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, tableTicketsHeaderComponent, hideTicketsHeader, hideTableTicketsHeader, showGroupNameBlock, currencySymbol, isSeatMapAllowed, tableTickets, descriptionTrigger, }: ITicketsSectionProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+interface Props {
+    event: any;
+    eventId: number;
+    availableDates: string[];
+    selectedDate: string | null;
+    timeSlotGroups: {
+        [key: string]: any[];
+    };
+    setTimeSlotGroups: (value: {
+        [key: string]: any[];
+    }) => void;
+    setSelectedDate: (value: string | null) => void;
+    getTimeSlots: (date: string | null, type?: string) => Promise<void>;
+    selectedTickets: any;
+    handleTicketSelect: any;
+    sortBySoldOut: boolean;
+    hideTicketsHeader: boolean;
+    ticketsHeaderComponent?: ReactNode;
+    showGroupNameBlock?: boolean;
+    currencySymbol?: string;
+    isSeatMapAllowed?: boolean;
+}
+declare const TimeSlotsSection: React.FC<Props>;
+export default TimeSlotsSection;

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

@@ -16,12 +16,24 @@ export interface IGetTickets {
     getTicketsLabel?: string;
     contentStyle?: React.CSSProperties;
     onAddToCartError: (e: AxiosError) => void;
-    onGetTicketsSuccess: (response: any) => void;
+    onGetTicketsSuccess: (response: {
+        data: {
+            attributes: {
+                tickets: ITicketData[];
+            };
+        };
+    }) => void;
     onGetTicketsPress: () => void;
     onGetTicketsError: (e: AxiosError) => void;
     onLogoutSuccess: () => void;
     onLogoutError: (e: AxiosError) => void;
-    onGetProfileDataSuccess: (response: any) => void;
+    onGetProfileDataSuccess: (response: {
+        data: {
+            attributes: {
+                [key: string]: string | number | boolean | null;
+            };
+        };
+    }) => void;
     onGetProfileDataError: (e: AxiosError) => void;
     onLoginSuccess: () => void;
     handleNotInvitedModalClose: () => void;
@@ -41,7 +53,7 @@ export interface IGetTickets {
     sortBySoldOut?: boolean;
     disableCountdownLeadingZero?: boolean;
     isLoggedIn?: boolean;
-    actionsSectionComponent?: any;
+    actionsSectionComponent?: ReactNode;
     ticketsHeaderComponent?: ReactNode;
     hideTicketsHeader?: boolean;
     tableTicketsHeaderComponent?: ReactNode;
@@ -52,7 +64,7 @@ export interface IGetTickets {
     showPoweredByImage?: boolean;
     promoText?: string;
     showGroupNameBlock?: boolean;
-    currencySybmol?: string;
+    currencySymbol?: string;
     onReserveButtonClick?: () => void;
     onPendingVerification?: () => void;
     showAlertIcons?: boolean;
@@ -65,5 +77,5 @@ export interface ISelectedTickets {
     isTable: boolean;
     [key: string]: string | number | boolean;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, onGetTicketsPress, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, onGetTicketsPress, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySymbol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
 export {};

package/dist/constants/index.d.ts

@@ -1 +1,6 @@
 export declare const X_TF_ECOMMERCE = "X-TF-ECOMMERCE";
+export declare const FEES_STYLES: {
+    TRADITIONAL: string;
+    DISPLAY_BOTH: string;
+};
+export declare const DEFAULT_FEES_STYLE: string;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { LoginModal } from './components/loginModal';
 export { MyTicketsContainer } from './components/myTicketsContainer';
 export { OrderDetailsContainer } from './components/orderDetailsContainer';
 export { setConfigs } from './utils/setConfigs';
+export { DEFAULT_FEES_STYLE } from './constants/index';
 export { TicketResaleContainer } from './components';
 export { RedirectModal } from './components/common/RedirectModal';
 export { RsvpContainer } from './components/rsvpContainer';