tf-checkout-react 1.3.12-beta.10 → 1.3.12-beta.11

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 (105) hide show
  1. package/dist/api/index.d.ts +16 -1
  2. package/dist/components/addonsContainer/index.d.ts +2 -1
  3. package/dist/components/billing-info-container/index.d.ts +3 -1
  4. package/dist/components/billing-info-container/utils.d.ts +4 -0
  5. package/dist/components/common/CheckboxField.d.ts +1 -1
  6. package/dist/components/common/CustomField.d.ts +5 -3
  7. package/dist/components/common/DatePickerField.d.ts +1 -1
  8. package/dist/components/common/Loader.d.ts +1 -1
  9. package/dist/components/common/ModalComponent/index.d.ts +16 -0
  10. package/dist/components/common/PhoneNumberField.d.ts +3 -2
  11. package/dist/components/common/RadioGroupField/index.d.ts +5 -5
  12. package/dist/components/common/SelectField/index.d.ts +3 -2
  13. package/dist/components/common/index.d.ts +1 -0
  14. package/dist/components/confirmationContainer/index.d.ts +3 -1
  15. package/dist/components/confirmationContainer/social-buttons.d.ts +2 -2
  16. package/dist/components/idVerificationContainer/VerificationPendingModal.d.ts +10 -0
  17. package/dist/components/idVerificationContainer/constants.d.ts +16 -0
  18. package/dist/components/idVerificationContainer/index.d.ts +16 -0
  19. package/dist/components/index.d.ts +2 -0
  20. package/dist/components/myTicketsContainer/index.d.ts +5 -2
  21. package/dist/components/myTicketsContainer/row.d.ts +1 -13
  22. package/dist/components/myTicketsContainer/tableConfig.d.ts +2 -2
  23. package/dist/components/orderDetailsContainer/index.d.ts +6 -1
  24. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +6 -1
  25. package/dist/components/paymentContainer/index.d.ts +3 -1
  26. package/dist/components/seatMapContainer/SeatMapComponent.d.ts +8 -0
  27. package/dist/components/seatMapContainer/TicketsSection.d.ts +9 -0
  28. package/dist/components/seatMapContainer/addToCart.d.ts +21 -0
  29. package/dist/components/seatMapContainer/index.d.ts +2 -0
  30. package/dist/components/seatMapContainer/utils.d.ts +14 -0
  31. package/dist/components/stripePayment/index.d.ts +2 -2
  32. package/dist/components/ticketsContainer/PromoCodeSection.d.ts +2 -1
  33. package/dist/components/ticketsContainer/TicketRow.d.ts +3 -1
  34. package/dist/components/ticketsContainer/TicketsSection.d.ts +8 -2
  35. package/dist/components/ticketsContainer/index.d.ts +11 -2
  36. package/dist/components/timerWidget/index.d.ts +1 -1
  37. package/dist/hooks/usePixel.d.ts +6 -1
  38. package/dist/index.d.ts +5 -2
  39. package/dist/tf-checkout-react.cjs.development.js +5330 -4757
  40. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  41. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  42. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  43. package/dist/tf-checkout-react.esm.js +5348 -4779
  44. package/dist/tf-checkout-react.esm.js.map +1 -1
  45. package/dist/tf-checkout-styles.css +1 -1
  46. package/dist/types/order-data.d.ts +3 -0
  47. package/dist/types/verification.d.ts +11 -0
  48. package/dist/utils/createCheckoutDataBodyWithDefaultHolder.d.ts +9 -2
  49. package/dist/utils/index.d.ts +2 -0
  50. package/dist/utils/isBrowser.d.ts +1 -0
  51. package/dist/utils/jsonUtils.d.ts +1 -0
  52. package/package.json +20 -10
  53. package/src/.d.ts +4 -2
  54. package/src/api/index.ts +143 -27
  55. package/src/components/addonsContainer/index.tsx +20 -4
  56. package/src/components/billing-info-container/index.tsx +161 -163
  57. package/src/components/billing-info-container/utils.ts +80 -12
  58. package/src/components/common/CheckboxField.tsx +2 -0
  59. package/src/components/common/CustomField.tsx +10 -1
  60. package/src/components/common/DatePickerField.tsx +40 -37
  61. package/src/components/common/Loader.tsx +6 -8
  62. package/src/components/common/ModalComponent/index.tsx +68 -0
  63. package/src/components/common/PhoneNumberField.tsx +6 -4
  64. package/src/components/common/RadioGroupField/index.tsx +13 -8
  65. package/src/components/common/SelectField/index.tsx +35 -13
  66. package/src/components/common/index.tsx +1 -0
  67. package/src/components/confirmationContainer/index.tsx +38 -51
  68. package/src/components/confirmationContainer/social-buttons.tsx +8 -8
  69. package/src/components/idVerificationContainer/VerificationPendingModal.tsx +47 -0
  70. package/src/components/idVerificationContainer/constants.ts +19 -0
  71. package/src/components/idVerificationContainer/index.tsx +283 -0
  72. package/src/components/index.ts +3 -1
  73. package/src/components/myTicketsContainer/index.tsx +28 -10
  74. package/src/components/myTicketsContainer/row.tsx +33 -27
  75. package/src/components/myTicketsContainer/tableConfig.tsx +58 -17
  76. package/src/components/myTicketsContainer/types.d.ts +41 -0
  77. package/src/components/orderDetailsContainer/index.tsx +177 -147
  78. package/src/components/orderDetailsContainer/ticketsTable.tsx +10 -3
  79. package/src/components/paymentContainer/index.tsx +167 -25
  80. package/src/components/seatMapContainer/SeatMapComponent.tsx +73 -0
  81. package/src/components/seatMapContainer/TicketsSection.tsx +285 -0
  82. package/src/components/seatMapContainer/addToCart.ts +82 -0
  83. package/src/components/seatMapContainer/index.tsx +426 -0
  84. package/src/components/seatMapContainer/utils.ts +138 -0
  85. package/src/components/stripePayment/index.tsx +23 -18
  86. package/src/components/ticketResaleModal/index.tsx +4 -3
  87. package/src/components/ticketsContainer/PromoCodeSection.tsx +17 -10
  88. package/src/components/ticketsContainer/ReferralLogic.tsx +4 -2
  89. package/src/components/ticketsContainer/TicketRow.tsx +20 -16
  90. package/src/components/ticketsContainer/TicketsSection.tsx +89 -28
  91. package/src/components/ticketsContainer/index.tsx +89 -17
  92. package/src/components/ticketsContainer/style.css +0 -3
  93. package/src/components/timerWidget/index.tsx +9 -7
  94. package/src/hooks/usePixel.ts +75 -36
  95. package/src/index.ts +5 -5
  96. package/src/types/order-data.ts +3 -0
  97. package/src/types/seatMap.d.ts +158 -0
  98. package/src/types/verification.ts +11 -0
  99. package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts +6 -2
  100. package/src/utils/index.ts +2 -0
  101. package/src/utils/isBrowser.ts +2 -0
  102. package/src/utils/jsonUtils.ts +8 -0
  103. package/src/.DS_Store +0 -0
  104. package/src/components/.DS_Store +0 -0
  105. package/src/components/confirmModal/style.css +0 -21
@@ -1,8 +1,10 @@
1
1
  import { AxiosResponse } from 'axios';
2
+ import { pageOptions } from '../hooks/usePixel';
3
+ import { GetNetverifyUrlResponseData, UpdateVerificationStatusResponseData, VerificationStatusResponseData } from '../types/verification';
2
4
  export declare const setCustomHeader: (response: any) => void;
3
5
  export declare const handleSetAccessToken: (token: string) => void;
4
6
  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>>;
7
+ export declare function getTickets(id: string | number, promoCode?: string, pk?: string): Promise<AxiosResponse<any, any>>;
6
8
  export declare const addToCart: (id: string | number, data: any) => Promise<AxiosResponse<any, any>>;
7
9
  export declare const getCart: () => Promise<AxiosResponse<any, any>>;
8
10
  export declare const postOnCheckout: (data: any, accessToken?: string | undefined, freeTicket?: boolean) => Promise<AxiosResponse<any, any>>;
@@ -43,4 +45,17 @@ export declare const getAddons: (eventId: string) => Promise<any>;
43
45
  export declare const selectAddons: (data: any) => void;
44
46
  export declare const getCheckoutPageConfigs: () => Promise<any>;
45
47
  export declare const confirmPreRegistration: (eventId: string | number, data: IConfirmPreRegistrationRequestData) => Promise<any>;
48
+ export declare const getSeatMapData: (eventId: string | number) => Promise<SeatMapDataResponse>;
49
+ export declare const getSeatMapStatuses: (eventId: string | number) => Promise<SeatMapStatusesResponse>;
50
+ export declare const reserveSeat: (eventId: string | number, tierId: string, seatId: string) => Promise<any>;
51
+ export declare const removeSeatReserve: (eventId: string | number, tierId: string, seatIds: string[]) => Promise<any>;
52
+ export declare function getPixelScript(id: string | number, pageOptions: pageOptions): Promise<AxiosResponse<any, any>>;
53
+ export declare const getNetverifyUrl: () => Promise<GetNetverifyUrlResponseData>;
54
+ export declare const checkVerificationStatus: () => Promise<{
55
+ data: VerificationStatusResponseData;
56
+ }>;
57
+ export declare const updateVerificationStatus: () => Promise<{
58
+ data: UpdateVerificationStatusResponseData;
59
+ }>;
60
+ export declare const checkCustomerOrder: (orderHash: string) => Promise<any>;
46
61
  export {};
@@ -10,8 +10,9 @@ export interface IAddonContainterProps {
10
10
  onConfirmSelectionSuccess?: (res: any) => void;
11
11
  onConfirmSelectionError?: (error: any) => void;
12
12
  onCountdownFinish?: () => void;
13
+ onPendingVerification?: () => void;
13
14
  }
14
15
  export interface ObjectLiteral {
15
16
  [key: string]: any;
16
17
  }
17
- export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, }: IAddonContainterProps) => JSX.Element;
18
+ export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, }: IAddonContainterProps) => JSX.Element;
@@ -47,5 +47,7 @@ export interface IBillingInfoPage {
47
47
  showSignUpButton?: boolean;
48
48
  brandOptIn?: boolean;
49
49
  showPoweredByImage?: boolean;
50
+ isCountryCodeEditable?: boolean;
51
+ onPendingVerification?: () => void;
50
52
  }
51
- export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, showPoweredByImage, }: IBillingInfoPage) => JSX.Element>;
53
+ export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, showPoweredByImage, isCountryCodeEditable, onPendingVerification, }: IBillingInfoPage) => JSX.Element>;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { FormikErrors, FormikValues } from 'formik';
2
3
  import { IGroupItem } from '../../types';
3
4
  export interface ILoggedInValues {
@@ -52,4 +53,7 @@ export declare const getValidateFunctions: (element: IGroupItem, states: {
52
53
  [key: string]: any;
53
54
  }[], values: FormikValues, errors: FormikErrors<any>) => (...value: any) => any;
54
55
  export declare const assingUniqueIds: (data: any) => any;
56
+ export declare const isRequiredField: (element: IGroupItem) => boolean;
57
+ export declare const getFieldLabel: (element: IGroupItem) => string | JSX.Element;
58
+ export declare const getFieldComponent: (element: IGroupItem) => any;
55
59
  export {};
@@ -7,5 +7,5 @@ export interface ICheckboxField {
7
7
  interface IOtherProps {
8
8
  [key: string]: any;
9
9
  }
10
- export declare const CheckboxField: ({ label, field, selectOptions, theme, setFieldValue, disableDropdown, setPhoneValidationIsLoading, defaultCountry, dateFormat, datePlaceholder, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
10
+ export declare const CheckboxField: ({ label, field, selectOptions, theme, setFieldValue, disableDropdown, setPhoneValidationIsLoading, defaultCountry, required, uniqueId, dateFormat, datePlaceholder, ...rest }: ICheckboxField & IOtherProps) => JSX.Element;
11
11
  export {};
@@ -15,9 +15,11 @@ export interface ICustomField {
15
15
  inputRef?: {
16
16
  current: HTMLInputElement | null;
17
17
  } | ((node: HTMLInputElement | null) => void);
18
+ multiline?: boolean;
19
+ minRows?: string | number;
20
+ maxRows?: string | number;
18
21
  }
19
- interface IOtherProps {
22
+ export interface IOtherProps {
20
23
  [key: string]: any;
21
24
  }
22
- export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, }: ICustomField & IOtherProps) => JSX.Element;
23
- export {};
25
+ export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, multiline, minRows, maxRows, }: ICustomField & IOtherProps) => JSX.Element;
@@ -10,5 +10,5 @@ export interface IDatePickerFieldProps {
10
10
  interface IOtherProps {
11
11
  [key: string]: any;
12
12
  }
13
- export declare const DatePickerField: ({ label, field, form, theme, useCompact, dateFormat, datePlaceholder }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
13
+ export declare const DatePickerField: ({ label, field, form, theme, useCompact, dateFormat, placeholder, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
14
14
  export {};
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare function Loader(): JSX.Element;
2
+ export declare const Loader: () => JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { FC } from 'react';
2
+ export interface Action {
3
+ id: string;
4
+ label: string;
5
+ onClick: () => void;
6
+ disabled?: boolean;
7
+ loading?: boolean;
8
+ variant?: "text" | "contained" | "outlined";
9
+ }
10
+ interface Props {
11
+ onClose?: () => void;
12
+ actions: Action[];
13
+ modalClassName?: string;
14
+ }
15
+ declare const Modal: FC<Props>;
16
+ export default Modal;
@@ -6,8 +6,9 @@ export interface IPhoneNumberField {
6
6
  form: FormikProps<any>;
7
7
  type: string;
8
8
  disableDropdown: boolean;
9
- defaultCountry?: string;
10
9
  fill: boolean;
11
10
  setPhoneValidationIsLoading: (isLoading: boolean) => void;
11
+ defaultCountry?: string;
12
+ isCountryCodeEditable?: boolean;
12
13
  }
13
- export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, }: IPhoneNumberField) => JSX.Element;
14
+ export declare const PhoneNumberField: ({ label, field, form: { errors, touched, setFieldError, values, initialValues, setFieldValue, setFieldTouched, setErrors, }, disableDropdown, defaultCountry, fill, setPhoneValidationIsLoading, isCountryCodeEditable, }: IPhoneNumberField) => JSX.Element;
@@ -1,17 +1,17 @@
1
1
  import { FieldInputProps, FormikProps } from 'formik';
2
2
  import React from 'react';
3
- interface IRadio {
3
+ export interface IRadio {
4
4
  id: string | number;
5
- name: string | number;
5
+ label: string | number;
6
6
  value: string | number;
7
7
  [key: string]: any;
8
8
  }
9
- interface IRadioGroupField {
9
+ export interface IRadioGroupField {
10
10
  label?: string;
11
11
  field: FieldInputProps<any>;
12
12
  form: FormikProps<any>;
13
13
  radios: IRadio[];
14
+ disabled?: boolean;
14
15
  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
15
16
  }
16
- export declare const RadioGroupField: ({ label, field, radios, form: { errors, setFieldValue }, onChange, }: IRadioGroupField) => JSX.Element;
17
- export {};
17
+ export declare const RadioGroupField: ({ label, field, radios, disabled, form: { touched, errors, setFieldValue }, onChange, }: IRadioGroupField) => JSX.Element | null;
@@ -3,7 +3,7 @@ import { SelectChangeEvent } from '@mui/material/Select';
3
3
  import { FieldInputProps, FormikProps } from 'formik';
4
4
  interface ISelectOption {
5
5
  id: string | number;
6
- name: string | number;
6
+ label: string | number;
7
7
  value: string | number;
8
8
  }
9
9
  interface ISelectField {
@@ -12,7 +12,8 @@ interface ISelectField {
12
12
  options: ISelectOption[];
13
13
  label?: string;
14
14
  isMultiple?: boolean;
15
+ disabled?: boolean;
15
16
  onChange?: (e: SelectChangeEvent<string[]>) => void;
16
17
  }
17
- declare function SelectField({ label, isMultiple, field, form: { errors, setFieldValue }, options, onChange, }: ISelectField): JSX.Element;
18
+ declare function SelectField({ label, isMultiple, field, form: { touched, errors, setFieldValue }, options, disabled, onChange, }: ISelectField): JSX.Element;
18
19
  export { SelectField };
@@ -7,3 +7,4 @@ export { NativeSelectField } from './NativeSelectFeild';
7
7
  export { RadioGroupField } from './RadioGroupField';
8
8
  export { SelectField } from './SelectField';
9
9
  export { CopyMessageModal } from './CopyMessageModal';
10
+ export { DatePickerField } from './DatePickerField';
@@ -25,5 +25,7 @@ export interface IConfirmationPage {
25
25
  orderHash?: string;
26
26
  confirmationLabels: IConfirmationLabels;
27
27
  clientLabel?: string;
28
+ showReferralsInfoText?: boolean;
29
+ showPricingNoteSection?: boolean;
28
30
  }
29
- export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, clientLabel, }: IConfirmationPage) => JSX.Element;
31
+ export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, clientLabel, showReferralsInfoText, showPricingNoteSection, }: IConfirmationPage) => JSX.Element;
@@ -9,7 +9,7 @@ interface SocialButtonsTypes {
9
9
  titleText?: string;
10
10
  footerText?: string | ReactElement;
11
11
  clientLabel?: string;
12
- showClientNoteMessage?: boolean;
12
+ showReferralsInfoText?: boolean;
13
13
  }
14
- declare const SocialButtons: ({ showDefaultShareButtons, shareLink, name, appId, shareButtons, titleText, footerText, clientLabel, showClientNoteMessage, }: SocialButtonsTypes) => JSX.Element;
14
+ declare const SocialButtons: ({ showDefaultShareButtons, shareLink, name, appId, shareButtons, titleText, footerText, clientLabel, showReferralsInfoText, }: SocialButtonsTypes) => JSX.Element;
15
15
  export default SocialButtons;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { Action } from '../common/ModalComponent';
3
+ interface IDVerificationProps {
4
+ message?: string | null;
5
+ displayModal?: boolean;
6
+ actions?: Action[];
7
+ onClose?: () => void;
8
+ }
9
+ export declare const VerificationPendingModal: (props: IDVerificationProps) => JSX.Element | null;
10
+ export {};
@@ -0,0 +1,16 @@
1
+ export declare const VERIFICATION_STATUSES: {
2
+ PENDING: string;
3
+ APPROVED: string;
4
+ FAILED: string;
5
+ WRONG_CUSTOMER: string;
6
+ };
7
+ export declare const TRANSACTION_STATUSES: {
8
+ ERROR: string;
9
+ SUCCESS: string;
10
+ };
11
+ export declare const VERIFICATION_MESSAGES: {
12
+ PENDING: string;
13
+ APPROVED: string;
14
+ FAILED: string;
15
+ WRONG_CUSTOMER: string;
16
+ };
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { AxiosError } from 'axios';
3
+ import { GetNetverifyUrlResponseData, VerificationStatusResponseData } from '../../types/verification';
4
+ interface IDVerificationProps {
5
+ onGetVerifyUrlSuccess?: (response: GetNetverifyUrlResponseData) => void;
6
+ onGetVerifyUrlError?: (error: AxiosError) => void;
7
+ onGetVerificationStatusSuccess?: (response: {
8
+ data: VerificationStatusResponseData;
9
+ }) => void;
10
+ onGetVerificationStatusError?: (error: AxiosError) => void;
11
+ onVerificationMessageModalClose?: (status: string | null) => void;
12
+ onPassVerificationStepsSuccess?: () => void;
13
+ onPassVerificationStepsError?: (error: AxiosError) => void;
14
+ }
15
+ export declare const IDVerification: (props: IDVerificationProps) => JSX.Element;
16
+ export {};
@@ -7,3 +7,5 @@ export { OrderDetailsContainer } from './orderDetailsContainer';
7
7
  export { ResetPasswordContainer } from './resetPasswordContainer';
8
8
  export { TicketResaleContainer } from './ticketResale';
9
9
  export { AddonsContainter } from './addonsContainer';
10
+ export { SeatMapContainer } from './seatMapContainer';
11
+ export { IDVerification } from './idVerificationContainer';
@@ -1,11 +1,14 @@
1
1
  /// <reference types="react" />
2
2
  import './style.css';
3
3
  interface MyTicketsTypes {
4
- handleDetailsInfo: (id: string) => void;
4
+ handleDetailsInfo: (id: string | number) => void;
5
5
  onGetOrdersSuccess: (res: any) => void;
6
6
  onGetOrdersError: (err: any) => void;
7
7
  logo?: string;
8
8
  theme?: 'light' | 'dark';
9
+ selectEventsLabel?: string;
10
+ hideDetailsButton?: boolean;
11
+ columns?: IColumnData[];
9
12
  }
10
- export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo, }: MyTicketsTypes) => JSX.Element;
13
+ export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, selectEventsLabel, logo, hideDetailsButton, columns, }: MyTicketsTypes) => JSX.Element;
11
14
  export {};
@@ -1,15 +1,3 @@
1
1
  /// <reference types="react" />
2
- export interface RowItems {
3
- id: string;
4
- date: string;
5
- image: string;
6
- eventName: string;
7
- amount: string;
8
- currency: string;
9
- }
10
- interface RowPropsTypes {
11
- row: RowItems;
12
- handleDetailsInfo: (id: string) => void;
13
- }
14
- declare const Row: ({ row, handleDetailsInfo }: RowPropsTypes) => JSX.Element;
2
+ declare const Row: ({ row, handleDetailsInfo, columns, hideDetailsButton, }: RowPropsTypes) => JSX.Element;
15
3
  export default Row;
@@ -1,5 +1,5 @@
1
- declare const tableConfig: (key?: string | undefined) => {
1
+ declare const tableConfig: (columns?: IColumnData[] | undefined, key?: string | undefined) => {
2
2
  header: string[];
3
- body: ((row: any) => any)[];
3
+ body: ITableBodyType[];
4
4
  };
5
5
  export default tableConfig;
@@ -14,12 +14,17 @@ interface OrderDetailsTypes {
14
14
  onResaleTicketError: (err: any) => void;
15
15
  personalLinkIcon?: string;
16
16
  displayColumnNameInRow?: boolean;
17
+ canSellTicket?: boolean;
17
18
  ticketsTableColumns?: Array<{
18
19
  id?: string | number;
19
20
  key: keyof ITicketTypes & keyof IActionColumns;
20
21
  label: string | number | null | undefined;
21
22
  }>;
22
23
  ordersPath?: string;
24
+ orderId?: string | number;
25
+ referralTitle?: string;
26
+ itemsTitle?: string;
27
+ ticketsTitle?: string;
23
28
  }
24
- export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, }: OrderDetailsTypes) => JSX.Element;
29
+ export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, }: OrderDetailsTypes) => JSX.Element;
25
30
  export {};
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  interface IAddOnTypes {
3
3
  name: string;
4
+ groupName: string;
4
5
  status: string;
5
6
  }
6
7
  export interface ITicketTypes {
@@ -16,13 +17,16 @@ export interface ITicketTypes {
16
17
  currency: string;
17
18
  ticket_type_hash: string;
18
19
  ticket_type_is_active?: boolean;
20
+ canSellTicket?: boolean;
19
21
  retain_amount_on_sale: number | string;
22
+ ticketsTitle: string;
20
23
  }
21
24
  export interface IActionColumns {
22
25
  download?: boolean;
23
26
  sell_ticket?: boolean;
24
27
  }
25
28
  interface TicketsTableTypes {
29
+ canSellTicket?: boolean;
26
30
  tickets: ITicketTypes[];
27
31
  columns: Array<{
28
32
  id?: string | number;
@@ -33,6 +37,7 @@ interface TicketsTableTypes {
33
37
  handleRemoveFromResale: (ticket: ITicketTypes) => void;
34
38
  icon?: string;
35
39
  displayColumnNameInRow?: boolean;
40
+ ticketsTitle?: string;
36
41
  }
37
- declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, }: TicketsTableTypes) => JSX.Element;
42
+ declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, canSellTicket, ticketsTitle, }: TicketsTableTypes) => JSX.Element;
38
43
  export default TicketsTable;
@@ -26,5 +26,7 @@ export interface IPaymentPage {
26
26
  enableTimer?: boolean;
27
27
  enablePaymentPlan?: boolean;
28
28
  paymentButtonText?: string;
29
+ paymentInfoLabel?: string;
30
+ orderInfoLabel?: string;
29
31
  }
30
- export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, stripeCardOptions, disableZipSection, themeOptions, elementsOptions, onCountdownFinish, enableTimer, enablePaymentPlan, paymentButtonText, }: IPaymentPage) => JSX.Element;
32
+ 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;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import 'tf-seat-map-view/dist/index.css';
3
+ declare global {
4
+ interface Window {
5
+ tierPrices: any;
6
+ }
7
+ }
8
+ 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;
@@ -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,2 @@
1
+ /// <reference types="react" />
2
+ export declare const SeatMapContainer: (props: IMapContainerProps) => JSX.Element;
@@ -0,0 +1,14 @@
1
+ export declare const getTierIdBasedOnSeatId: (seatId: string, eventSeats: Array<EventSeat>) => string;
2
+ export declare const getButtonLabel: (count: number, tableMapEnabled: boolean) => string;
3
+ export declare const getOwnReservationsBasedOnStatuses: (statuses: any) => string[];
4
+ export declare const getTicketDropdownData: (reservationData: Array<SeatReservationData>, tierReleations: TicketTypeTierRelations) => ITicketsDropdownsData[];
5
+ export declare const getAddToCartRequestData: ({ eventId, reservations, selectedSeats, selectedTickets, guestCounts, }: any) => {
6
+ attributes: {
7
+ alternative_view_id: null;
8
+ product_cart_quantity: any;
9
+ product_options: {};
10
+ product_id: any;
11
+ ticket_types: {};
12
+ };
13
+ };
14
+ export declare const getTierRelationsArray: (data: Array<TicketTypeTierRelationsData>) => (string | number | null)[];
@@ -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;
@@ -10,5 +10,6 @@ export interface IPromoCodeSectionProps {
10
10
  codeIsInvalid: boolean;
11
11
  setCodeIsInvalid: (value: boolean) => void;
12
12
  promoText?: string;
13
+ showAlertIcons?: boolean;
13
14
  }
14
- export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, }: IPromoCodeSectionProps) => JSX.Element;
15
+ export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, showAlertIcons }: IPromoCodeSectionProps) => JSX.Element;
@@ -6,6 +6,8 @@ interface ITicketRowProps {
6
6
  selectedTickets: any;
7
7
  handleTicketSelect: any;
8
8
  event: any;
9
+ isSeatMapAllowed?: boolean;
10
+ tableType?: boolean;
9
11
  }
10
- export declare const TicketRow: ({ ticketTier, prevTicketTier, selectedTickets, handleTicketSelect, event, }: ITicketRowProps) => JSX.Element;
12
+ export declare const TicketRow: ({ ticketTier, prevTicketTier, selectedTickets, handleTicketSelect, event, isSeatMapAllowed, tableType, }: ITicketRowProps) => JSX.Element;
11
13
  export {};
@@ -6,8 +6,14 @@ interface ITicketsSectionProps {
6
6
  selectedTickets: any;
7
7
  handleTicketSelect: any;
8
8
  sortBySoldOut: boolean;
9
- ticketsHeaderComponent?: ReactNode;
10
9
  hideTicketsHeader: boolean;
10
+ hideTableTicketsHeader: boolean;
11
+ tableTickets: any;
12
+ ticketsHeaderComponent?: ReactNode;
13
+ tableTicketsHeaderComponent?: ReactNode;
14
+ showGroupNameBlock?: boolean;
15
+ currencySybmol?: string;
16
+ isSeatMapAllowed?: boolean;
11
17
  }
12
- export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, hideTicketsHeader, }: ITicketsSectionProps) => JSX.Element;
18
+ export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, tableTicketsHeaderComponent, hideTicketsHeader, hideTableTicketsHeader, showGroupNameBlock, currencySybmol, isSeatMapAllowed, tableTickets, }: ITicketsSectionProps) => JSX.Element;
13
19
  export {};
@@ -50,17 +50,26 @@ 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;
58
+ showPoweredByImage?: boolean;
56
59
  promoText?: string;
60
+ showGroupNameBlock?: boolean;
61
+ currencySybmol?: string;
62
+ onReserveButtonClick?: () => void;
63
+ onPendingVerification?: () => void;
64
+ showAlertIcons?: boolean;
57
65
  }
58
66
  export interface ITicket {
59
67
  id: string | number;
60
68
  [key: string]: string | number;
61
69
  }
62
70
  export interface ISelectedTickets {
63
- [key: string]: string | number;
71
+ isTable: boolean;
72
+ [key: string]: string | number | boolean;
64
73
  }
65
- 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, promoText, }: IGetTickets) => JSX.Element;
74
+ 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, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
66
75
  export {};
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import './style.css';
2
+ import React from 'react';
3
3
  export interface ITimerWidgetPage {
4
4
  expires_at: number;
5
5
  buyLoading?: boolean;
@@ -1 +1,6 @@
1
- export declare const usePixel: (key: string | string[], eventId: string | number, alreadyLoadedEventData?: any) => Promise<void>;
1
+ export interface pageOptions {
2
+ pageUrl: string;
3
+ page?: string;
4
+ orderHash?: string;
5
+ }
6
+ export declare const usePixel: (eventId: string | number, options: pageOptions) => Promise<void>;
package/dist/index.d.ts CHANGED
@@ -2,7 +2,7 @@ export { BillingInfoContainer } from './components/billing-info-container/index'
2
2
  export { PaymentContainer } from './components/paymentContainer/index';
3
3
  export { ConfirmationContainer } from './components/confirmationContainer/index';
4
4
  export { TicketsContainer } from './components/ticketsContainer/index';
5
- export { currencyNormalizerCreator, createFixedFloatNormalizer, } from './normalizers';
5
+ export { currencyNormalizerCreator, createFixedFloatNormalizer } from './normalizers';
6
6
  export { LoginModal } from './components/loginModal';
7
7
  export { MyTicketsContainer } from './components/myTicketsContainer';
8
8
  export { OrderDetailsContainer } from './components/orderDetailsContainer';
@@ -16,5 +16,8 @@ export { AddonsContainter } from './components/addonsContainer';
16
16
  export { PreRegistration } from './components/preRegistration';
17
17
  export { PreRegistrationComplete } from './components/preRegistration/PreRegistrationComplete';
18
18
  export { PreRegistrationInformations } from './components/preRegistration/PreRegistrationInformations';
19
- export { PoweredBy } from './components/common/PoweredBy';
20
19
  export { useCookieListener } from './hooks';
20
+ export { PoweredBy } from './components/common/PoweredBy';
21
+ export { SeatMapContainer } from './components/seatMapContainer';
22
+ export { IDVerification } from './components/idVerificationContainer';
23
+ export { VERIFICATION_STATUSES } from './components/idVerificationContainer/constants';