tf-checkout-react 1.6.6-beta.3 → 1.6.6-beta.31

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/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,7 @@ interface CartSuccess {
     hash?: string | number;
     total?: string | number;
     hasAddOn?: boolean;
+    eventSlug?: string;
 }
 export interface IGetTickets {
     eventId: number;
@@ -16,12 +17,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 +54,7 @@ export interface IGetTickets {
     sortBySoldOut?: boolean;
     disableCountdownLeadingZero?: boolean;
     isLoggedIn?: boolean;
-    actionsSectionComponent?: any;
+    actionsSectionComponent?: ReactNode;
     ticketsHeaderComponent?: ReactNode;
     hideTicketsHeader?: boolean;
     tableTicketsHeaderComponent?: ReactNode;
@@ -52,7 +65,7 @@ export interface IGetTickets {
     showPoweredByImage?: boolean;
     promoText?: string;
     showGroupNameBlock?: boolean;
-    currencySybmol?: string;
+    currencySymbol?: string;
     onReserveButtonClick?: () => void;
     onPendingVerification?: () => void;
     showAlertIcons?: boolean;
@@ -65,5 +78,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/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;

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { currencyNormalizerCreator, createFixedFloatNormalizer } from './normali
 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';
@@ -22,3 +22,6 @@ export { PoweredBy } from './components/common/PoweredBy';
 export { SeatMapContainer } from './components/seatMapContainer';
 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';