tf-checkout-react 1.4.1-beta.0 → 1.4.1-beta.1

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 (40) hide show
  1. package/dist/components/myTicketsContainer/index.d.ts +5 -2
  2. package/dist/components/myTicketsContainer/row.d.ts +1 -13
  3. package/dist/components/myTicketsContainer/tableConfig.d.ts +2 -2
  4. package/dist/components/orderDetailsContainer/index.d.ts +6 -1
  5. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +6 -1
  6. package/dist/components/paymentContainer/PaymentPlanSection.d.ts +10 -0
  7. package/dist/components/seatMapContainer/utils.d.ts +1 -1
  8. package/dist/components/ticketsContainer/PromoCodeSection.d.ts +2 -1
  9. package/dist/components/ticketsContainer/index.d.ts +2 -1
  10. package/dist/tf-checkout-react.cjs.development.js +354 -154
  11. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  12. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  13. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  14. package/dist/tf-checkout-react.esm.js +354 -154
  15. package/dist/tf-checkout-react.esm.js.map +1 -1
  16. package/dist/utils/htmlNodeFromString.d.ts +1 -0
  17. package/dist/utils/index.d.ts +1 -0
  18. package/package.json +12 -11
  19. package/src/api/index.ts +16 -23
  20. package/src/components/common/dist/PhoneNumberField.js +96 -0
  21. package/src/components/confirmationContainer/index.tsx +42 -53
  22. package/src/components/myTicketsContainer/index.tsx +28 -10
  23. package/src/components/myTicketsContainer/row.tsx +33 -27
  24. package/src/components/myTicketsContainer/tableConfig.tsx +58 -17
  25. package/src/components/myTicketsContainer/types.d.ts +41 -0
  26. package/src/components/orderDetailsContainer/index.tsx +70 -39
  27. package/src/components/orderDetailsContainer/ticketsTable.tsx +10 -3
  28. package/src/components/paymentContainer/PaymentPlanSection.tsx +145 -0
  29. package/src/components/paymentContainer/index.tsx +85 -172
  30. package/src/components/seatMapContainer/TicketsSection.tsx +114 -83
  31. package/src/components/seatMapContainer/index.tsx +21 -3
  32. package/src/components/seatMapContainer/utils.ts +2 -2
  33. package/src/components/stripePayment/index.tsx +13 -22
  34. package/src/components/ticketsContainer/PromoCodeSection.tsx +15 -9
  35. package/src/components/ticketsContainer/ReferralLogic.tsx +4 -2
  36. package/src/components/ticketsContainer/index.tsx +3 -0
  37. package/src/types/payment-plan-configuration.ts +3 -3
  38. package/src/types/seatMap.d.ts +4 -0
  39. package/src/utils/htmlNodeFromString.ts +6 -0
  40. package/src/utils/index.ts +1 -0
@@ -1,11 +1,14 @@
1
1
  /// <reference types="react" />
2
2
  import './style.css';
3
3
  interface MyTicketsTypes {
4
- handleDetailsInfo: (id: string) => void;
4
+ handleDetailsInfo: (id: string | number) => void;
5
5
  onGetOrdersSuccess: (res: any) => void;
6
6
  onGetOrdersError: (err: any) => void;
7
7
  logo?: string;
8
8
  theme?: 'light' | 'dark';
9
+ selectEventsLabel?: string;
10
+ hideDetailsButton?: boolean;
11
+ columns?: IColumnData[];
9
12
  }
10
- export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo, }: MyTicketsTypes) => JSX.Element;
13
+ export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, selectEventsLabel, logo, hideDetailsButton, columns, }: MyTicketsTypes) => JSX.Element;
11
14
  export {};
@@ -1,15 +1,3 @@
1
1
  /// <reference types="react" />
2
- export interface RowItems {
3
- id: string;
4
- date: string;
5
- image: string;
6
- eventName: string;
7
- amount: string;
8
- currency: string;
9
- }
10
- interface RowPropsTypes {
11
- row: RowItems;
12
- handleDetailsInfo: (id: string) => void;
13
- }
14
- declare const Row: ({ row, handleDetailsInfo }: RowPropsTypes) => JSX.Element;
2
+ declare const Row: ({ row, handleDetailsInfo, columns, hideDetailsButton, }: RowPropsTypes) => JSX.Element;
15
3
  export default Row;
@@ -1,5 +1,5 @@
1
- declare const tableConfig: (key?: string | undefined) => {
1
+ declare const tableConfig: (columns?: IColumnData[] | undefined, key?: string | undefined) => {
2
2
  header: string[];
3
- body: ((row: any) => any)[];
3
+ body: ITableBodyType[];
4
4
  };
5
5
  export default tableConfig;
@@ -14,12 +14,17 @@ interface OrderDetailsTypes {
14
14
  onResaleTicketError: (err: any) => void;
15
15
  personalLinkIcon?: string;
16
16
  displayColumnNameInRow?: boolean;
17
+ canSellTicket?: boolean;
17
18
  ticketsTableColumns?: Array<{
18
19
  id?: string | number;
19
20
  key: keyof ITicketTypes & keyof IActionColumns;
20
21
  label: string | number | null | undefined;
21
22
  }>;
22
23
  ordersPath?: string;
24
+ orderId?: string | number;
25
+ referralTitle?: string;
26
+ itemsTitle?: string;
27
+ ticketsTitle?: string;
23
28
  }
24
- export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, }: 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;
25
30
  export {};
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  interface IAddOnTypes {
3
3
  name: string;
4
+ groupName: string;
4
5
  status: string;
5
6
  }
6
7
  export interface ITicketTypes {
@@ -16,13 +17,16 @@ export interface ITicketTypes {
16
17
  currency: string;
17
18
  ticket_type_hash: string;
18
19
  ticket_type_is_active?: boolean;
20
+ canSellTicket?: boolean;
19
21
  retain_amount_on_sale: number | string;
22
+ ticketsTitle: string;
20
23
  }
21
24
  export interface IActionColumns {
22
25
  download?: boolean;
23
26
  sell_ticket?: boolean;
24
27
  }
25
28
  interface TicketsTableTypes {
29
+ canSellTicket?: boolean;
26
30
  tickets: ITicketTypes[];
27
31
  columns: Array<{
28
32
  id?: string | number;
@@ -33,6 +37,7 @@ interface TicketsTableTypes {
33
37
  handleRemoveFromResale: (ticket: ITicketTypes) => void;
34
38
  icon?: string;
35
39
  displayColumnNameInRow?: boolean;
40
+ ticketsTitle?: string;
36
41
  }
37
- declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, }: TicketsTableTypes) => JSX.Element;
42
+ declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, canSellTicket, ticketsTitle, }: TicketsTableTypes) => JSX.Element;
38
43
  export default TicketsTable;
@@ -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 {};
@@ -11,4 +11,4 @@ export declare const getAddToCartRequestData: ({ eventId, reservations, selected
11
11
  ticket_types: {};
12
12
  };
13
13
  };
14
- export declare const getTierRelationsArray: (data: Array<TicketTypeTierRelationsData>) => (string | number)[];
14
+ export declare const getTierRelationsArray: (data: Array<TicketTypeTierRelationsData>) => (string | number | null)[];
@@ -10,5 +10,6 @@ export interface IPromoCodeSectionProps {
10
10
  codeIsInvalid: boolean;
11
11
  setCodeIsInvalid: (value: boolean) => void;
12
12
  promoText?: string;
13
+ showAlertIcons?: boolean;
13
14
  }
14
- export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, }: IPromoCodeSectionProps) => JSX.Element;
15
+ export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, showAlertIcons }: IPromoCodeSectionProps) => JSX.Element;
@@ -61,6 +61,7 @@ export interface IGetTickets {
61
61
  currencySybmol?: string;
62
62
  onReserveButtonClick?: () => void;
63
63
  onPendingVerification?: () => void;
64
+ showAlertIcons?: boolean;
64
65
  }
65
66
  export interface ITicket {
66
67
  id: string | number;
@@ -70,5 +71,5 @@ export interface ISelectedTickets {
70
71
  isTable: boolean;
71
72
  [key: string]: string | number | boolean;
72
73
  }
73
- 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, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, }: IGetTickets) => JSX.Element;
74
+ 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, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
74
75
  export {};