tf-checkout-react 1.4.13-beta.0 → 1.4.13-beta.2

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/api/index.d.ts +35 -1
  2. package/dist/components/common/CustomField.d.ts +1 -1
  3. package/dist/components/common/FieldSection/index.d.ts +2 -1
  4. package/dist/components/confirmationContainer/index.d.ts +3 -0
  5. package/dist/components/delegationsContainer/index.d.ts +1 -0
  6. package/dist/components/myTicketsContainer/index.d.ts +2 -1
  7. package/dist/components/orderDetailsContainer/index.d.ts +1 -1
  8. package/dist/components/paymentContainer/PaymentPlanSection.d.ts +10 -0
  9. package/dist/components/registerForm/index.d.ts +1 -0
  10. package/dist/components/stripePayment/index.d.ts +3 -2
  11. package/dist/tf-checkout-react.cjs.development.js +617 -288
  12. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  13. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  14. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  15. package/dist/tf-checkout-react.esm.js +617 -288
  16. package/dist/tf-checkout-react.esm.js.map +1 -1
  17. package/dist/tf-checkout-styles.css +1 -1
  18. package/dist/types/payment-plan-configuration.d.ts +18 -0
  19. package/package.json +12 -11
  20. package/src/api/index.ts +50 -1
  21. package/src/components/billing-info-container/index.tsx +120 -21
  22. package/src/components/common/CustomField.tsx +2 -0
  23. package/src/components/common/FieldSection/index.tsx +5 -2
  24. package/src/components/confirmationContainer/index.tsx +53 -50
  25. package/src/components/delegationsContainer/IssueComponent.tsx +1 -1
  26. package/src/components/delegationsContainer/IssueTicketForm.tsx +22 -6
  27. package/src/components/delegationsContainer/index.tsx +19 -3
  28. package/src/components/loginForm/index.tsx +1 -1
  29. package/src/components/myTicketsContainer/index.tsx +23 -16
  30. package/src/components/myTicketsContainer/tableConfig.tsx +1 -1
  31. package/src/components/orderDetailsContainer/index.tsx +140 -172
  32. package/src/components/paymentContainer/PaymentPlanSection.tsx +152 -0
  33. package/src/components/paymentContainer/index.tsx +223 -154
  34. package/src/components/paymentContainer/style.css +8 -0
  35. package/src/components/registerForm/index.tsx +7 -5
  36. package/src/components/seatMapContainer/SeatMapComponent.tsx +26 -22
  37. package/src/components/seatMapContainer/TicketsSection.tsx +11 -10
  38. package/src/components/seatMapContainer/index.tsx +67 -72
  39. package/src/components/stripePayment/index.tsx +19 -18
  40. package/src/components/ticketsContainer/index.tsx +1 -0
  41. package/src/types/payment-plan-configuration.ts +19 -0
  42. package/src/types/seatMap.d.ts +1 -0
@@ -18,6 +18,7 @@ export declare const getAccessToken: (data: FormData) => Promise<AxiosResponse<a
18
18
  export declare const getPaymentData: (hash: string) => Promise<AxiosResponse<any, any>>;
19
19
  export declare const handlePaymentData: (orderHash: string, data: any) => Promise<AxiosResponse<any, any>>;
20
20
  export declare const handlePaymentSuccess: (orderHash: string) => Promise<AxiosResponse<any, any>>;
21
+ export declare const createPaymentPlan: (orderHash: string, stripePaymentMethodId: string) => Promise<AxiosResponse<any, any>>;
21
22
  export declare const handleFreeSuccess: (orderHash: string) => Promise<AxiosResponse<any, any>>;
22
23
  export declare const getProfileData: (accessToken?: string | undefined) => Promise<any>;
23
24
  export declare const getCountries: () => Promise<AxiosResponse<any, any>>;
@@ -44,7 +45,40 @@ export declare const sendRSVPInfo: (eventId: number, data: any) => Promise<Axios
44
45
  export declare const validatePhoneNumber: (phone: string) => Promise<any>;
45
46
  export declare const getAddons: (eventId: string) => Promise<any>;
46
47
  export declare const selectAddons: (data: any) => void;
47
- export declare const getCheckoutPageConfigs: () => Promise<any>;
48
+ export interface AttributesConfig {
49
+ has_add_on: boolean;
50
+ names_required: boolean;
51
+ phone_required: boolean;
52
+ minimum_age?: any;
53
+ age_required: boolean;
54
+ hide_phone_field: boolean;
55
+ event_id: string;
56
+ free_ticket: boolean;
57
+ collect_mandatory_wallet_address: boolean;
58
+ collect_optional_wallet_address: boolean;
59
+ collect_mandatory_company: boolean;
60
+ collect_optional_company: boolean;
61
+ collect_mandatory_job_title: boolean;
62
+ collect_optional_job_title: boolean;
63
+ collect_mandatory_business_category: boolean;
64
+ collect_optional_business_category: boolean;
65
+ collect_mandatory_instagram: boolean;
66
+ collect_optional_instagram: boolean;
67
+ skip_billing_page: boolean;
68
+ }
69
+ export interface ConfigsData {
70
+ attributes: AttributesConfig;
71
+ relationships: any[];
72
+ type: string;
73
+ }
74
+ export interface ResponseConfigs {
75
+ data: ConfigsData;
76
+ success: boolean;
77
+ error: boolean;
78
+ message: string;
79
+ status: number;
80
+ }
81
+ export declare const getCheckoutPageConfigs: () => Promise<ResponseConfigs>;
48
82
  export declare const getSeatMapData: (eventId: string | number) => Promise<SeatMapDataResponse>;
49
83
  export declare const getSeatMapStatuses: (eventId: string | number) => Promise<SeatMapStatusesResponse>;
50
84
  export declare const reserveSeat: (eventId: string | number, tierId: string, seatId: string) => Promise<any>;
@@ -22,4 +22,4 @@ export interface ICustomField {
22
22
  export interface IOtherProps {
23
23
  [key: string]: any;
24
24
  }
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;
25
+ export declare const CustomField: ({ label, type, field, selectOptions, form: { touched, errors, submitCount }, theme, inputProps: pInputProps, InputProps, inputRef, multiline, minRows, maxRows, disabled, }: ICustomField & IOtherProps) => JSX.Element;
@@ -4,6 +4,7 @@ export interface IFieldsSectionProps {
4
4
  formFields?: IFormFieldsSection[];
5
5
  values: FormikValues;
6
6
  setFieldValue: (field: string, value: FormikValues | string | number, shouldValidate?: boolean | undefined) => void;
7
+ disableField?: string;
7
8
  countries?: {
8
9
  [key: string]: string | number;
9
10
  }[];
@@ -15,4 +16,4 @@ export interface IFieldsSectionProps {
15
16
  setPhoneValidationIsLoading?: (isLoading: boolean) => void;
16
17
  onFieldChange?: (name: string, value: string | number) => void;
17
18
  }
18
- export declare const FieldsSection: ({ formFields, countries, states, values, setFieldValue, theme, containerClass, setPhoneValidationIsLoading, onFieldChange, }: IFieldsSectionProps) => JSX.Element;
19
+ export declare const FieldsSection: ({ formFields, countries, states, values, setFieldValue, theme, containerClass, setPhoneValidationIsLoading, onFieldChange, disableField, }: IFieldsSectionProps) => JSX.Element;
@@ -11,6 +11,9 @@ export interface IConfirmationLabels {
11
11
  confirmationTitle?: string;
12
12
  confirmationMain?: string;
13
13
  confirmationHelper?: string;
14
+ paymentPlanConfirmationTitle?: string;
15
+ paymentPlanConfirmationMain?: string;
16
+ paymentPlanConfirmationHelper?: string;
14
17
  }
15
18
  export interface IConfirmationPage {
16
19
  hasCopyIcon?: boolean;
@@ -4,6 +4,7 @@ interface IRegistrationProps {
4
4
  classNamePrefix?: string;
5
5
  logo?: string;
6
6
  onCustomerExistsError?: (error: any) => void;
7
+ issuePageErrorText?: string;
7
8
  }
8
9
  export declare const DelegationsContainer: FC<IRegistrationProps>;
9
10
  export {};
@@ -7,8 +7,9 @@ interface MyTicketsTypes {
7
7
  logo?: string;
8
8
  theme?: 'light' | 'dark';
9
9
  selectEventsLabel?: string;
10
+ openLoginModal?: () => void;
10
11
  hideDetailsButton?: boolean;
11
12
  columns?: IColumnData[];
12
13
  }
13
- export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, selectEventsLabel, logo, hideDetailsButton, columns, }: MyTicketsTypes) => JSX.Element;
14
+ export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, selectEventsLabel, logo, hideDetailsButton, columns, openLoginModal, }: MyTicketsTypes) => JSX.Element;
14
15
  export {};
@@ -26,5 +26,5 @@ interface OrderDetailsTypes {
26
26
  itemsTitle?: string;
27
27
  ticketsTitle?: string;
28
28
  }
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;
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;
30
30
  export {};
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { IPaymentPlanConfig } from '../../types/payment-plan-configuration';
3
+ interface PaymentPlanSectionProps {
4
+ paymentPlanConfig: IPaymentPlanConfig;
5
+ currency: string;
6
+ paymentPlanUseSavedCard: boolean;
7
+ setPaymentPlanUseSavedCard: (value: boolean) => void;
8
+ }
9
+ export declare const PaymentPlanSection: (props: PaymentPlanSectionProps) => JSX.Element;
10
+ export {};
@@ -10,6 +10,7 @@ interface IRegistrationProps {
10
10
  onRegisterAccountError?: (e: AxiosError) => void;
11
11
  onGetStatesSuccess?: (res: any) => void;
12
12
  onGetStatesError?: (e: AxiosError) => void;
13
+ customerEmail: string;
13
14
  }
14
15
  export declare const RegistrationForm: FC<IRegistrationProps>;
15
16
  export {};
@@ -4,7 +4,7 @@ import { StripeCardNumberElementOptions } from '@stripe/stripe-js';
4
4
  export interface ICheckoutForm {
5
5
  total: string;
6
6
  currency: string;
7
- onSubmit: (error: any) => Promise<any>;
7
+ onSubmit: (error: any, data?: object) => Promise<any>;
8
8
  error?: string | null;
9
9
  stripeCardOptions?: StripeCardNumberElementOptions;
10
10
  stripe_client_secret: string;
@@ -16,6 +16,7 @@ export interface ICheckoutForm {
16
16
  conditions: any;
17
17
  disableZipSection: boolean;
18
18
  paymentButtonText?: string;
19
+ forPaymentPlan?: boolean;
19
20
  }
20
- declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, }: ICheckoutForm) => JSX.Element;
21
+ declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading, conditions, disableZipSection, paymentButtonText, forPaymentPlan, }: ICheckoutForm) => JSX.Element;
21
22
  export default CheckoutForm;