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.
- package/dist/api/index.d.ts +35 -1
- package/dist/components/common/CustomField.d.ts +1 -1
- package/dist/components/common/FieldSection/index.d.ts +2 -1
- package/dist/components/confirmationContainer/index.d.ts +3 -0
- package/dist/components/delegationsContainer/index.d.ts +1 -0
- package/dist/components/myTicketsContainer/index.d.ts +2 -1
- package/dist/components/orderDetailsContainer/index.d.ts +1 -1
- package/dist/components/paymentContainer/PaymentPlanSection.d.ts +10 -0
- package/dist/components/registerForm/index.d.ts +1 -0
- package/dist/components/stripePayment/index.d.ts +3 -2
- package/dist/tf-checkout-react.cjs.development.js +617 -288
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +617 -288
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/dist/tf-checkout-styles.css +1 -1
- package/dist/types/payment-plan-configuration.d.ts +18 -0
- package/package.json +12 -11
- package/src/api/index.ts +50 -1
- package/src/components/billing-info-container/index.tsx +120 -21
- package/src/components/common/CustomField.tsx +2 -0
- package/src/components/common/FieldSection/index.tsx +5 -2
- package/src/components/confirmationContainer/index.tsx +53 -50
- package/src/components/delegationsContainer/IssueComponent.tsx +1 -1
- package/src/components/delegationsContainer/IssueTicketForm.tsx +22 -6
- package/src/components/delegationsContainer/index.tsx +19 -3
- package/src/components/loginForm/index.tsx +1 -1
- package/src/components/myTicketsContainer/index.tsx +23 -16
- package/src/components/myTicketsContainer/tableConfig.tsx +1 -1
- package/src/components/orderDetailsContainer/index.tsx +140 -172
- package/src/components/paymentContainer/PaymentPlanSection.tsx +152 -0
- package/src/components/paymentContainer/index.tsx +223 -154
- package/src/components/paymentContainer/style.css +8 -0
- package/src/components/registerForm/index.tsx +7 -5
- package/src/components/seatMapContainer/SeatMapComponent.tsx +26 -22
- package/src/components/seatMapContainer/TicketsSection.tsx +11 -10
- package/src/components/seatMapContainer/index.tsx +67 -72
- package/src/components/stripePayment/index.tsx +19 -18
- package/src/components/ticketsContainer/index.tsx +1 -0
- package/src/types/payment-plan-configuration.ts +19 -0
- package/src/types/seatMap.d.ts +1 -0
package/dist/api/index.d.ts
CHANGED
|
@@ -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
|
|
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;
|
|
@@ -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;
|