tf-checkout-react 1.3.41 → 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.
Files changed (34) hide show
  1. package/dist/components/billing-info-container/utils.d.ts +4 -0
  2. package/dist/components/common/CheckboxField.d.ts +1 -1
  3. package/dist/components/common/CustomField.d.ts +5 -3
  4. package/dist/components/common/DatePickerField.d.ts +1 -1
  5. package/dist/components/common/RadioGroupField/index.d.ts +5 -5
  6. package/dist/components/common/SelectField/index.d.ts +3 -2
  7. package/dist/components/common/index.d.ts +1 -0
  8. package/dist/components/confirmationContainer/index.d.ts +2 -1
  9. package/dist/components/confirmationContainer/social-buttons.d.ts +2 -1
  10. package/dist/components/ticketsContainer/PromoCodeSection.d.ts +2 -1
  11. package/dist/components/ticketsContainer/index.d.ts +2 -1
  12. package/dist/tf-checkout-react.cjs.development.js +1030 -916
  13. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  14. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  15. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  16. package/dist/tf-checkout-react.esm.js +1060 -946
  17. package/dist/tf-checkout-react.esm.js.map +1 -1
  18. package/package.json +1 -1
  19. package/src/.DS_Store +0 -0
  20. package/{dist → src/components}/.DS_Store +0 -0
  21. package/src/components/billing-info-container/index.tsx +21 -68
  22. package/src/components/billing-info-container/utils.ts +81 -12
  23. package/src/components/common/CheckboxField.tsx +2 -0
  24. package/src/components/common/CustomField.tsx +10 -1
  25. package/src/components/common/DatePickerField.tsx +40 -37
  26. package/src/components/common/RadioGroupField/index.tsx +13 -8
  27. package/src/components/common/SelectField/index.tsx +33 -9
  28. package/src/components/common/dist/PhoneNumberField.js +96 -0
  29. package/src/components/common/index.tsx +1 -0
  30. package/src/components/confirmationContainer/index.tsx +37 -1
  31. package/src/components/confirmationContainer/social-buttons.tsx +80 -60
  32. package/src/components/ticketsContainer/PromoCodeSection.tsx +4 -2
  33. package/src/components/ticketsContainer/index.tsx +6 -1
  34. 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, datePlaceholder }: IDatePickerFieldProps & IOtherProps) => JSX.Element;
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
- name: string | number;
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
- name: string | number;
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 };
@@ -6,3 +6,4 @@ export { Loader } from './Loader';
6
6
  export { NativeSelectField } from './NativeSelectFeild';
7
7
  export { RadioGroupField } from './RadioGroupField';
8
8
  export { SelectField } from './SelectField';
9
+ export { DatePickerField } from './DatePickerField';
@@ -23,5 +23,6 @@ export interface IConfirmationPage {
23
23
  onLinkCopied: () => void;
24
24
  orderHash?: string;
25
25
  confirmationLabels: IConfirmationLabels;
26
+ clientLabel?: string;
26
27
  }
27
- export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, }: IConfirmationPage) => JSX.Element;
28
+ export declare const ConfirmationContainer: ({ confirmationLabels, hasCopyIcon, isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied, clientLabel, }: IConfirmationPage) => JSX.Element;
@@ -6,6 +6,7 @@ interface SocialButtonsTypes {
6
6
  appId: string;
7
7
  showDefaultShareButtons: boolean;
8
8
  shareButtons: IShareButton[];
9
+ clientLabel?: string;
9
10
  }
10
- declare const SocialButtons: ({ showDefaultShareButtons, shareLink, name, appId, shareButtons }: SocialButtonsTypes) => JSX.Element;
11
+ declare const SocialButtons: ({ showDefaultShareButtons, shareLink, name, appId, shareButtons, clientLabel, }: SocialButtonsTypes) => JSX.Element;
11
12
  export default SocialButtons;
@@ -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 {};