tf-checkout-react 1.3.47-beta.3 → 1.3.48-beta.0
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 +5 -11
- package/dist/components/addonsContainer/utils/index.d.ts +4 -1
- package/dist/components/billing-info-container/utils.d.ts +1 -20
- package/dist/components/index.d.ts +1 -1
- package/dist/components/myTicketsContainer/tableConfig.d.ts +4 -1
- package/dist/components/seatMapContainer/SeatMapComponent.d.ts +14 -0
- package/dist/components/seatMapContainer/TicketsComponent.d.ts +25 -0
- package/dist/components/seatMapContainer/addToCart.d.ts +21 -0
- package/dist/components/seatMapContainer/index.d.ts +7 -0
- package/dist/components/seatMapContainer/utils.d.ts +9 -0
- package/dist/components/ticketsContainer/TicketRow.d.ts +1 -6
- package/dist/components/ticketsContainer/TicketsSection.d.ts +1 -6
- package/dist/index.d.ts +1 -0
- package/dist/tf-checkout-react.cjs.development.js +4496 -5825
- 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 +5135 -6465
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/dist/tf-checkout-styles.css +1 -1
- package/dist/types/billing-info-data.d.ts +0 -5
- package/package.json +11 -5
- package/src/.DS_Store +0 -0
- package/src/.d.ts +3 -2
- package/src/api/index.ts +100 -43
- package/{dist → src/components}/.DS_Store +0 -0
- package/src/components/addonsContainer/utils/index.tsx +1 -1
- package/src/components/billing-info-container/index.tsx +11 -271
- package/src/components/billing-info-container/style.css +1 -1
- package/src/components/billing-info-container/utils.ts +5 -98
- package/src/components/common/dist/PhoneNumberField.js +96 -0
- package/src/components/confirmationContainer/index.tsx +8 -0
- package/src/components/index.ts +1 -1
- package/src/components/loginModal/index.tsx +5 -70
- package/src/components/loginModal/style.css +2 -2
- package/src/components/seatMapContainer/SeatMapComponent.tsx +81 -0
- package/src/components/seatMapContainer/TicketsComponent.tsx +137 -0
- package/src/components/seatMapContainer/addToCart.ts +83 -0
- package/src/components/seatMapContainer/index.tsx +223 -0
- package/src/components/seatMapContainer/utils.ts +42 -0
- package/src/components/ticketsContainer/TicketRow.tsx +5 -55
- package/src/components/ticketsContainer/TicketsSection.tsx +1 -15
- package/src/components/ticketsContainer/index.tsx +2 -216
- package/src/components/ticketsContainer/style.css +0 -3
- package/src/components/waitingList/index.tsx +1 -1
- package/src/env.ts +2 -2
- package/src/index.ts +2 -1
- package/src/types/billing-info-data.ts +0 -6
- package/src/types/seatMap.d.ts +56 -0
- package/dist/components/ticketsContainer/crypto.d.ts +0 -24
- package/dist/utils/getWalletName.d.ts +0 -1
- package/dist/utils/loadProfile.d.ts +0 -32
- package/src/assets/.DS_Store +0 -0
- package/src/components/ticketsContainer/crypto.js +0 -528
- package/src/utils/getWalletName.tsx +0 -10
- package/src/utils/loadProfile.tsx +0 -47
package/dist/api/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { AxiosResponse } from 'axios';
|
|
|
2
2
|
export declare const setCustomHeader: (response: any) => void;
|
|
3
3
|
export declare const handleSetAccessToken: (token: string) => void;
|
|
4
4
|
export declare function getEvent(id: string | number, pk?: string): Promise<AxiosResponse<any, any>>;
|
|
5
|
-
export declare function getTickets(id: string | number, promoCode
|
|
5
|
+
export declare function getTickets(id: string | number, promoCode?: string, pk?: string): Promise<AxiosResponse<any, any>>;
|
|
6
6
|
export declare const addToCart: (id: string | number, data: any) => Promise<AxiosResponse<any, any>>;
|
|
7
7
|
export declare const getCart: () => Promise<AxiosResponse<any, any>>;
|
|
8
8
|
export declare const postOnCheckout: (data: any, accessToken?: string | undefined, freeTicket?: boolean) => Promise<AxiosResponse<any, any>>;
|
|
@@ -10,7 +10,6 @@ export declare const authorize: (data: {
|
|
|
10
10
|
email: string;
|
|
11
11
|
password: string;
|
|
12
12
|
}) => Promise<AxiosResponse<any, any>>;
|
|
13
|
-
export declare const authorizeWithWallet: (address: string, signature: string, blockchain: string) => Promise<AxiosResponse<any, any>>;
|
|
14
13
|
export declare const register: (data: FormData) => Promise<AxiosResponse<any, any>>;
|
|
15
14
|
export declare const getAccessToken: (data: FormData) => Promise<AxiosResponse<any, any>>;
|
|
16
15
|
export declare const getPaymentData: (hash: string) => Promise<AxiosResponse<any, any>>;
|
|
@@ -39,17 +38,12 @@ export declare const resetPassword: (data: IResetPasswordData) => Promise<AxiosR
|
|
|
39
38
|
export declare const processTicket: (hash: string) => Promise<AxiosResponse<any, any>>;
|
|
40
39
|
export declare const declineInvitation: (hash: string) => Promise<AxiosResponse<any, any>>;
|
|
41
40
|
export declare const sendRSVPInfo: (eventId: number, data: any) => Promise<AxiosResponse<any, any>>;
|
|
42
|
-
export declare const temporalNonce: () => Promise<AxiosResponse<any, any>>;
|
|
43
41
|
export declare const validatePhoneNumber: (phone: string) => Promise<any>;
|
|
44
|
-
export declare const connectMetamask: (blockchain: string, form: FormData) => Promise<AxiosResponse<any, any>>;
|
|
45
|
-
export declare const confirmMetamask: (blockchain: string, form: FormData) => Promise<AxiosResponse<any, any>>;
|
|
46
|
-
export declare const onConfirmConnectMetamask: (form: FormData) => Promise<AxiosResponse<any, any>>;
|
|
47
|
-
export declare const onUnconnectMetamask: () => Promise<AxiosResponse<any, any>>;
|
|
48
|
-
export declare const cryptoAccount: (blockchain: string) => Promise<AxiosResponse<any, any>>;
|
|
49
|
-
export declare const cryptoAddress: (blockchain: string, address: string) => Promise<AxiosResponse<any, any>>;
|
|
50
|
-
export declare const cryptoConnect: (blockchain: string, address: string, signature: string) => void;
|
|
51
|
-
export declare const cryptoA0K1: (address: string, ticketHash: string, amount: string) => Promise<AxiosResponse<any, any>>;
|
|
52
42
|
export declare const getAddons: (eventId: string) => Promise<any>;
|
|
53
43
|
export declare const selectAddons: (data: any) => void;
|
|
54
44
|
export declare const getCheckoutPageConfigs: () => Promise<any>;
|
|
45
|
+
export declare const getSeatMapData: (eventId: string | number) => Promise<SeatMapDataResponse>;
|
|
46
|
+
export declare const getSeatMapStatuses: (eventId: string | number) => Promise<any>;
|
|
47
|
+
export declare const reserveSeat: (eventId: string | number, tierId: string, seatId: string) => Promise<any>;
|
|
48
|
+
export declare const removeSeatReserve: (eventId: string | number, tierId: string, seatIds: string[]) => Promise<any>;
|
|
55
49
|
export {};
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
interface ObjectLiteral {
|
|
2
2
|
[key: string]: any;
|
|
3
3
|
}
|
|
4
|
-
export declare const generateSelectOptions: (minCount?: number, maxCount?: number) =>
|
|
4
|
+
export declare const generateSelectOptions: (minCount?: number, maxCount?: number) => {
|
|
5
|
+
label: number;
|
|
6
|
+
value: number;
|
|
7
|
+
}[];
|
|
5
8
|
export declare const getAddonSelectOptions: (addons: any, choosedTicketCount: any) => {
|
|
6
9
|
addonsWithOptions: ObjectLiteral;
|
|
7
10
|
groupsWithSelectedVariantsInfo: ObjectLiteral;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FormikErrors, FormikValues } from 'formik';
|
|
3
3
|
import { IGroupItem } from '../../types';
|
|
4
|
-
import { IBillingCryptoData } from "../../types/billing-info-data";
|
|
5
4
|
export interface ILoggedInValues {
|
|
6
5
|
emailLogged?: string;
|
|
7
6
|
firstNameLogged?: string;
|
|
@@ -15,7 +14,7 @@ export declare const createRegisterFormData: (values: IValues | undefined, check
|
|
|
15
14
|
attributes: {
|
|
16
15
|
[key: string]: any;
|
|
17
16
|
};
|
|
18
|
-
}, flagFreeTicket
|
|
17
|
+
}, flagFreeTicket?: boolean) => FormData;
|
|
19
18
|
interface ICheckoutBody {
|
|
20
19
|
attributes: {
|
|
21
20
|
[key: string]: any;
|
|
@@ -35,7 +34,6 @@ interface IUserData {
|
|
|
35
34
|
zip?: string;
|
|
36
35
|
zipCode?: string;
|
|
37
36
|
stateId?: string;
|
|
38
|
-
linkedCryptoWallets?: string[];
|
|
39
37
|
}
|
|
40
38
|
export declare const setLoggedUserData: (data: IUserData) => {
|
|
41
39
|
id: string;
|
|
@@ -49,29 +47,12 @@ export declare const setLoggedUserData: (data: IUserData) => {
|
|
|
49
47
|
street_address: string;
|
|
50
48
|
state: string;
|
|
51
49
|
zip: string;
|
|
52
|
-
linkedCryptoWallets: string[];
|
|
53
50
|
};
|
|
54
51
|
export declare const createCheckoutDataBody: (ticketsQuantity: number, values?: IValues, logedInValues?: ILoggedInValues, includeDob?: boolean) => ICheckoutBody;
|
|
55
52
|
export declare const getValidateFunctions: (element: IGroupItem, states: {
|
|
56
53
|
[key: string]: any;
|
|
57
54
|
}[], values: FormikValues, errors: FormikErrors<any>) => (...value: any) => any;
|
|
58
55
|
export declare const assingUniqueIds: (data: any) => any;
|
|
59
|
-
export declare const signSubmit: ({ hasAccount, ethNonce, permittedBlockchains, cryptoWrapper, selectedBlockchain }: {
|
|
60
|
-
hasAccount: string;
|
|
61
|
-
ethNonce: string;
|
|
62
|
-
permittedBlockchains: any;
|
|
63
|
-
cryptoWrapper: any;
|
|
64
|
-
selectedBlockchain: string;
|
|
65
|
-
}) => Promise<{
|
|
66
|
-
usedAddress?: string;
|
|
67
|
-
signature?: string;
|
|
68
|
-
override_crypto_address?: boolean;
|
|
69
|
-
}>;
|
|
70
|
-
export declare const returnSelectedBlockchain: (permittedBlockchains: any, detectedWallets: string[]) => {
|
|
71
|
-
selectedBlockchain: string;
|
|
72
|
-
linkedAddress: string;
|
|
73
|
-
sessionAddress: string;
|
|
74
|
-
};
|
|
75
56
|
export declare const isRequiredField: (element: IGroupItem) => boolean;
|
|
76
57
|
export declare const getFieldLabel: (element: IGroupItem) => string | JSX.Element;
|
|
77
58
|
export declare const getFieldComponent: (element: IGroupItem) => any;
|
|
@@ -7,4 +7,4 @@ export { OrderDetailsContainer } from './orderDetailsContainer';
|
|
|
7
7
|
export { ResetPasswordContainer } from './resetPasswordContainer';
|
|
8
8
|
export { TicketResaleContainer } from './ticketResale';
|
|
9
9
|
export { AddonsContainter } from './addonsContainer';
|
|
10
|
-
export {
|
|
10
|
+
export { SeatMapContainer } from './seatMapContainer';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
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
|
+
export declare const SeatMapComponent: (props: ISeatMapContainerProps) => JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ThemeOptions } from '@mui/material';
|
|
2
|
+
import { CSSProperties } from '@mui/styles';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export interface IGetTickets {
|
|
5
|
+
getTicketsLabel?: string;
|
|
6
|
+
contentStyle?: React.CSSProperties;
|
|
7
|
+
theme?: 'light' | 'dark';
|
|
8
|
+
themeOptions?: ThemeOptions & {
|
|
9
|
+
input?: CSSProperties;
|
|
10
|
+
checkbox?: CSSProperties;
|
|
11
|
+
};
|
|
12
|
+
isButtonScrollable?: boolean;
|
|
13
|
+
tickets: any[];
|
|
14
|
+
selectedTickets: any;
|
|
15
|
+
handleTicketSelect: any;
|
|
16
|
+
handleGetTicketClick: any;
|
|
17
|
+
}
|
|
18
|
+
export interface ITicket {
|
|
19
|
+
id: string | number;
|
|
20
|
+
[key: string]: string | number;
|
|
21
|
+
}
|
|
22
|
+
export interface ISelectedTickets {
|
|
23
|
+
[key: string]: string | number;
|
|
24
|
+
}
|
|
25
|
+
export declare const TicketsComponent: ({ getTicketsLabel, contentStyle, theme, themeOptions, isButtonScrollable, tickets: seats, selectedTickets, handleTicketSelect, handleGetTicketClick, }: IGetTickets) => JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
interface IAddToCartFuncProps {
|
|
2
|
+
eventId: string | number;
|
|
3
|
+
data: any;
|
|
4
|
+
ticketQuantity: number;
|
|
5
|
+
enableBillingInfoAutoCreate?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const addToCartFunc: ({ eventId, data, ticketQuantity, enableBillingInfoAutoCreate, }: IAddToCartFuncProps) => Promise<{
|
|
8
|
+
skip_billing_page: any;
|
|
9
|
+
names_required: any;
|
|
10
|
+
phone_required: any;
|
|
11
|
+
age_required: any;
|
|
12
|
+
hide_phone_field: any;
|
|
13
|
+
free_ticket: any;
|
|
14
|
+
collect_optional_wallet_address: any;
|
|
15
|
+
collect_mandatory_wallet_address: any;
|
|
16
|
+
event_id: string;
|
|
17
|
+
hash: string;
|
|
18
|
+
total: string;
|
|
19
|
+
hasAddOn: any;
|
|
20
|
+
} | null>;
|
|
21
|
+
export {};
|
|
@@ -5,11 +5,6 @@ interface ITicketRowProps {
|
|
|
5
5
|
prevTicketTier: any;
|
|
6
6
|
selectedTickets: any;
|
|
7
7
|
handleTicketSelect: any;
|
|
8
|
-
walletNotVerified: boolean;
|
|
9
|
-
noWalletConnected: boolean;
|
|
10
|
-
cryptoIdentifier: any;
|
|
11
|
-
cryptoButtonDisabled: boolean;
|
|
12
|
-
walletConnect: (cryptoEventIdentifier: any, ethNonce: any) => void;
|
|
13
8
|
}
|
|
14
|
-
export declare const TicketRow: ({ ticketTier, prevTicketTier, selectedTickets, handleTicketSelect,
|
|
9
|
+
export declare const TicketRow: ({ ticketTier, prevTicketTier, selectedTickets, handleTicketSelect, }: ITicketRowProps) => JSX.Element;
|
|
15
10
|
export {};
|
|
@@ -10,11 +10,6 @@ interface ITicketsSectionProps {
|
|
|
10
10
|
ticketsHeaderComponent?: ReactNode;
|
|
11
11
|
showGroupNameBlock?: boolean;
|
|
12
12
|
currencySybmol?: string;
|
|
13
|
-
cryptoIdentifier: any;
|
|
14
|
-
cryptoButtonDisabled: boolean;
|
|
15
|
-
walletConnect: (cryptoEventIdentifier: any, ethNonce: any) => void;
|
|
16
|
-
walletNotVerified: boolean;
|
|
17
|
-
noWalletConnected: boolean;
|
|
18
13
|
}
|
|
19
|
-
export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader, showGroupNameBlock, currencySybmol,
|
|
14
|
+
export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader, showGroupNameBlock, currencySybmol, }: ITicketsSectionProps) => JSX.Element;
|
|
20
15
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -14,3 +14,4 @@ export { ResetPasswordContainer } from './components/resetPasswordContainer';
|
|
|
14
14
|
export { ForgotPasswordModal } from './components/forgotPasswordModal';
|
|
15
15
|
export { AddonsContainter } from './components/addonsContainer';
|
|
16
16
|
export { PoweredBy } from './components/common/PoweredBy';
|
|
17
|
+
export { SeatMapContainer } from './components/seatMapContainer';
|