tf-checkout-react 1.0.99-beta.0 → 1.0.99-beta.11

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 (75) hide show
  1. package/dist/api/index.d.ts +4 -0
  2. package/dist/components/billing-info-container/index.d.ts +4 -2
  3. package/dist/components/billing-info-container/utils.d.ts +1 -0
  4. package/dist/components/common/Loader.d.ts +2 -0
  5. package/dist/components/common/RadioField.d.ts +11 -0
  6. package/dist/components/common/RedirectModal.d.ts +7 -0
  7. package/dist/components/common/SnackbarAlert.d.ts +13 -0
  8. package/dist/components/common/index.d.ts +5 -0
  9. package/dist/components/confirmModal/index.d.ts +9 -0
  10. package/dist/components/confirmationContainer/index.d.ts +2 -1
  11. package/dist/components/countdown/index.d.ts +2 -1
  12. package/dist/components/index.d.ts +1 -0
  13. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +9 -2
  14. package/dist/components/ticketResale/index.d.ts +8 -0
  15. package/dist/components/ticketResaleModal/index.d.ts +18 -0
  16. package/dist/components/ticketsContainer/AccessCodeSection.d.ts +7 -0
  17. package/dist/components/ticketsContainer/PromoCodeSection.d.ts +6 -7
  18. package/dist/components/ticketsContainer/TicketsSection.d.ts +3 -2
  19. package/dist/components/ticketsContainer/index.d.ts +8 -1
  20. package/dist/env.d.ts +1 -0
  21. package/dist/images/email.svg +1 -0
  22. package/dist/images/user.svg +1 -0
  23. package/dist/index.d.ts +2 -0
  24. package/dist/tf-checkout-react.cjs.development.js +1337 -469
  25. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  26. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  27. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  28. package/dist/tf-checkout-react.esm.js +1345 -479
  29. package/dist/tf-checkout-react.esm.js.map +1 -1
  30. package/dist/tf-checkout-styles.css +1 -1
  31. package/dist/utils/createCheckoutDataBodyWithDefaultHolder.d.ts +6 -1
  32. package/dist/utils/downloadPDF.d.ts +1 -1
  33. package/dist/utils/getDomain.d.ts +1 -0
  34. package/dist/utils/index.d.ts +1 -0
  35. package/package.json +3 -2
  36. package/src/.DS_Store +0 -0
  37. package/src/api/index.ts +42 -10
  38. package/src/assets/images/email.svg +1 -0
  39. package/src/assets/images/user.svg +1 -0
  40. package/src/components/.DS_Store +0 -0
  41. package/src/components/billing-info-container/index.tsx +84 -47
  42. package/src/components/billing-info-container/utils.ts +13 -4
  43. package/src/components/common/CustomField.tsx +6 -3
  44. package/src/components/common/Loader.tsx +10 -0
  45. package/src/components/common/RadioField.tsx +35 -0
  46. package/src/components/common/RedirectModal.tsx +43 -0
  47. package/src/components/common/SnackbarAlert.tsx +54 -0
  48. package/src/components/common/index.tsx +5 -0
  49. package/src/components/confirmModal/index.tsx +51 -0
  50. package/src/components/confirmModal/style.css +21 -0
  51. package/src/components/confirmationContainer/index.tsx +5 -2
  52. package/src/components/countdown/index.tsx +9 -2
  53. package/src/components/index.ts +1 -0
  54. package/src/components/myTicketsContainer/index.tsx +60 -1
  55. package/src/components/orderDetailsContainer/index.tsx +106 -4
  56. package/src/components/orderDetailsContainer/style.css +5 -4
  57. package/src/components/orderDetailsContainer/ticketsTable.tsx +118 -61
  58. package/src/components/paymentContainer/index.tsx +1 -7
  59. package/src/components/stripePayment/index.tsx +1 -1
  60. package/src/components/ticketResale/index.tsx +56 -0
  61. package/src/components/ticketResaleModal/index.tsx +210 -0
  62. package/src/components/ticketResaleModal/style.css +28 -0
  63. package/src/components/ticketsContainer/AccessCodeSection.tsx +50 -0
  64. package/src/components/ticketsContainer/PromoCodeSection.tsx +51 -57
  65. package/src/components/ticketsContainer/TicketRow.tsx +11 -6
  66. package/src/components/ticketsContainer/TicketsSection.tsx +9 -5
  67. package/src/components/ticketsContainer/index.tsx +142 -83
  68. package/src/components/waitingList/index.tsx +1 -1
  69. package/src/env.ts +2 -1
  70. package/src/index.ts +2 -0
  71. package/src/utils/cookies.ts +37 -28
  72. package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts +16 -4
  73. package/src/utils/downloadPDF.tsx +28 -6
  74. package/src/utils/getDomain.ts +15 -0
  75. package/src/utils/index.ts +1 -0
@@ -30,5 +30,9 @@ export declare const getOrders: (page: number, limit: number, eventSlug: string)
30
30
  export declare const getOrderDetails: (orderId: string) => Promise<AxiosResponse<any, any>>;
31
31
  export declare const addToWaitingList: (id: number, data: any) => Promise<AxiosResponse<any, any>>;
32
32
  export declare const getConditions: (eventId: string) => Promise<AxiosResponse<any, any>>;
33
+ export declare const resaleTicket: (data: any, hash: string) => Promise<AxiosResponse<any, any>>;
34
+ export declare const removeFromResale: (hash: string) => Promise<AxiosResponse<any, any>>;
33
35
  export declare const postReferralVisits: (eventId: string, referralId: string) => Promise<AxiosResponse<any, any>>;
36
+ export declare const logout: () => Promise<AxiosResponse<any, any>>;
37
+ export declare const checkTicketStatus: (hash: string) => Promise<AxiosResponse<any, any>>;
34
38
  export {};
@@ -9,7 +9,7 @@ export interface IBillingInfoPage {
9
9
  data?: IBillingInfoData[];
10
10
  ticketHoldersFields?: IBillingInfoData;
11
11
  handleSubmit?: (values: FormikValues, formikHelpers: FormikHelpers<FormikValues>, eventId: any, res: any) => void;
12
- onRegisterSuccess?: () => void;
12
+ onRegisterSuccess?: (value: any) => void;
13
13
  onRegisterError?: (e: AxiosError, email: string) => void;
14
14
  onSubmitError?: (e: AxiosError) => void;
15
15
  onGetCartSuccess?: (res: any) => void;
@@ -40,5 +40,7 @@ export interface IBillingInfoPage {
40
40
  skipPage?: boolean;
41
41
  canSkipHolderNames?: boolean;
42
42
  shouldFetchCountries?: boolean;
43
+ onCountdownFinish?: () => void;
44
+ enableTimer?: boolean;
43
45
  }
44
- export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, shouldFetchCountries, }: IBillingInfoPage) => JSX.Element;
46
+ export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, shouldFetchCountries, onCountdownFinish, enableTimer }: IBillingInfoPage) => JSX.Element;
@@ -26,6 +26,7 @@ interface IUserData {
26
26
  email: string;
27
27
  city?: string;
28
28
  country?: string;
29
+ countryId?: string;
29
30
  phone?: string;
30
31
  streetAddress?: string;
31
32
  state?: string;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare function Loader(): JSX.Element;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { FieldInputProps } from 'formik';
3
+ export interface IRadioField {
4
+ label: string | number | JSX.Element;
5
+ field?: FieldInputProps<any>;
6
+ }
7
+ interface IOtherProps {
8
+ [key: string]: any;
9
+ }
10
+ export declare const RadioField: ({ label, field, theme, ...rest }: IRadioField & IOtherProps) => JSX.Element;
11
+ export {};
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ interface IRedirectModal {
3
+ message: string;
4
+ onClickOk: () => void;
5
+ }
6
+ export declare const RedirectModal: ({ message, onClickOk, }: IRedirectModal) => JSX.Element;
7
+ export {};
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import { AlertColor, SnackbarOrigin } from '@mui/material';
3
+ interface ISnackbarAlertProps {
4
+ isOpen: boolean;
5
+ message: string;
6
+ type: AlertColor;
7
+ position?: SnackbarOrigin;
8
+ autoHideDuration?: number;
9
+ variant?: 'filled' | 'standard' | 'outlined';
10
+ onClose: () => void;
11
+ }
12
+ declare const SnackbarAlert: ({ isOpen, message, type, position, autoHideDuration, variant, onClose, }: ISnackbarAlertProps) => JSX.Element;
13
+ export default SnackbarAlert;
@@ -0,0 +1,5 @@
1
+ export { CheckboxField } from './CheckboxField';
2
+ export { CustomField } from './CustomField';
3
+ export { FormikPhoneNumberField } from './FormikPhoneNumberField';
4
+ export { Loader } from './Loader';
5
+ export { SelectField } from './SelectField';
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ import './style.css';
3
+ interface Props {
4
+ message: string;
5
+ onClose: () => void;
6
+ onConfirm: () => void;
7
+ }
8
+ declare const ConfirmModal: FC<Props>;
9
+ export default ConfirmModal;
@@ -14,6 +14,7 @@ export interface IConfirmationPage {
14
14
  shareButtons: IShareButton[];
15
15
  onGetConfirmationDataSuccess: (res: any) => void;
16
16
  onGetConfirmationDataError: (e: AxiosError) => void;
17
+ onLinkCopied: () => void;
17
18
  orderHash?: string;
18
19
  }
19
- export declare const ConfirmationContainer: ({ isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, }: IConfirmationPage) => JSX.Element;
20
+ export declare const ConfirmationContainer: ({ isReferralEnabled, showDefaultShareButtons, messengerAppId, shareButtons, onGetConfirmationDataSuccess, onGetConfirmationDataError, orderHash, onLinkCopied }: IConfirmationPage) => JSX.Element;
@@ -6,7 +6,8 @@ interface CountdownTypes {
6
6
  title?: string;
7
7
  message?: string;
8
8
  showMessage?: boolean;
9
+ disableLeadingZero?: boolean;
9
10
  callback?: () => void;
10
11
  }
11
- declare function Countdown({ startDate, timezone, title, message, showMessage, callback }: CountdownTypes): JSX.Element;
12
+ declare function Countdown({ startDate, timezone, title, message, showMessage, disableLeadingZero, callback }: CountdownTypes): JSX.Element;
12
13
  export default Countdown;
@@ -4,3 +4,4 @@ export { PaymentContainer } from './paymentContainer';
4
4
  export { TicketsContainer } from './ticketsContainer';
5
5
  export { MyTicketsContainer } from './myTicketsContainer';
6
6
  export { OrderDetailsContainer } from './orderDetailsContainer';
7
+ export { TicketResaleContainer } from './ticketResale';
@@ -3,16 +3,23 @@ interface IAddOnTypes {
3
3
  name: string;
4
4
  status: string;
5
5
  }
6
- interface ITicketTypes {
6
+ export interface ITicketTypes {
7
7
  add_ons?: IAddOnTypes[];
8
8
  hash: string;
9
9
  ticket_type: string;
10
10
  holder_name: string;
11
11
  status: string;
12
12
  pdf_link: string;
13
+ is_sellable: boolean;
14
+ is_on_sale?: boolean;
15
+ event_name: string;
16
+ currency: string;
17
+ resale_fee_amount: number | string;
13
18
  }
14
19
  interface TicketsTableTypes {
15
20
  tickets: ITicketTypes[];
21
+ handleSellTicket: (ticket: ITicketTypes) => void;
22
+ handleRemoveFromResale: (ticket: ITicketTypes) => void;
16
23
  }
17
- declare const TicketsTable: ({ tickets }: TicketsTableTypes) => JSX.Element;
24
+ declare const TicketsTable: ({ tickets, handleSellTicket, handleRemoveFromResale }: TicketsTableTypes) => JSX.Element;
18
25
  export default TicketsTable;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { AxiosError } from 'axios';
3
+ export interface ITicketResaleContainer {
4
+ onCheckTicketStatusSuccess: (res: any) => void;
5
+ onCheckTicketStatusError: (e: AxiosError) => void;
6
+ orderHash?: string;
7
+ }
8
+ export declare const TicketResaleContainer: ({ onCheckTicketStatusSuccess, onCheckTicketStatusError, orderHash, }: ITicketResaleContainer) => JSX.Element;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { ITicketTypes } from '../orderDetailsContainer/ticketsTable';
3
+ import './style.css';
4
+ interface Props {
5
+ ticket: ITicketTypes;
6
+ onClose: () => void;
7
+ onSubmit: (values: InitialValuesTypes) => void;
8
+ }
9
+ export interface InitialValuesTypes {
10
+ to: string;
11
+ first_name: string;
12
+ last_name: string;
13
+ email: string;
14
+ confirm_email: string;
15
+ confirm: boolean;
16
+ }
17
+ export declare const TicketResaleModal: ({ ticket, onClose, onSubmit, }: Props) => JSX.Element;
18
+ export {};
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface IAccessCodeSectionProps {
3
+ code: string;
4
+ setCode: (value: string) => void;
5
+ updateTickets: (value: boolean, type?: string) => void;
6
+ }
7
+ export declare const AccessCodeSection: ({ code, setCode, updateTickets }: IAccessCodeSectionProps) => JSX.Element;
@@ -1,13 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  export interface IPromoCodeSectionProps {
3
- promoCode: string;
4
- promoCodeIsApplied: boolean;
3
+ code: string;
4
+ codeIsApplied: boolean;
5
5
  showPromoInput: boolean;
6
6
  isPromotionsEnabled: boolean;
7
- isAllTicketsSoldOut: boolean;
8
- isAccessCodeEnabled?: boolean;
9
- setPromoCode: (value: string) => void;
10
- setPromoCodeUpdated: (value: string) => void;
7
+ setCode: (value: string) => void;
11
8
  setShowPromoInput: (value: boolean) => void;
9
+ updateTickets: (value: boolean, type: string) => void;
10
+ setCodeIsApplied: (value: boolean) => void;
12
11
  }
13
- export declare const PromoCodeSection: ({ promoCode, promoCodeIsApplied, showPromoInput, isPromotionsEnabled, setPromoCode, setPromoCodeUpdated, setShowPromoInput, isAccessCodeEnabled, }: IPromoCodeSectionProps) => JSX.Element;
12
+ export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied }: IPromoCodeSectionProps) => JSX.Element;
@@ -4,7 +4,8 @@ interface ITicketsSectionProps {
4
4
  ticketsList: any;
5
5
  selectedTickets: any;
6
6
  handleTicketSelect: any;
7
- promoCodeIsApplied: boolean;
7
+ codeIsApplied: boolean;
8
+ sortBySoldOut: boolean;
8
9
  }
9
- export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, promoCodeIsApplied, }: ITicketsSectionProps) => JSX.Element;
10
+ export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, codeIsApplied, sortBySoldOut, }: ITicketsSectionProps) => JSX.Element;
10
11
  export {};
@@ -7,6 +7,7 @@ interface CartSuccess {
7
7
  skip_billing_page: boolean;
8
8
  names_required: boolean;
9
9
  age_required: boolean;
10
+ phone_required: boolean;
10
11
  event_id: string;
11
12
  hash?: string;
12
13
  }
@@ -18,6 +19,8 @@ export interface IGetTickets {
18
19
  onAddToCartError: (e: AxiosError) => void;
19
20
  onGetTicketsSuccess: (response: any) => void;
20
21
  onGetTicketsError: (e: AxiosError) => void;
22
+ onLogoutSuccess: () => void;
23
+ onLogoutError: (e: AxiosError) => void;
21
24
  onLoginSuccess: () => void;
22
25
  theme?: 'light' | 'dark';
23
26
  queryPromoCode?: string;
@@ -29,6 +32,10 @@ export interface IGetTickets {
29
32
  isAccessCodeEnabled?: boolean;
30
33
  hideSessionButtons?: boolean;
31
34
  hideWaitingList?: boolean;
35
+ enableBillingInfoAutoCreate?: boolean;
36
+ isButtonScrollable?: boolean;
37
+ sortBySoldOut?: boolean;
38
+ disableCountdownLeadingZero?: boolean;
32
39
  }
33
40
  export interface ITicket {
34
41
  id: string | number;
@@ -37,5 +44,5 @@ export interface ITicket {
37
44
  export interface ISelectedTickets {
38
45
  [key: string]: string | number;
39
46
  }
40
- export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, }: IGetTickets) => JSX.Element;
47
+ export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, }: IGetTickets) => JSX.Element;
41
48
  export {};
package/dist/env.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare const ENV: {
4
4
  CLIENT_ID: string;
5
5
  CLIENT_SECRET: string;
6
6
  STRIPE_PUBLISHABLE_KEY: string;
7
+ BRAND_SLUG: string;
7
8
  };
8
9
  export declare const ENV_PROD: {
9
10
  EVENT_ID: number;
@@ -0,0 +1 @@
1
+ <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" class="svg-inline--fa fa-envelope fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg>
@@ -0,0 +1 @@
1
+ <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="user" class="svg-inline--fa fa-user fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"></path></svg>
package/dist/index.d.ts CHANGED
@@ -7,3 +7,5 @@ export { LoginModal } from './components/loginModal';
7
7
  export { MyTicketsContainer } from './components/myTicketsContainer';
8
8
  export { OrderDetailsContainer } from './components/orderDetailsContainer';
9
9
  export { setConfigs } from './utils/setConfigs';
10
+ export { TicketResaleContainer } from './components';
11
+ export { RedirectModal } from './components/common/RedirectModal';