tf-checkout-react 1.0.102 → 1.0.105

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 (80) hide show
  1. package/dist/components/common/RedirectModal.d.ts +7 -0
  2. package/dist/components/ticketsContainer/TicketsSection.d.ts +2 -1
  3. package/dist/components/ticketsContainer/index.d.ts +2 -1
  4. package/dist/images/done.svg +3 -3
  5. package/dist/index.d.ts +1 -0
  6. package/dist/tf-checkout-react.cjs.development.js +71 -25
  7. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  8. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  9. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  10. package/dist/tf-checkout-react.esm.js +71 -26
  11. package/dist/tf-checkout-react.esm.js.map +1 -1
  12. package/package.json +89 -89
  13. package/src/.d.ts +2 -2
  14. package/src/api/index.ts +293 -278
  15. package/src/assets/images/done.svg +3 -3
  16. package/src/components/billing-info-container/index.tsx +796 -796
  17. package/src/components/billing-info-container/style.css +105 -105
  18. package/src/components/billing-info-container/utils.ts +224 -224
  19. package/src/components/common/CheckboxField.tsx +41 -41
  20. package/src/components/common/CustomField.tsx +84 -84
  21. package/src/components/common/FormikPhoneNumberField.tsx +51 -51
  22. package/src/components/common/Loader.tsx +9 -9
  23. package/src/components/common/RadioField.tsx +35 -35
  24. package/src/components/common/RedirectModal.tsx +43 -0
  25. package/src/components/common/SelectField.tsx +80 -80
  26. package/src/components/common/SnackbarAlert.tsx +53 -53
  27. package/src/components/common/index.tsx +4 -4
  28. package/src/components/confirmModal/index.tsx +51 -51
  29. package/src/components/confirmModal/style.css +21 -21
  30. package/src/components/confirmationContainer/config.ts +72 -72
  31. package/src/components/confirmationContainer/index.tsx +197 -197
  32. package/src/components/confirmationContainer/social-buttons.tsx +94 -94
  33. package/src/components/confirmationContainer/style.css +202 -202
  34. package/src/components/countdown/index.tsx +89 -89
  35. package/src/components/countdown/style.css +9 -9
  36. package/src/components/index.ts +7 -7
  37. package/src/components/loginModal/index.tsx +209 -209
  38. package/src/components/loginModal/style.css +71 -71
  39. package/src/components/myTicketsContainer/index.tsx +196 -196
  40. package/src/components/myTicketsContainer/row.tsx +41 -41
  41. package/src/components/myTicketsContainer/style.css +39 -39
  42. package/src/components/myTicketsContainer/tableConfig.tsx +34 -34
  43. package/src/components/orderDetailsContainer/index.tsx +249 -249
  44. package/src/components/orderDetailsContainer/style.css +72 -72
  45. package/src/components/orderDetailsContainer/ticketsTable.tsx +124 -124
  46. package/src/components/paymentContainer/index.tsx +284 -284
  47. package/src/components/registerModal/index.tsx +190 -190
  48. package/src/components/stripePayment/index.tsx +253 -253
  49. package/src/components/stripePayment/style.css +59 -59
  50. package/src/components/ticketResale/index.tsx +56 -56
  51. package/src/components/ticketResaleModal/index.tsx +210 -210
  52. package/src/components/ticketResaleModal/style.css +28 -28
  53. package/src/components/ticketsContainer/PromoCodeSection.tsx +99 -99
  54. package/src/components/ticketsContainer/ReferralLogic.tsx +33 -33
  55. package/src/components/ticketsContainer/TicketRow.tsx +83 -83
  56. package/src/components/ticketsContainer/TicketsSection.tsx +85 -81
  57. package/src/components/ticketsContainer/index.tsx +430 -430
  58. package/src/components/ticketsContainer/style.css +181 -181
  59. package/src/components/ticketsContainer/utils.ts +11 -11
  60. package/src/components/timerWidget/index.tsx +70 -70
  61. package/src/components/timerWidget/style.css +26 -26
  62. package/src/components/waitingList/index.tsx +178 -178
  63. package/src/components/waitingList/style.css +26 -26
  64. package/src/env.ts +20 -20
  65. package/src/index.ts +14 -13
  66. package/src/normalizers/index.ts +45 -45
  67. package/src/types/billing-info-data.ts +37 -37
  68. package/src/types/payment-field.ts +7 -7
  69. package/src/types/referral-promotion.ts +7 -7
  70. package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts +59 -59
  71. package/src/utils/downloadPDF.tsx +30 -30
  72. package/src/utils/formikErrorFocus.ts +24 -24
  73. package/src/utils/getImage.ts +14 -14
  74. package/src/utils/getQueryVariable.ts +13 -13
  75. package/src/utils/index.ts +5 -5
  76. package/src/utils/setConfigs.ts +26 -26
  77. package/src/utils/showZero.tsx +10 -10
  78. package/src/validators/index.ts +20 -20
  79. package/src/.DS_Store +0 -0
  80. package/src/components/.DS_Store +0 -0
package/src/components/orderDetailsContainer/ticketsTable.tsx CHANGED
@@ -1,124 +1,124 @@
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
+ }
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