tf-checkout-react 1.3.48-beta.2 → 1.3.48-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api/index.d.ts +1 -1
- package/dist/components/common/Loader.d.ts +1 -1
- package/dist/components/orderDetailsContainer/index.d.ts +2 -2
- package/dist/components/paymentContainer/index.d.ts +2 -2
- package/dist/components/seatMapContainer/SeatMapComponent.d.ts +0 -11
- package/dist/components/seatMapContainer/TicketsSection.d.ts +9 -0
- package/dist/components/seatMapContainer/index.d.ts +1 -6
- package/dist/components/seatMapContainer/utils.d.ts +5 -0
- package/dist/components/stripePayment/index.d.ts +2 -2
- package/dist/components/ticketsContainer/TicketRow.d.ts +3 -1
- package/dist/components/ticketsContainer/TicketsSection.d.ts +5 -1
- package/dist/components/ticketsContainer/index.d.ts +6 -3
- package/dist/tf-checkout-react.cjs.development.js +632 -352
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +633 -353
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/dist/types/order-data.d.ts +2 -0
- package/package.json +1 -1
- package/src/api/index.ts +7 -31
- package/src/components/common/Loader.tsx +6 -8
- package/src/components/orderDetailsContainer/index.tsx +59 -26
- package/src/components/paymentContainer/index.tsx +62 -5
- package/src/components/seatMapContainer/SeatMapComponent.tsx +2 -24
- package/src/components/seatMapContainer/TicketsSection.tsx +147 -0
- package/src/components/seatMapContainer/addToCart.ts +2 -3
- package/src/components/seatMapContainer/index.tsx +229 -140
- package/src/components/seatMapContainer/utils.ts +89 -0
- package/src/components/stripePayment/index.tsx +23 -18
- package/src/components/ticketsContainer/TicketRow.tsx +28 -13
- package/src/components/ticketsContainer/TicketsSection.tsx +87 -2
- package/src/components/ticketsContainer/index.tsx +54 -18
- package/src/types/order-data.ts +2 -0
- package/src/types/seatMap.d.ts +100 -8
- package/dist/components/seatMapContainer/TicketsComponent.d.ts +0 -25
- package/src/.DS_Store +0 -0
- package/src/components/.DS_Store +0 -0
- package/src/components/common/dist/PhoneNumberField.js +0 -96
- package/src/components/seatMapContainer/TicketsComponent.tsx +0 -137
package/dist/api/index.d.ts
CHANGED
|
@@ -43,7 +43,7 @@ export declare const getAddons: (eventId: string) => Promise<any>;
|
|
|
43
43
|
export declare const selectAddons: (data: any) => void;
|
|
44
44
|
export declare const getCheckoutPageConfigs: () => Promise<any>;
|
|
45
45
|
export declare const getSeatMapData: (eventId: string | number) => Promise<SeatMapDataResponse>;
|
|
46
|
-
export declare const getSeatMapStatuses: (eventId: string | number) => Promise<
|
|
46
|
+
export declare const getSeatMapStatuses: (eventId: string | number) => Promise<SeatMapStatusesResponse>;
|
|
47
47
|
export declare const reserveSeat: (eventId: string | number, tierId: string, seatId: string) => Promise<any>;
|
|
48
48
|
export declare const removeSeatReserve: (eventId: string | number, tierId: string, seatIds: string[]) => Promise<any>;
|
|
49
49
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare
|
|
2
|
+
export declare const Loader: () => JSX.Element;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import './style.css';
|
|
3
3
|
import { IActionColumns, ITicketTypes } from './ticketsTable';
|
|
4
4
|
interface OrderDetailsTypes {
|
|
5
|
-
|
|
5
|
+
columnsProps: Array<{
|
|
6
6
|
label: string;
|
|
7
7
|
}>;
|
|
8
8
|
onGetOrdersSuccess: (res: any) => void;
|
|
@@ -21,5 +21,5 @@ interface OrderDetailsTypes {
|
|
|
21
21
|
}>;
|
|
22
22
|
ordersPath?: string;
|
|
23
23
|
}
|
|
24
|
-
export declare const OrderDetailsContainer: ({
|
|
24
|
+
export declare const OrderDetailsContainer: ({ columnsProps, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, }: OrderDetailsTypes) => JSX.Element;
|
|
25
25
|
export {};
|
|
@@ -6,7 +6,7 @@ import { StripeCardNumberElementOptions, StripeElementsOptions } from '@stripe/s
|
|
|
6
6
|
import { AxiosError } from 'axios';
|
|
7
7
|
import { IPaymentField } from '../../types';
|
|
8
8
|
export interface IPaymentPage {
|
|
9
|
-
|
|
9
|
+
paymentFieldsProps: IPaymentField[];
|
|
10
10
|
handlePayment: any;
|
|
11
11
|
checkoutData: any;
|
|
12
12
|
formTitle?: string;
|
|
@@ -29,4 +29,4 @@ export interface IPaymentPage {
|
|
|
29
29
|
paymentInfoLabel?: string;
|
|
30
30
|
orderInfoLabel?: string;
|
|
31
31
|
}
|
|
32
|
-
export declare const PaymentContainer: ({
|
|
32
|
+
export declare const PaymentContainer: ({ paymentFieldsProps, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, paymentButtonText, orderInfoLabel, paymentInfoLabel, }: IPaymentPage) => JSX.Element;
|
|
@@ -1,14 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import 'tf-seat-map-view/dist/index.css';
|
|
3
|
-
export interface ISeatMapContainerProps {
|
|
4
|
-
seatMapProps: {
|
|
5
|
-
seatData: any;
|
|
6
|
-
statuses: any;
|
|
7
|
-
seatMapEvents: any;
|
|
8
|
-
seatMapType?: string;
|
|
9
|
-
ticketTypeTierRelations: any;
|
|
10
|
-
isReserving: boolean;
|
|
11
|
-
};
|
|
12
|
-
mapContainerId?: string;
|
|
13
|
-
}
|
|
14
3
|
export declare const SeatMapComponent: (props: ISeatMapContainerProps) => JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CSSProperties } from '@emotion/serialize';
|
|
3
|
+
import { ThemeOptions } from '@mui/material';
|
|
4
|
+
export declare const TicketsSection: (props: ITicketsSectionProps & {
|
|
5
|
+
themeOptions?: ThemeOptions & {
|
|
6
|
+
input?: CSSProperties;
|
|
7
|
+
checkbox?: CSSProperties;
|
|
8
|
+
};
|
|
9
|
+
}) => JSX.Element;
|
|
@@ -1,7 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export
|
|
3
|
-
event: any;
|
|
4
|
-
mapContainerId?: string;
|
|
5
|
-
onAddToCartSuccess?: (data: any) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const SeatMapContainer: (props: ISeatMapContainerProps) => JSX.Element;
|
|
2
|
+
export declare const SeatMapContainer: (props: IMapContainerProps) => JSX.Element;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
export declare const getTierIdBasedOnSeatId: (seatId: string, eventSeats: Array<EventSeat>) => string | number | null;
|
|
2
|
+
export declare const getButtonLabel: (count: number) => string;
|
|
3
|
+
export declare const getOwnReservationsBasedOnStatuses: (statuses: any) => string[];
|
|
4
|
+
export declare const getTicketDropdownData: (reservationData: Array<SeatReservationData>, tierReleations: TicketTypeTierRelations) => ITicketsDropdownsData[];
|
|
1
5
|
export declare const getAddToCartRequestData: ({ eventId, reservations, selectedSeats, selectedTickets, }: any) => {
|
|
2
6
|
attributes: {
|
|
3
7
|
alternative_view_id: null;
|
|
@@ -7,3 +11,4 @@ export declare const getAddToCartRequestData: ({ eventId, reservations, selected
|
|
|
7
11
|
ticket_types: {};
|
|
8
12
|
};
|
|
9
13
|
};
|
|
14
|
+
export declare const getTierRelationsArray: (data: Array<TicketTypeTierRelationsData>) => (string | number)[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { StripeCardNumberElementOptions } from '@stripe/stripe-js';
|
|
3
2
|
import './style.css';
|
|
3
|
+
import { StripeCardNumberElementOptions } from '@stripe/stripe-js';
|
|
4
4
|
export interface ICheckoutForm {
|
|
5
5
|
total: string;
|
|
6
6
|
currency: string;
|
|
@@ -17,5 +17,5 @@ export interface ICheckoutForm {
|
|
|
17
17
|
disableZipSection: boolean;
|
|
18
18
|
paymentButtonText?: string;
|
|
19
19
|
}
|
|
20
|
-
declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText }: ICheckoutForm) => JSX.Element;
|
|
20
|
+
declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, }: ICheckoutForm) => JSX.Element;
|
|
21
21
|
export default CheckoutForm;
|
|
@@ -5,6 +5,8 @@ interface ITicketRowProps {
|
|
|
5
5
|
prevTicketTier: any;
|
|
6
6
|
selectedTickets: any;
|
|
7
7
|
handleTicketSelect: any;
|
|
8
|
+
isSeatMapAllowed?: any;
|
|
9
|
+
tableType?: boolean;
|
|
8
10
|
}
|
|
9
|
-
export declare const TicketRow: ({ ticketTier, prevTicketTier, selectedTickets, handleTicketSelect, }: ITicketRowProps) => JSX.Element;
|
|
11
|
+
export declare const TicketRow: ({ ticketTier, prevTicketTier, selectedTickets, handleTicketSelect, isSeatMapAllowed, tableType, }: ITicketRowProps) => JSX.Element;
|
|
10
12
|
export {};
|
|
@@ -7,9 +7,13 @@ interface ITicketsSectionProps {
|
|
|
7
7
|
handleTicketSelect: any;
|
|
8
8
|
sortBySoldOut: boolean;
|
|
9
9
|
hideTicketsHeader: boolean;
|
|
10
|
+
hideTableTicketsHeader: boolean;
|
|
11
|
+
tableTickets: any;
|
|
10
12
|
ticketsHeaderComponent?: ReactNode;
|
|
13
|
+
tableTicketsHeaderComponent?: ReactNode;
|
|
11
14
|
showGroupNameBlock?: boolean;
|
|
12
15
|
currencySybmol?: string;
|
|
16
|
+
isSeatMapAllowed?: boolean;
|
|
13
17
|
}
|
|
14
|
-
export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader, showGroupNameBlock, currencySybmol, }: ITicketsSectionProps) => JSX.Element;
|
|
18
|
+
export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, tableTicketsHeaderComponent, hideTicketsHeader, hideTableTicketsHeader, showGroupNameBlock, currencySybmol, isSeatMapAllowed, tableTickets, }: ITicketsSectionProps) => JSX.Element;
|
|
15
19
|
export {};
|
|
@@ -50,6 +50,8 @@ export interface IGetTickets {
|
|
|
50
50
|
actionsSectionComponent?: any;
|
|
51
51
|
ticketsHeaderComponent?: ReactNode;
|
|
52
52
|
hideTicketsHeader?: boolean;
|
|
53
|
+
tableTicketsHeaderComponent?: ReactNode;
|
|
54
|
+
hideTableTicketsHeader?: boolean;
|
|
53
55
|
enableInfluencersSection?: boolean;
|
|
54
56
|
enableAddOns?: boolean;
|
|
55
57
|
ordersPath?: string;
|
|
@@ -57,14 +59,15 @@ export interface IGetTickets {
|
|
|
57
59
|
promoText?: string;
|
|
58
60
|
showGroupNameBlock?: boolean;
|
|
59
61
|
currencySybmol?: string;
|
|
60
|
-
|
|
62
|
+
onReserveButtonClick?: () => void;
|
|
61
63
|
}
|
|
62
64
|
export interface ITicket {
|
|
63
65
|
id: string | number;
|
|
64
66
|
[key: string]: string | number;
|
|
65
67
|
}
|
|
66
68
|
export interface ISelectedTickets {
|
|
67
|
-
|
|
69
|
+
isTable: boolean;
|
|
70
|
+
[key: string]: string | number | boolean;
|
|
68
71
|
}
|
|
69
|
-
export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol,
|
|
72
|
+
export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, 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, }: IGetTickets) => JSX.Element;
|
|
70
73
|
export {};
|