tf-checkout-react 1.6.6 → 1.7.2

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/checkout.d.ts

@@ -1 +1,3 @@
+import { ICheckoutResponse } from '../types/api/checkout';
 export declare const postOnCheckout: (data: any, freeTicket?: boolean) => Promise<ICheckoutResponse>;
+export declare const updateCheckout: (data: any) => Promise<ICheckoutResponse>;

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

@@ -42,6 +42,7 @@ export interface AttributesConfig {
     collect_mandatory_instagram: boolean;
     collect_optional_instagram: boolean;
     skip_billing_page: boolean;
+    cart: ICart[];
 }
 export interface ConfigsData {
     attributes: AttributesConfig;
@@ -59,6 +60,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,11 @@ interface IAddonComponentProps {
     data: any;
     selectOptions: any;
     handleAddonChange?: (...res: any) => void;
+    addOnDataWithCustomFields: any;
+    configs: any;
+    values: any;
+    errors: any;
+    onCustomFieldChange?: (addon: any, groupId: string | number, fieldName: string, value: any) => void;
 }
-declare const AddonComponent: ({ classNamePrefix, data, selectOptions, handleAddonChange, }: IAddonComponentProps) => JSX.Element;
+declare const AddonComponent: ({ classNamePrefix, data, selectOptions, handleAddonChange, addOnDataWithCustomFields, configs, values, errors, onCustomFieldChange, }: IAddonComponentProps) => JSX.Element;
 export default AddonComponent;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface ISimpleAddonContainerProps {
+    classNamePrefix?: string;
+    onGetAddonsPageInfoSuccess?: (res: any) => void;
+    onGetAddonsPageInfoError?: (error: any) => void;
+    descriptionTrigger?: 'click' | 'hover' | 'always';
+    addOnDataWithCustomFields: any;
+    configs: any;
+    eventId: string;
+    onAddOnSelect?: (id: string, value: string, addon: any, fieldUpdates: any) => void;
+    handleConfirm?: (values: any) => void;
+}
+export interface ObjectLiteral {
+    [key: string]: any;
+}
+export declare const SimpleAddonsContainer: ({ classNamePrefix, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, descriptionTrigger, addOnDataWithCustomFields, configs, eventId, onAddOnSelect, handleConfirm, }: ISimpleAddonContainerProps) => JSX.Element;
+export default SimpleAddonsContainer;

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

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

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

@@ -0,0 +1,3 @@
+export { usePaymentRedirect } from './usePaymentRedirect';
+export { useStripePayment } from './useStripePayment';
+export { usePaymentContext } from './usePaymentContext';

package/dist/components/billing-info-container/hooks/usePaymentContext.d.ts

@@ -0,0 +1,5 @@
+export declare const usePaymentContext: () => {
+    storePaymentContext: (context: any) => void;
+    getPaymentContext: () => any;
+    clearPaymentContext: () => void;
+};

package/dist/components/billing-info-container/hooks/usePaymentRedirect.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Stripe } from '@stripe/stripe-js';
+import { FormikHelpers } from 'formik';
+interface UsePaymentRedirectProps {
+    stripeRef: React.MutableRefObject<Stripe | null>;
+    setError: (error: string | null) => void;
+    setLoading: (loading: boolean) => void;
+    removeReferralKey: () => void;
+    removeAdditionalConfigs: () => void;
+    handleSubmit: (values: any, formikHelpers: FormikHelpers<any>, eventId: any, checkoutResponse: any, checkoutUpdateResponse: any, paymentResponse: any) => void;
+    isBrowser: boolean;
+}
+export declare const usePaymentRedirect: ({ stripeRef, setError, setLoading, removeReferralKey, removeAdditionalConfigs, handleSubmit, isBrowser, }: UsePaymentRedirectProps) => void;
+export {};

package/dist/components/billing-info-container/hooks/useStripePayment.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FormikHelpers } from 'formik';
+interface PaymentData {
+    attributes: any;
+    isFreeTickets: boolean;
+    updatedOrderData: any;
+    eventId: string;
+}
+interface UseStripePaymentProps {
+    stripeRef: any;
+    elementsRef: React.MutableRefObject<any>;
+    setError: (error: string | null) => void;
+    isBrowser: boolean;
+}
+export declare const useStripePayment: ({ stripeRef, elementsRef, setError, isBrowser, }: UseStripePaymentProps) => {
+    processPayment: (paymentDataResponse: any, values: any, formikHelpers: FormikHelpers<any>, checkoutResponse: any, checkoutUpdateResponse: any, paymentData: PaymentData) => Promise<null>;
+};
+export {};

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

@@ -1,14 +1,16 @@
-/// <reference types="react" />
 import './style.css';
 import { ThemeOptions } from '@mui/material';
 import { CSSProperties } from '@mui/styles';
 import { AxiosError } from 'axios';
 import { FormikHelpers, FormikValues } from 'formik';
+import React from 'react';
 import { IBillingInfoData } from '../../types';
+import { IAddonContainterProps } from '../addonsContainer';
+import { IPaymentPage } from '../paymentContainer';
 export interface IBillingInfoPage {
     data?: IBillingInfoData[];
     ticketHoldersFields?: IBillingInfoData;
-    handleSubmit?: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, eventId: any, res: any) => void;
+    handleSubmit?: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, eventId: any, res: any, checkoutUpdateResponse?: any, paymentResponse?: any) => void;
     onRegisterSuccess?: (value: any) => void;
     onRegisterError?: (e: AxiosError, email: string) => void;
     onSubmitError?: (e: AxiosError) => void;
@@ -25,8 +27,11 @@ export interface IBillingInfoPage {
     onLogin?: () => void;
     onLoginSuccess?: () => void;
     onErrorClose?: () => void;
+    onCheckoutUpdateSuccess?: (res: any) => void;
+    onCheckoutUpdateError?: (e: AxiosError) => void;
     initialValues?: FormikValues;
     buttonName?: string;
+    freeOrderButtonName?: string;
     theme?: 'light' | 'dark';
     isLoggedIn?: boolean;
     accountInfoTitle?: string | JSX.Element;
@@ -53,6 +58,12 @@ export interface IBillingInfoPage {
     customFieldsOrderKeys?: string[];
     customFieldsTicketHolderKeys?: string[];
     onPendingVerification?: () => void;
+    includeAddons?: boolean;
+    addonsProps?: IAddonContainterProps;
+    addOnDataWithCustomFields?: any;
+    isSinglePageCheckout?: boolean;
+    paymentProps?: Partial<IPaymentPage>;
+    paymentSectionAddon?: React.ReactNode;
 }
 declare const WithCustomFieldsBillingInfoContainer: (props: any) => JSX.Element;
 export { WithCustomFieldsBillingInfoContainer as BillingInfoContainer };

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

@@ -1,11 +1,12 @@
-/// <reference types="react" />
 import { FormikErrors, FormikValues } from 'formik';
+import React from 'react';
 import { AttributesConfig } from '../../api';
 import { IGroupItem } from '../../types';
 export interface ILoggedInValues {
     emailLogged?: string;
     firstNameLogged?: string;
     lastNameLogged?: string;
+    phoneLogged?: string;
 }
 export interface IValues {
     [key: string]: any;
@@ -32,3 +33,27 @@ export declare const assingUniqueIds: (data: any) => any;
 export declare const isRequiredField: (element: IGroupItem, configs?: AttributesConfig | null | undefined) => boolean;
 export declare const getFieldLabel: (element: IGroupItem, configs?: AttributesConfig | null | undefined) => string | JSX.Element;
 export declare const getFieldComponent: (element: IGroupItem) => any;
+/**
+ * Renders a React component with the provided props
+ * @param Component - The React component to render
+ * @param props - The props to apply to the component
+ * @returns JSX element with applied props
+ */
+export declare const renderComponentWithProps: <T extends Record<string, any>>(Component: React.ComponentType<T>, props: T) => React.ReactElement<T, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export declare const filterBillingInfoFields: (fields: IGroupItem[], options: {
+    showDOB: boolean;
+    hideTtfOptIn: boolean;
+    hidePhoneField: boolean;
+    flagRequirePhone: boolean;
+    collectMandatoryWalletAddress: boolean;
+    collectMandatoryJobTitle: boolean;
+    collectMandatoryBusinessCategory: boolean;
+    collectMandatoryCompany: boolean;
+    collectMandatoryInstagram: boolean;
+    flagFreeTicket: boolean;
+    hideWalletAddressField: boolean;
+    hideJobTitleField: boolean;
+    hideBusinessCategoryField: boolean;
+    hideCompanyField: boolean;
+    hideInstagramField: boolean;
+}) => IGroupItem[];

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/common/PhoneNumberField.d.ts

@@ -11,4 +11,4 @@ export interface IPhoneNumberField {
     defaultCountry?: string;
     isCountryCodeEditable?: boolean;
 }
-export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, isCountryCodeEditable, }: IPhoneNumberField) => JSX.Element;
+export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, submitCount, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, isCountryCodeEditable, }: IPhoneNumberField) => JSX.Element;

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

@@ -11,6 +11,7 @@ export interface IShareButton {
     eventActionId?: string;
     oneTimeAction?: boolean;
     alreadyApplied?: boolean;
+    btnClassName?: string;
 }
 export interface IConfirmationLabels {
     confirmationTitle?: string;
@@ -35,5 +36,7 @@ export interface IConfirmationPage {
     showReferralsInfoText?: boolean;
     showCopyInfoModal?: boolean;
     showPricingNoteSection?: boolean;
+    showOrderDetailsBtn?: boolean;
+    onOrderDetailsClick?: (data: ICheckoutCompleteData) => void;
 }
-export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, clientLabel, showReferralsInfoText, showCopyInfoModal, showPricingNoteSection, }: IConfirmationPage) => JSX.Element;
+export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, clientLabel, showReferralsInfoText, showCopyInfoModal, showPricingNoteSection, showOrderDetailsBtn, onOrderDetailsClick, }: IConfirmationPage) => JSX.Element;

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

@@ -10,5 +10,5 @@ interface CountdownTypes {
     callback?: () => void;
     isLoggedIn?: boolean;
 }
-declare function Countdown({ startDate, timezone, title, message, showMessage, disableLeadingZero, callback, isLoggedIn }: CountdownTypes): JSX.Element;
+declare function Countdown({ startDate, timezone, title, message, showMessage, disableLeadingZero, callback, isLoggedIn, }: CountdownTypes): JSX.Element;
 export default Countdown;

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/myTicketsContainer/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import './style.css';
+import React from 'react';
 interface MyTicketsTypes {
     handleDetailsInfo: (id: string | number) => void;
     onGetOrdersSuccess: (res: any) => void;
@@ -9,7 +9,8 @@ interface MyTicketsTypes {
     selectEventsLabel?: string;
     openLoginModal?: () => void;
     hideDetailsButton?: boolean;
+    customNoOrderContent?: React.ReactNode;
     columns?: IColumnData[];
 }
-export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, selectEventsLabel, logo, hideDetailsButton, columns, openLoginModal, }: MyTicketsTypes) => JSX.Element;
+export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, selectEventsLabel, logo, hideDetailsButton, columns, openLoginModal, customNoOrderContent, }: MyTicketsTypes) => JSX.Element;
 export {};

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;
@@ -29,6 +35,7 @@ interface OrderDetailsTypes {
     referralTitle?: string;
     itemsTitle?: string;
     ticketsTitle?: string;
+    displayLoading?: boolean;
 }
 export interface CustomFieldOption {
     id: string;
@@ -54,5 +61,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, displayLoading, }: OrderDetailsTypes) => JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface OrderDetailsProps {
+    orderData: any;
+    paymentFieldsData: any[];
+    customMobileText?: string;
+    handleCountdownFinish?: () => void;
+}
+export declare const OrderDetails: ({ orderData, paymentFieldsData, customMobileText, handleCountdownFinish }: OrderDetailsProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+interface Options {
+    reviewData: any;
+    isFreeTickets: boolean;
+    paymentPlanIsAvailable: boolean;
+    showPaymentPlanSection: boolean;
+    handlePayment: any;
+    setPaymentIsLoading: any;
+    setError: any;
+    orderData: any;
+    eventId: any;
+    isBrowser: boolean;
+    onPaymentError: any;
+}
+export declare const handlePaymentMiddleWare: (error: any, data: object, { reviewData, isFreeTickets, paymentPlanIsAvailable, showPaymentPlanSection, handlePayment, setPaymentIsLoading, setError, orderData, eventId, isBrowser, onPaymentError, }: Options) => Promise<void>;
+export {};

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

@@ -2,7 +2,8 @@
 import './style.css';
 import { ThemeOptions } from '@mui/material';
 import { CSSProperties } from '@mui/styles';
-import { StripeCardNumberElementOptions, StripeElementsOptions } from '@stripe/stripe-js';
+import { StripeElementsOptions } from '@stripe/stripe-js';
+import { StripePaymentElementOptions } from '@stripe/stripe-js';
 import { AxiosError } from 'axios';
 import { IPaymentField } from '../../types';
 export interface IPaymentPage {
@@ -15,18 +16,23 @@ export interface IPaymentPage {
     onGetPaymentDataSuccess: (value: any) => void;
     onGetPaymentDataError: (value: AxiosError) => void;
     onPaymentError: (value: AxiosError, slug?: string) => void;
-    stripeCardOptions?: StripeCardNumberElementOptions;
-    disableZipSection: boolean;
     themeOptions?: ThemeOptions & {
         input?: CSSProperties;
         checkbox?: CSSProperties;
     };
     elementsOptions?: StripeElementsOptions;
+    paymentElementOptions?: StripePaymentElementOptions;
     onCountdownFinish?: () => void;
     enableTimer?: boolean;
-    enablePaymentPlan?: boolean;
-    paymentButtonText?: string;
     paymentInfoLabel?: string;
     orderInfoLabel?: string;
+    displayPaymentButton?: boolean;
+    hidePaymentForm?: boolean;
+    hideFieldsBlock?: boolean;
+    isSinglePageCheckout?: boolean;
+    stripePublishableKey?: string;
+    stripeAccountId?: string;
+    onStripeReady?: (stripe: any, elements: any) => void;
+    enablePaymentPlan?: boolean;
 }
-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;
+export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, themeOptions, elementsOptions, paymentElementOptions, onCountdownFinish, enableTimer, orderInfoLabel, paymentInfoLabel, displayPaymentButton, hidePaymentForm, hideFieldsBlock, isSinglePageCheckout, stripePublishableKey, stripeAccountId, onStripeReady, enablePaymentPlan, }: IPaymentPage) => JSX.Element;

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,13 @@
+import { ThemeOptions } from '@mui/material';
+import { CSSProperties } from '@mui/styles';
 import { AxiosError } from 'axios';
 import { FC } from 'react';
+import "./style.css";
 export declare const PreRegistrationComplete: FC<IPreRegistrationCompleteProps & {
     onGetConfirmationDataError?: (error: AxiosError) => void;
+    skipInitialValidation?: boolean;
+    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/resetPasswordContainer/index.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { AxiosError } from 'axios';
 import './style.css';
+import { AxiosError } from 'axios';
+import { FC } from 'react';
 interface IResetPasswordProps {
     token?: string;
     onResetPasswordSuccess?: (res: any) => void;

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

@@ -9,6 +9,9 @@ interface CartSuccess {
     hash?: string | number;
     total?: string | number;
     hasAddOn?: boolean;
+    eventSlug?: string;
+    cart?: ICart[];
+    currencySymbol?: string;
 }
 export interface IGetTickets {
     eventId: number;
@@ -16,12 +19,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 +56,7 @@ export interface IGetTickets {
     sortBySoldOut?: boolean;
     disableCountdownLeadingZero?: boolean;
     isLoggedIn?: boolean;
-    actionsSectionComponent?: any;
+    actionsSectionComponent?: ReactNode;
     ticketsHeaderComponent?: ReactNode;
     hideTicketsHeader?: boolean;
     tableTicketsHeaderComponent?: ReactNode;
@@ -52,10 +67,19 @@ export interface IGetTickets {
     showPoweredByImage?: boolean;
     promoText?: string;
     showGroupNameBlock?: boolean;
-    currencySybmol?: string;
+    currencySymbol?: string;
     onReserveButtonClick?: () => void;
     onPendingVerification?: () => void;
     showAlertIcons?: boolean;
+    submitMode?: 'auto' | 'click';
+    onPreRegistrationSuccess?: (response: any) => void;
+    onPreRegistrationError?: (e: AxiosError) => void;
+    onPreRegistrationGetCountriesSuccess?: (res: any) => void;
+    onPreRegistrationGetCountriesError?: (e: AxiosError) => void;
+    onForgotPasswordSuccess?: (res: any) => void;
+    onForgotPasswordError?: (e: AxiosError) => void;
+    showForgotPasswordButton?: boolean;
+    logo?: string;
 }
 export interface ITicket {
     id: string | number;
@@ -65,5 +89,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, onPreRegistrationSuccess, onPreRegistrationError, onPreRegistrationGetCountriesSuccess, onPreRegistrationGetCountriesError, onForgotPasswordSuccess, onForgotPasswordError, showForgotPasswordButton, logo, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -4,6 +4,7 @@ export interface ITimerWidgetPage {
     expires_at: number;
     buyLoading?: boolean;
     onCountdownFinish?: () => void;
+    container?: string;
 }
 export interface IRenderer {
     minutes: number;
@@ -11,5 +12,5 @@ export interface IRenderer {
     completed: number;
     handleCountdownFinish: () => void;
 }
-declare const _default: React.MemoExoticComponent<({ expires_at, buyLoading, onCountdownFinish, }: ITimerWidgetPage) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ expires_at, buyLoading, onCountdownFinish, container, }: ITimerWidgetPage) => JSX.Element | null>;
 export default _default;

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;