tf-checkout-react 1.6.5 → 1.6.6-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 (42) hide show
  1. package/dist/components/addonsContainer/index.d.ts +2 -1
  2. package/dist/components/billing-info-container/index.d.ts +3 -0
  3. package/dist/components/common/DatePickerField.d.ts +7 -1
  4. package/dist/components/orderDetailsContainer/index.d.ts +7 -1
  5. package/dist/components/preRegistration/FieldsSection.d.ts +7 -1
  6. package/dist/components/preRegistration/PreRegistrationComplete.d.ts +6 -0
  7. package/dist/components/preRegistration/constants.d.ts +2 -2
  8. package/dist/components/preRegistration/index.d.ts +6 -0
  9. package/dist/tf-checkout-react.cjs.development.js +7011 -6966
  10. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  11. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  12. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  13. package/dist/tf-checkout-react.esm.js +7017 -6972
  14. package/dist/tf-checkout-react.esm.js.map +1 -1
  15. package/dist/tf-checkout-styles.css +1 -1
  16. package/package.json +1 -1
  17. package/src/api/common.ts +15 -1
  18. package/src/api/interceptors.ts +1 -1
  19. package/src/components/addonsContainer/index.tsx +30 -10
  20. package/src/components/billing-info-container/index.tsx +100 -87
  21. package/src/components/common/DatePickerField.tsx +23 -9
  22. package/src/components/confirmationContainer/index.tsx +1 -1
  23. package/src/components/delegationsContainer/IssueComponent.tsx +2 -1
  24. package/src/components/loginForm/index.tsx +1 -1
  25. package/src/components/loginModal/index.tsx +2 -2
  26. package/src/components/myTicketsContainer/index.tsx +1 -1
  27. package/src/components/orderDetailsContainer/index.tsx +184 -172
  28. package/src/components/paymentContainer/index.tsx +4 -0
  29. package/src/components/preRegistration/FieldsSection.tsx +8 -0
  30. package/src/components/preRegistration/PreRegistrationComplete.tsx +13 -3
  31. package/src/components/preRegistration/PreRegistrationInformations.tsx +18 -12
  32. package/src/components/preRegistration/constants.tsx +10 -4
  33. package/src/components/preRegistration/index.tsx +190 -174
  34. package/src/components/registerForm/constants.tsx +3 -1
  35. package/src/components/registerForm/index.tsx +3 -3
  36. package/src/components/seatMapContainer/TicketsSection.tsx +2 -2
  37. package/src/components/ticketsContainer/TicketsSection.tsx +3 -4
  38. package/src/components/ticketsContainer/index.tsx +23 -29
  39. package/src/env.ts +1 -1
  40. package/src/hooks/useLocalStorageListener.ts +6 -1
  41. package/src/types/pre-registration-complete.d.ts +5 -0
  42. package/src/utils/cookies.ts +2 -3
@@ -11,8 +11,9 @@ export interface IAddonContainterProps {
11
11
  onConfirmSelectionError?: (error: any) => void;
12
12
  onCountdownFinish?: () => void;
13
13
  onPendingVerification?: () => void;
14
+ samePage?: boolean;
14
15
  }
15
16
  export interface ObjectLiteral {
16
17
  [key: string]: any;
17
18
  }
18
- export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, }: IAddonContainterProps) => JSX.Element;
19
+ export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, samePage, }: IAddonContainterProps) => JSX.Element;
@@ -5,6 +5,7 @@ import { CSSProperties } from '@mui/styles';
5
5
  import { AxiosError } from 'axios';
6
6
  import { FormikHelpers, FormikValues } from 'formik';
7
7
  import { IBillingInfoData } from '../../types';
8
+ import { IAddonContainterProps } from '../addonsContainer';
8
9
  export interface IBillingInfoPage {
9
10
  data?: IBillingInfoData[];
10
11
  ticketHoldersFields?: IBillingInfoData;
@@ -53,6 +54,8 @@ export interface IBillingInfoPage {
53
54
  customFieldsOrderKeys?: string[];
54
55
  customFieldsTicketHolderKeys?: string[];
55
56
  onPendingVerification?: () => void;
57
+ includeAddons?: boolean;
58
+ addonsProps?: IAddonContainterProps;
56
59
  }
57
60
  declare const WithCustomFieldsBillingInfoContainer: (props: any) => JSX.Element;
58
61
  export { WithCustomFieldsBillingInfoContainer as BillingInfoContainer };
@@ -1,14 +1,20 @@
1
1
  /// <reference types="react" />
2
2
  import { FieldInputProps, FormikProps } from 'formik';
3
+ import { ThemeOptions } from "@mui/material";
4
+ import { CSSProperties } from "@mui/styles";
3
5
  export interface IDatePickerFieldProps {
4
6
  label: string;
5
7
  field: FieldInputProps<any>;
6
8
  form: FormikProps<any>;
7
9
  theme: 'dark' | 'light';
10
+ themeOptions?: ThemeOptions & {
11
+ input?: CSSProperties;
12
+ checkbox?: CSSProperties;
13
+ };
8
14
  useCompact?: boolean;
9
15
  }
10
16
  interface IOtherProps {
11
17
  [key: string]: any;
12
18
  }
13
- export declare const DatePickerField: ({ label, field, form, theme, useCompact, dateFormat, placeholder, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
19
+ export declare const DatePickerField: ({ label, field, form, theme, useCompact, themeOptions, dateFormat, placeholder, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
14
20
  export {};
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import './style.css';
3
3
  import { IActionColumns, ITicketTypes } from './ticketsTable';
4
+ import { ThemeOptions } from "@mui/material";
5
+ import { CSSProperties } from "@mui/styles";
4
6
  interface OrderDetailsTypes {
5
7
  columns: Array<{
6
8
  label: string;
@@ -19,6 +21,10 @@ interface OrderDetailsTypes {
19
21
  personalLinkIcon?: string;
20
22
  displayColumnNameInRow?: boolean;
21
23
  canSellTicket?: boolean;
24
+ themeOptions?: ThemeOptions & {
25
+ input?: CSSProperties;
26
+ checkbox?: CSSProperties;
27
+ };
22
28
  ticketsTableColumns?: Array<{
23
29
  id?: string | number;
24
30
  key: keyof ITicketTypes & keyof IActionColumns;
@@ -54,5 +60,5 @@ export interface CustomFieldTypes {
54
60
  ticketHash?: string;
55
61
  options?: CustomFieldOption[];
56
62
  }
57
- export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, }: OrderDetailsTypes) => JSX.Element;
63
+ export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, themeOptions, }: OrderDetailsTypes) => JSX.Element;
58
64
  export {};
@@ -1,5 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { FormikValues } from 'formik';
3
+ import { ThemeOptions } from "@mui/material";
4
+ import { CSSProperties } from "@mui/styles";
3
5
  export interface IFieldsSectionProps {
4
6
  formFields?: IFormFieldsSection[];
5
7
  values: FormikValues;
@@ -8,6 +10,10 @@ export interface IFieldsSectionProps {
8
10
  [key: string]: string | number;
9
11
  }[];
10
12
  theme?: 'dark' | 'light';
13
+ themeOptions?: ThemeOptions & {
14
+ input?: CSSProperties;
15
+ checkbox?: CSSProperties;
16
+ };
11
17
  containerClass?: string;
12
18
  }
13
- export declare const FieldsSection: ({ formFields, countries, values, setFieldValue, theme, containerClass, }: IFieldsSectionProps) => JSX.Element;
19
+ export declare const FieldsSection: ({ formFields, countries, values, setFieldValue, theme, containerClass, themeOptions, }: IFieldsSectionProps) => JSX.Element;
@@ -1,5 +1,11 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ import { CSSProperties } from '@mui/styles';
1
3
  import { AxiosError } from 'axios';
2
4
  import { FC } from 'react';
3
5
  export declare const PreRegistrationComplete: FC<IPreRegistrationCompleteProps & {
4
6
  onGetConfirmationDataError?: (error: AxiosError) => void;
7
+ themeOptions?: ThemeOptions & {
8
+ input?: CSSProperties;
9
+ checkbox?: CSSProperties;
10
+ };
5
11
  }>;
@@ -1,2 +1,2 @@
1
- export declare const formFieldsNotLoggedIn: IFormFieldsSection[];
2
- export declare const formFieldsLoggedIn: IFormFieldsSection[];
1
+ export declare const getFormFieldsNotLoggedIn: (clientName?: string | number | undefined) => IFormFieldsSection[];
2
+ export declare const getFormFieldsLoggedIn: (clientName?: string | number | undefined) => IFormFieldsSection[];
@@ -1,3 +1,5 @@
1
+ import { ThemeOptions } from '@mui/material';
2
+ import { CSSProperties } from '@mui/styles';
1
3
  import { AxiosError } from 'axios';
2
4
  import { FC } from 'react';
3
5
  import { IForgotPasswordProps } from '../forgotPasswordModal';
@@ -12,6 +14,10 @@ interface IPreRegistrationProps extends Props, IForgotPasswordProps {
12
14
  onConfirmationSuccess?: (res: any) => void;
13
15
  onConfirmationError?: (e: AxiosError) => void;
14
16
  onLoginSuccess?: (res: any) => void;
17
+ themeOptions?: ThemeOptions & {
18
+ input?: CSSProperties;
19
+ checkbox?: CSSProperties;
20
+ };
15
21
  }
16
22
  export declare const PreRegistration: FC<IPreRegistrationProps>;
17
23
  export {};