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.
Files changed (56) hide show
  1. package/dist/api/index.d.ts +5 -11
  2. package/dist/components/addonsContainer/utils/index.d.ts +4 -1
  3. package/dist/components/billing-info-container/utils.d.ts +1 -20
  4. package/dist/components/index.d.ts +1 -1
  5. package/dist/components/myTicketsContainer/tableConfig.d.ts +4 -1
  6. package/dist/components/seatMapContainer/SeatMapComponent.d.ts +14 -0
  7. package/dist/components/seatMapContainer/TicketsComponent.d.ts +25 -0
  8. package/dist/components/seatMapContainer/addToCart.d.ts +21 -0
  9. package/dist/components/seatMapContainer/index.d.ts +7 -0
  10. package/dist/components/seatMapContainer/utils.d.ts +9 -0
  11. package/dist/components/ticketsContainer/TicketRow.d.ts +1 -6
  12. package/dist/components/ticketsContainer/TicketsSection.d.ts +1 -6
  13. package/dist/index.d.ts +1 -0
  14. package/dist/tf-checkout-react.cjs.development.js +4496 -5825
  15. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  16. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  17. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  18. package/dist/tf-checkout-react.esm.js +5135 -6465
  19. package/dist/tf-checkout-react.esm.js.map +1 -1
  20. package/dist/tf-checkout-styles.css +1 -1
  21. package/dist/types/billing-info-data.d.ts +0 -5
  22. package/package.json +11 -5
  23. package/src/.DS_Store +0 -0
  24. package/src/.d.ts +3 -2
  25. package/src/api/index.ts +100 -43
  26. package/{dist → src/components}/.DS_Store +0 -0
  27. package/src/components/addonsContainer/utils/index.tsx +1 -1
  28. package/src/components/billing-info-container/index.tsx +11 -271
  29. package/src/components/billing-info-container/style.css +1 -1
  30. package/src/components/billing-info-container/utils.ts +5 -98
  31. package/src/components/common/dist/PhoneNumberField.js +96 -0
  32. package/src/components/confirmationContainer/index.tsx +8 -0
  33. package/src/components/index.ts +1 -1
  34. package/src/components/loginModal/index.tsx +5 -70
  35. package/src/components/loginModal/style.css +2 -2
  36. package/src/components/seatMapContainer/SeatMapComponent.tsx +81 -0
  37. package/src/components/seatMapContainer/TicketsComponent.tsx +137 -0
  38. package/src/components/seatMapContainer/addToCart.ts +83 -0
  39. package/src/components/seatMapContainer/index.tsx +223 -0
  40. package/src/components/seatMapContainer/utils.ts +42 -0
  41. package/src/components/ticketsContainer/TicketRow.tsx +5 -55
  42. package/src/components/ticketsContainer/TicketsSection.tsx +1 -15
  43. package/src/components/ticketsContainer/index.tsx +2 -216
  44. package/src/components/ticketsContainer/style.css +0 -3
  45. package/src/components/waitingList/index.tsx +1 -1
  46. package/src/env.ts +2 -2
  47. package/src/index.ts +2 -1
  48. package/src/types/billing-info-data.ts +0 -6
  49. package/src/types/seatMap.d.ts +56 -0
  50. package/dist/components/ticketsContainer/crypto.d.ts +0 -24
  51. package/dist/utils/getWalletName.d.ts +0 -1
  52. package/dist/utils/loadProfile.d.ts +0 -32
  53. package/src/assets/.DS_Store +0 -0
  54. package/src/components/ticketsContainer/crypto.js +0 -528
  55. package/src/utils/getWalletName.tsx +0 -10
  56. package/src/utils/loadProfile.tsx +0 -47
@@ -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: string, pk?: string): Promise<AxiosResponse<any, any>>;
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) => any[];
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: boolean | undefined, cryptoData: IBillingCryptoData) => FormData;
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 { logout } from '../api';
10
+ export { SeatMapContainer } from './seatMapContainer';
@@ -1,2 +1,5 @@
1
- declare const tableConfig: (key?: string | undefined) => any;
1
+ declare const tableConfig: (key?: string | undefined) => {
2
+ header: string[];
3
+ body: ((row: any) => any)[];
4
+ };
2
5
  export default tableConfig;
@@ -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 {};
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface ISeatMapContainerProps {
3
+ event: any;
4
+ mapContainerId?: string;
5
+ onAddToCartSuccess?: (data: any) => void;
6
+ }
7
+ export declare const SeatMapContainer: (props: ISeatMapContainerProps) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ export declare const getAddToCartRequestData: ({ eventId, reservations, selectedSeats, selectedTickets, }: any) => {
2
+ attributes: {
3
+ alternative_view_id: null;
4
+ product_cart_quantity: any;
5
+ product_options: {};
6
+ product_id: any;
7
+ ticket_types: {};
8
+ };
9
+ };
@@ -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, noWalletConnected, walletNotVerified, cryptoIdentifier, cryptoButtonDisabled, walletConnect }: ITicketRowProps) => JSX.Element;
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, cryptoIdentifier, cryptoButtonDisabled, walletConnect, noWalletConnected, walletNotVerified, }: ITicketsSectionProps) => JSX.Element;
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';