tf-checkout-react 1.6.6-beta.1 → 1.6.6-beta.12

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 (40) hide show
  1. package/dist/components/common/DatePickerField.d.ts +7 -1
  2. package/dist/components/orderDetailsContainer/index.d.ts +7 -1
  3. package/dist/components/preRegistration/FieldsSection.d.ts +7 -1
  4. package/dist/components/preRegistration/PreRegistrationComplete.d.ts +6 -0
  5. package/dist/components/preRegistration/constants.d.ts +2 -2
  6. package/dist/components/preRegistration/index.d.ts +6 -0
  7. package/dist/components/ticketsContainer/InfoIcon.d.ts +3 -0
  8. package/dist/components/ticketsContainer/TicketsSection.d.ts +2 -1
  9. package/dist/tf-checkout-react.cjs.development.js +348 -236
  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 +349 -237
  14. package/dist/tf-checkout-react.esm.js.map +1 -1
  15. package/package.json +2 -2
  16. package/src/api/common.ts +1 -1
  17. package/src/api/interceptors.ts +1 -1
  18. package/src/components/addonsContainer/index.tsx +14 -4
  19. package/src/components/billing-info-container/index.tsx +97 -91
  20. package/src/components/common/DatePickerField.tsx +23 -9
  21. package/src/components/confirmationContainer/index.tsx +1 -1
  22. package/src/components/delegationsContainer/IssueComponent.tsx +2 -1
  23. package/src/components/loginForm/index.tsx +1 -1
  24. package/src/components/loginModal/index.tsx +2 -2
  25. package/src/components/myTicketsContainer/index.tsx +1 -1
  26. package/src/components/orderDetailsContainer/index.tsx +184 -172
  27. package/src/components/paymentContainer/index.tsx +4 -0
  28. package/src/components/preRegistration/FieldsSection.tsx +8 -0
  29. package/src/components/preRegistration/PreRegistrationComplete.tsx +13 -3
  30. package/src/components/preRegistration/PreRegistrationInformations.tsx +18 -12
  31. package/src/components/preRegistration/constants.tsx +10 -4
  32. package/src/components/preRegistration/index.tsx +190 -174
  33. package/src/components/registerForm/constants.tsx +3 -1
  34. package/src/components/registerForm/index.tsx +3 -3
  35. package/src/components/seatMapContainer/TicketsSection.tsx +2 -2
  36. package/src/components/ticketsContainer/InfoIcon.tsx +35 -0
  37. package/src/components/ticketsContainer/TicketsSection.tsx +82 -13
  38. package/src/components/ticketsContainer/index.tsx +6 -6
  39. package/src/types/pre-registration-complete.d.ts +5 -0
  40. package/src/utils/cookies.ts +2 -3
@@ -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 {};
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const InfoIcon: () => JSX.Element;
3
+ export default InfoIcon;
@@ -14,6 +14,7 @@ interface ITicketsSectionProps {
14
14
  showGroupNameBlock?: boolean;
15
15
  currencySybmol?: string;
16
16
  isSeatMapAllowed?: boolean;
17
+ descriptionTrigger?: "click" | "hover";
17
18
  }
18
- export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, tableTicketsHeaderComponent, hideTicketsHeader, hideTableTicketsHeader, showGroupNameBlock, currencySybmol, isSeatMapAllowed, tableTickets, }: ITicketsSectionProps) => JSX.Element;
19
+ export declare const TicketsSection: ({ event, ticketsList, selectedTickets, handleTicketSelect, sortBySoldOut, ticketsHeaderComponent, tableTicketsHeaderComponent, hideTicketsHeader, hideTableTicketsHeader, showGroupNameBlock, currencySybmol, isSeatMapAllowed, tableTickets, descriptionTrigger, }: ITicketsSectionProps) => JSX.Element;
19
20
  export {};