tf-checkout-react 1.6.6-beta.26 → 1.6.6-beta.27

package/dist/api/checkout.d.ts

@@ -1 +1,2 @@
 export declare const postOnCheckout: (data: any, freeTicket?: boolean) => Promise<ICheckoutResponse>;
+export declare const updateCheckout: (data: any) => Promise<ICheckoutResponse>;

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) => 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

@@ -15,8 +15,9 @@ export interface IAddonContainterProps {
     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, samePage, descriptionTrigger, addOnDataWithCustomFields, configs, }: 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;

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

@@ -6,10 +6,11 @@ import { AxiosError } from 'axios';
 import { FormikHelpers, FormikValues } from 'formik';
 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;
@@ -26,6 +27,8 @@ export interface IBillingInfoPage {
     onLogin?: () => void;
     onLoginSuccess?: () => void;
     onErrorClose?: () => void;
+    onCheckoutUpdateSuccess?: (res: any) => void;
+    onCheckoutUpdateError?: (e: AxiosError) => void;
     initialValues?: FormikValues;
     buttonName?: string;
     theme?: 'light' | 'dark';
@@ -57,6 +60,8 @@ export interface IBillingInfoPage {
     includeAddons?: boolean;
     addonsProps?: IAddonContainterProps;
     addOnDataWithCustomFields?: any;
+    isSinglePageCheckout?: boolean;
+    paymentProps?: Partial<IPaymentPage>;
 }
 declare const WithCustomFieldsBillingInfoContainer: (props: any) => JSX.Element;
 export { WithCustomFieldsBillingInfoContainer as BillingInfoContainer };

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { FormikErrors, FormikValues } from 'formik';
+import React from 'react';
 import { AttributesConfig } from '../../api';
 import { IGroupItem } from '../../types';
 export interface ILoggedInValues {
@@ -32,3 +32,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/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/paymentContainer/OrderDetails.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const OrderDetails: ({ orderData, paymentFieldsData }: any) => JSX.Element;

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,9 +2,10 @@
 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 { AxiosError } from 'axios';
 import { IPaymentField } from '../../types';
+import { ICheckoutForm } from '../stripePayment';
 export interface IPaymentPage {
     paymentFields: IPaymentField[];
     handlePayment: any;
@@ -15,8 +16,6 @@ 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;
@@ -25,8 +24,12 @@ export interface IPaymentPage {
     onCountdownFinish?: () => void;
     enableTimer?: boolean;
     enablePaymentPlan?: boolean;
-    paymentButtonText?: string;
     paymentInfoLabel?: string;
     orderInfoLabel?: string;
+    displayPaymentButton?: boolean;
+    hidePaymentForm?: boolean;
+    hideFieldsBlock?: boolean;
+    isSinglePageCheckout?: boolean;
+    stripePaymentProps?: Partial<ICheckoutForm>;
 }
-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, onCountdownFinish, enableTimer, enablePaymentPlan, orderInfoLabel, paymentInfoLabel, displayPaymentButton, hidePaymentForm, hideFieldsBlock, isSinglePageCheckout, stripePaymentProps, }: IPaymentPage) => JSX.Element;

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

@@ -1,6 +1,16 @@
 /// <reference types="react" />
 import './style.css';
-import { StripeCardNumberElementOptions } from '@stripe/stripe-js';
+import { Stripe, StripeCardNumberElement, StripeCardNumberElementOptions, StripeError } from '@stripe/stripe-js';
+interface PaymentFieldsData {
+    billing_info: {
+        city?: string;
+        street_address?: string;
+        state?: string;
+    };
+    postalCode?: string;
+    disableZipSection?: boolean;
+    cardComplete?: boolean;
+}
 export interface ICheckoutForm {
     total: string | number;
     currency: string;
@@ -14,11 +24,16 @@ export interface ICheckoutForm {
     isLoading: any;
     handleSetLoading: (loading: any) => void;
     conditions: any;
-    disableZipSection: boolean;
+    disableZipSection?: boolean;
     paymentButtonText?: string;
     forPaymentPlan?: boolean;
     orderId?: string;
     hasSeatMapActions: boolean;
+    enableAddressElement?: boolean;
+    collectPaymentMethodOnly?: boolean;
+    displayPaymentButton?: boolean;
+    onPaymentFieldsUpdate?: (error: any, paymentFieldsData: PaymentFieldsData, stripe: Stripe | null, card: StripeCardNumberElement | null) => void;
+    stripeCardError?: StripeError | null;
 }
-declare const CheckoutForm: ({ total, orderId, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, forPaymentPlan, hasSeatMapActions, }: ICheckoutForm) => JSX.Element;
+declare const CheckoutForm: ({ total, orderId, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, forPaymentPlan, hasSeatMapActions, enableAddressElement, displayPaymentButton, onPaymentFieldsUpdate, stripeCardError, }: ICheckoutForm) => JSX.Element;
 export default CheckoutForm;

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

@@ -9,6 +9,7 @@ interface CartSuccess {
     hash?: string | number;
     total?: string | number;
     hasAddOn?: boolean;
+    eventSlug?: string;
 }
 export interface IGetTickets {
     eventId: number;

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

@@ -24,3 +24,4 @@ export { IDVerification } from './components/idVerificationContainer';
 export { VERIFICATION_STATUSES } from './components/idVerificationContainer/constants';
 export { setConfigs } from './utils/setConfigs';
 export { logoutUser } from './utils/auth';
+export { OrderDetails } from './components/paymentContainer/OrderDetails';