tf-checkout-react 1.0.103 → 1.0.106

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 (96) hide show
  1. package/dist/api/index.d.ts +3 -1
  2. package/dist/components/common/CustomField.d.ts +1 -1
  3. package/dist/components/common/DatePickerField.d.ts +14 -0
  4. package/dist/components/common/RedirectModal.d.ts +7 -0
  5. package/dist/components/countdown/index.d.ts +3 -1
  6. package/dist/components/orderDetailsContainer/ticketsTable.d.ts +2 -0
  7. package/dist/components/rsvpContainer/index.d.ts +7 -0
  8. package/dist/components/ticketResale/index.d.ts +5 -3
  9. package/dist/components/ticketsContainer/AccessCodeSection.d.ts +7 -0
  10. package/dist/components/ticketsContainer/PromoCodeSection.d.ts +5 -9
  11. package/dist/components/ticketsContainer/TicketsSection.d.ts +6 -3
  12. package/dist/components/ticketsContainer/index.d.ts +9 -2
  13. package/dist/components/timerWidget/index.d.ts +3 -3
  14. package/dist/images/cross.svg +44 -0
  15. package/dist/images/done.svg +3 -3
  16. package/dist/index.d.ts +2 -0
  17. package/dist/tf-checkout-react.cjs.development.js +639 -223
  18. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  19. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  20. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  21. package/dist/tf-checkout-react.esm.js +645 -231
  22. package/dist/tf-checkout-react.esm.js.map +1 -1
  23. package/dist/tf-checkout-styles.css +1 -1
  24. package/package.json +89 -89
  25. package/src/.DS_Store +0 -0
  26. package/src/.d.ts +2 -2
  27. package/src/api/index.ts +300 -278
  28. package/src/assets/images/cross.svg +44 -0
  29. package/src/assets/images/done.svg +3 -3
  30. package/src/components/.DS_Store +0 -0
  31. package/src/components/billing-info-container/index.tsx +811 -799
  32. package/src/components/billing-info-container/style.css +105 -105
  33. package/src/components/billing-info-container/utils.ts +225 -224
  34. package/src/components/common/CheckboxField.tsx +41 -41
  35. package/src/components/common/CustomField.tsx +87 -84
  36. package/src/components/common/DatePickerField.tsx +98 -0
  37. package/src/components/common/FormikPhoneNumberField.tsx +51 -51
  38. package/src/components/common/Loader.tsx +9 -9
  39. package/src/components/common/RadioField.tsx +35 -35
  40. package/src/components/common/RedirectModal.tsx +43 -0
  41. package/src/components/common/SelectField.tsx +80 -80
  42. package/src/components/common/SnackbarAlert.tsx +53 -53
  43. package/src/components/common/index.tsx +4 -4
  44. package/src/components/confirmModal/index.tsx +51 -51
  45. package/src/components/confirmModal/style.css +21 -21
  46. package/src/components/confirmationContainer/config.ts +72 -72
  47. package/src/components/confirmationContainer/index.tsx +197 -197
  48. package/src/components/confirmationContainer/social-buttons.tsx +94 -94
  49. package/src/components/confirmationContainer/style.css +202 -202
  50. package/src/components/countdown/index.tsx +98 -89
  51. package/src/components/countdown/style.css +9 -9
  52. package/src/components/index.ts +7 -7
  53. package/src/components/loginModal/index.tsx +209 -209
  54. package/src/components/loginModal/style.css +71 -71
  55. package/src/components/myTicketsContainer/index.tsx +196 -196
  56. package/src/components/myTicketsContainer/row.tsx +41 -41
  57. package/src/components/myTicketsContainer/style.css +39 -39
  58. package/src/components/myTicketsContainer/tableConfig.tsx +34 -34
  59. package/src/components/orderDetailsContainer/index.tsx +252 -249
  60. package/src/components/orderDetailsContainer/style.css +72 -72
  61. package/src/components/orderDetailsContainer/ticketsTable.tsx +130 -124
  62. package/src/components/paymentContainer/index.tsx +285 -284
  63. package/src/components/registerModal/index.tsx +190 -190
  64. package/src/components/rsvpContainer/index.tsx +126 -0
  65. package/src/components/stripePayment/index.tsx +254 -253
  66. package/src/components/stripePayment/style.css +59 -59
  67. package/src/components/ticketResale/index.tsx +74 -56
  68. package/src/components/ticketResaleModal/index.tsx +215 -210
  69. package/src/components/ticketResaleModal/style.css +28 -28
  70. package/src/components/ticketsContainer/AccessCodeSection.tsx +50 -0
  71. package/src/components/ticketsContainer/PromoCodeSection.tsx +88 -99
  72. package/src/components/ticketsContainer/ReferralLogic.tsx +31 -33
  73. package/src/components/ticketsContainer/TicketRow.tsx +83 -83
  74. package/src/components/ticketsContainer/TicketsSection.tsx +90 -81
  75. package/src/components/ticketsContainer/index.tsx +464 -430
  76. package/src/components/ticketsContainer/style.css +181 -181
  77. package/src/components/ticketsContainer/utils.ts +11 -11
  78. package/src/components/timerWidget/index.tsx +87 -70
  79. package/src/components/timerWidget/style.css +34 -26
  80. package/src/components/waitingList/index.tsx +178 -178
  81. package/src/components/waitingList/style.css +26 -26
  82. package/src/env.ts +20 -20
  83. package/src/index.ts +15 -13
  84. package/src/normalizers/index.ts +45 -45
  85. package/src/types/billing-info-data.ts +37 -37
  86. package/src/types/payment-field.ts +7 -7
  87. package/src/types/referral-promotion.ts +7 -7
  88. package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts +59 -59
  89. package/src/utils/downloadPDF.tsx +30 -30
  90. package/src/utils/formikErrorFocus.ts +24 -24
  91. package/src/utils/getImage.ts +14 -14
  92. package/src/utils/getQueryVariable.ts +13 -13
  93. package/src/utils/index.ts +5 -5
  94. package/src/utils/setConfigs.ts +26 -26
  95. package/src/utils/showZero.tsx +10 -10
  96. package/src/validators/index.ts +20 -20
package/src/components/orderDetailsContainer/ticketsTable.tsx CHANGED
@@ -1,124 +1,130 @@
1
- import React, { Fragment } from 'react'
2
- import Table from '@mui/material/Table'
3
- import TableBody from '@mui/material/TableBody'
4
- import TableCell from '@mui/material/TableCell'
5
- import TableContainer from '@mui/material/TableContainer'
6
- import TableHead from '@mui/material/TableHead'
7
- import TableRow from '@mui/material/TableRow'
8
- import Paper from '@mui/material/Paper'
9
- import { downloadPDF } from '../../utils'
10
-
11
- interface IAddOnTypes {
12
- name: string;
13
- status: string;
14
- }
15
- export interface ITicketTypes {
16
- add_ons?: IAddOnTypes[];
17
- hash: string;
18
- ticket_type: string;
19
- holder_name: string;
20
- status: string;
21
- pdf_link: string;
22
- is_sellable: boolean;
23
- is_on_sale?: boolean;
24
- event_name: string;
25
- currency: string;
26
- resale_fee_amount: number | string;
27
- }
28
-
29
- interface TicketsTableTypes {
30
- tickets: ITicketTypes[];
31
- handleSellTicket: (ticket: ITicketTypes) => void;
32
- handleRemoveFromResale: (ticket: ITicketTypes) => void;
33
- }
34
-
35
- const TicketsTable = ({
36
- tickets = [],
37
- handleSellTicket = () => {},
38
- handleRemoveFromResale = () => {}
39
- }: TicketsTableTypes) => (
40
- <div className="tickets-box">
41
- <h4 className="sub-title">Your Tickets</h4>
42
- <TableContainer component={Paper}>
43
- <Table aria-label="collapsible table">
44
- <TableHead>
45
- <TableRow>
46
- <TableCell>Ticket ID</TableCell>
47
- <TableCell>Ticket Type</TableCell>
48
- <TableCell>Ticket Holder Name</TableCell>
49
- <TableCell>Status</TableCell>
50
- <TableCell>Download</TableCell>
51
- <TableCell />
52
- </TableRow>
53
- </TableHead>
54
- <TableBody>
55
- {tickets.map((ticket: ITicketTypes, index: number) => (
56
- <Fragment key={index}>
57
- <TableRow>
58
- <TableCell>{ticket.hash}</TableCell>
59
- <TableCell>{ticket.ticket_type}</TableCell>
60
- <TableCell>{ticket.holder_name}</TableCell>
61
- <TableCell>{ticket.status}</TableCell>
62
- <TableCell>
63
- <span
64
- aria-hidden={true}
65
- className="action-button"
66
- onClick={() => downloadPDF(ticket.pdf_link)}
67
- >
68
- Download
69
- </span>
70
- </TableCell>
71
- <TableCell>
72
- {ticket.is_sellable && (
73
- <span
74
- aria-hidden={true}
75
- className="action-button"
76
- onClick={() => handleSellTicket(ticket)}
77
- >
78
- Sell Ticket
79
- </span>
80
- )}
81
- {ticket.is_on_sale && (
82
- <span
83
- aria-hidden={true}
84
- className="action-button"
85
- onClick={() => handleRemoveFromResale(ticket)}
86
- >
87
- Remove from Resale
88
- </span>
89
- )}
90
- </TableCell>
91
- </TableRow>
92
- {!!ticket.add_ons?.length && (
93
- <TableRow>
94
- <TableCell colSpan={6}>
95
- <Table className="ticket-add-on-table">
96
- <TableHead>
97
- <TableRow>
98
- <TableCell>Add-On</TableCell>
99
- <TableCell>Status</TableCell>
100
- </TableRow>
101
- </TableHead>
102
- <TableBody>
103
- {ticket.add_ons.map(
104
- (add_on: IAddOnTypes, index: number) => (
105
- <TableRow key={index}>
106
- <TableCell>{add_on.name}</TableCell>
107
- <TableCell>{add_on.status}</TableCell>
108
- </TableRow>
109
- )
110
- )}
111
- </TableBody>
112
- </Table>
113
- </TableCell>
114
- </TableRow>
115
- )}
116
- </Fragment>
117
- ))}
118
- </TableBody>
119
- </Table>
120
- </TableContainer>
121
- </div>
122
- )
123
-
124
- export default TicketsTable
1
+ import React, { Fragment } from 'react'
2
+ import Table from '@mui/material/Table'
3
+ import TableBody from '@mui/material/TableBody'
4
+ import TableCell from '@mui/material/TableCell'
5
+ import TableContainer from '@mui/material/TableContainer'
6
+ import TableHead from '@mui/material/TableHead'
7
+ import TableRow from '@mui/material/TableRow'
8
+ import Paper from '@mui/material/Paper'
9
+ import { downloadPDF } from '../../utils'
10
+
11
+ interface IAddOnTypes {
12
+ name: string;
13
+ status: string;
14
+ }
15
+ export interface ITicketTypes {
16
+ add_ons?: IAddOnTypes[];
17
+ hash: string;
18
+ ticket_type: string;
19
+ holder_name: string;
20
+ status: string;
21
+ pdf_link: string;
22
+ is_sellable: boolean;
23
+ is_on_sale?: boolean;
24
+ event_name: string;
25
+ currency: string;
26
+ resale_fee_amount: number | string;
27
+ ticket_type_hash: string;
28
+ ticket_type_is_active?: boolean;
29
+ }
30
+
31
+ interface TicketsTableTypes {
32
+ tickets: ITicketTypes[];
33
+ handleSellTicket: (ticket: ITicketTypes) => void;
34
+ handleRemoveFromResale: (ticket: ITicketTypes) => void;
35
+ }
36
+
37
+ const TicketsTable = ({
38
+ tickets = [],
39
+ handleSellTicket = () => {},
40
+ handleRemoveFromResale = () => {}
41
+ }: TicketsTableTypes) => (
42
+ <div className="tickets-box">
43
+ <h4 className="sub-title">Your Tickets</h4>
44
+ <TableContainer component={Paper}>
45
+ <Table aria-label="collapsible table">
46
+ <TableHead>
47
+ <TableRow>
48
+ <TableCell>Ticket ID</TableCell>
49
+ <TableCell>Ticket Type</TableCell>
50
+ <TableCell>Ticket Holder Name</TableCell>
51
+ <TableCell>Status</TableCell>
52
+ <TableCell>Download</TableCell>
53
+ <TableCell />
54
+ </TableRow>
55
+ </TableHead>
56
+ <TableBody>
57
+ {tickets.map((ticket: ITicketTypes, index: number) => (
58
+ <Fragment key={index}>
59
+ <TableRow>
60
+ <TableCell>{ticket.hash}</TableCell>
61
+ <TableCell>{ticket.ticket_type}</TableCell>
62
+ <TableCell>{ticket.holder_name}</TableCell>
63
+ <TableCell>{ticket.status}</TableCell>
64
+ <TableCell>
65
+ {
66
+ ticket.status !== "Sold" && (
67
+ <span
68
+ aria-hidden={true}
69
+ className="action-button"
70
+ onClick={() => downloadPDF(ticket.pdf_link)}
71
+ >
72
+ Download
73
+ </span>
74
+ )
75
+ }
76
+ </TableCell>
77
+ <TableCell>
78
+ {ticket.is_sellable && (
79
+ <span
80
+ aria-hidden={true}
81
+ className="action-button"
82
+ onClick={() => handleSellTicket(ticket)}
83
+ >
84
+ Sell Ticket
85
+ </span>
86
+ )}
87
+ {ticket.is_on_sale && (
88
+ <span
89
+ aria-hidden={true}
90
+ className="action-button"
91
+ onClick={() => handleRemoveFromResale(ticket)}
92
+ >
93
+ Remove from Resale
94
+ </span>
95
+ )}
96
+ </TableCell>
97
+ </TableRow>
98
+ {!!ticket.add_ons?.length && (
99
+ <TableRow>
100
+ <TableCell colSpan={6}>
101
+ <Table className="ticket-add-on-table">
102
+ <TableHead>
103
+ <TableRow>
104
+ <TableCell>Add-On</TableCell>
105
+ <TableCell>Status</TableCell>
106
+ </TableRow>
107
+ </TableHead>
108
+ <TableBody>
109
+ {ticket.add_ons.map(
110
+ (add_on: IAddOnTypes, index: number) => (
111
+ <TableRow key={index}>
112
+ <TableCell>{add_on.name}</TableCell>
113
+ <TableCell>{add_on.status}</TableCell>
114
+ </TableRow>
115
+ )
116
+ )}
117
+ </TableBody>
118
+ </Table>
119
+ </TableCell>
120
+ </TableRow>
121
+ )}
122
+ </Fragment>
123
+ ))}
124
+ </TableBody>
125
+ </Table>
126
+ </TableContainer>
127
+ </div>
128
+ )
129
+
130
+ export default TicketsTable