tf-checkout-react 1.3.42 → 1.3.43
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/components/billing-info-container/utils.d.ts +4 -0
- package/dist/components/common/CheckboxField.d.ts +1 -1
- package/dist/components/common/CustomField.d.ts +5 -3
- package/dist/components/common/DatePickerField.d.ts +1 -1
- package/dist/components/common/RadioGroupField/index.d.ts +5 -5
- package/dist/components/common/SelectField/index.d.ts +3 -2
- package/dist/components/common/index.d.ts +1 -0
- package/dist/components/ticketsContainer/PromoCodeSection.d.ts +2 -1
- package/dist/components/ticketsContainer/index.d.ts +2 -1
- package/dist/tf-checkout-react.cjs.development.js +979 -898
- 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 +1004 -923
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/{dist → src/components}/.DS_Store +0 -0
- package/src/components/billing-info-container/index.tsx +21 -68
- package/src/components/billing-info-container/utils.ts +81 -12
- package/src/components/common/CheckboxField.tsx +2 -0
- package/src/components/common/CustomField.tsx +10 -1
- package/src/components/common/DatePickerField.tsx +40 -37
- package/src/components/common/RadioGroupField/index.tsx +13 -8
- package/src/components/common/SelectField/index.tsx +33 -9
- package/src/components/common/dist/PhoneNumberField.js +96 -0
- package/src/components/common/index.tsx +1 -0
- package/src/components/ticketsContainer/PromoCodeSection.tsx +4 -2
- package/src/components/ticketsContainer/index.tsx +6 -1
- package/src/assets/.DS_Store +0 -0
|
@@ -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,
|
|
13
|
+
export declare const DatePickerField: ({ label, field, form, theme, useCompact, dateFormat, placeholder, }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -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
|
-
|
|
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
|
-
|
|
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 };
|
|
@@ -9,5 +9,6 @@ export interface IPromoCodeSectionProps {
|
|
|
9
9
|
setCodeIsApplied: (value: boolean) => void;
|
|
10
10
|
codeIsInvalid: boolean;
|
|
11
11
|
setCodeIsInvalid: (value: boolean) => void;
|
|
12
|
+
promoText?: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid }: IPromoCodeSectionProps) => JSX.Element;
|
|
14
|
+
export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, }: IPromoCodeSectionProps) => JSX.Element;
|
|
@@ -53,6 +53,7 @@ export interface IGetTickets {
|
|
|
53
53
|
enableInfluencersSection?: boolean;
|
|
54
54
|
enableAddOns?: boolean;
|
|
55
55
|
ordersPath?: string;
|
|
56
|
+
promoText?: string;
|
|
56
57
|
}
|
|
57
58
|
export interface ITicket {
|
|
58
59
|
id: string | number;
|
|
@@ -61,5 +62,5 @@ export interface ITicket {
|
|
|
61
62
|
export interface ISelectedTickets {
|
|
62
63
|
[key: string]: string | number;
|
|
63
64
|
}
|
|
64
|
-
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, }: IGetTickets) => JSX.Element;
|
|
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;
|
|
65
66
|
export {};
|