npm - tf-checkout-react - Versions diffs - 1.0.102 → 1.0.103 - Mend

tf-checkout-react 1.0.102 → 1.0.103

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

package/dist/images/done.svg +3 -3
package/dist/tf-checkout-react.cjs.development.js +4 -0
package/dist/tf-checkout-react.cjs.development.js.map +1 -1
package/dist/tf-checkout-react.cjs.production.min.js +1 -1
package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
package/dist/tf-checkout-react.esm.js +4 -0
package/dist/tf-checkout-react.esm.js.map +1 -1
package/package.json +89 -89
package/src/.d.ts +2 -2
package/src/api/index.ts +278 -278
package/src/assets/images/done.svg +3 -3
package/src/components/billing-info-container/index.tsx +799 -796
package/src/components/billing-info-container/style.css +105 -105
package/src/components/billing-info-container/utils.ts +224 -224
package/src/components/common/CheckboxField.tsx +41 -41
package/src/components/common/CustomField.tsx +84 -84
package/src/components/common/FormikPhoneNumberField.tsx +51 -51
package/src/components/common/Loader.tsx +9 -9
package/src/components/common/RadioField.tsx +35 -35
package/src/components/common/SelectField.tsx +80 -80
package/src/components/common/SnackbarAlert.tsx +53 -53
package/src/components/common/index.tsx +4 -4
package/src/components/confirmModal/index.tsx +51 -51
package/src/components/confirmModal/style.css +21 -21
package/src/components/confirmationContainer/config.ts +72 -72
package/src/components/confirmationContainer/index.tsx +197 -197
package/src/components/confirmationContainer/social-buttons.tsx +94 -94
package/src/components/confirmationContainer/style.css +202 -202
package/src/components/countdown/index.tsx +89 -89
package/src/components/countdown/style.css +9 -9
package/src/components/index.ts +7 -7
package/src/components/loginModal/index.tsx +209 -209
package/src/components/loginModal/style.css +71 -71
package/src/components/myTicketsContainer/index.tsx +196 -196
package/src/components/myTicketsContainer/row.tsx +41 -41
package/src/components/myTicketsContainer/style.css +39 -39
package/src/components/myTicketsContainer/tableConfig.tsx +34 -34
package/src/components/orderDetailsContainer/index.tsx +249 -249
package/src/components/orderDetailsContainer/style.css +72 -72
package/src/components/orderDetailsContainer/ticketsTable.tsx +124 -124
package/src/components/paymentContainer/index.tsx +284 -284
package/src/components/registerModal/index.tsx +190 -190
package/src/components/stripePayment/index.tsx +253 -253
package/src/components/stripePayment/style.css +59 -59
package/src/components/ticketResale/index.tsx +56 -56
package/src/components/ticketResaleModal/index.tsx +210 -210
package/src/components/ticketResaleModal/style.css +28 -28
package/src/components/ticketsContainer/PromoCodeSection.tsx +99 -99
package/src/components/ticketsContainer/ReferralLogic.tsx +33 -33
package/src/components/ticketsContainer/TicketRow.tsx +83 -83
package/src/components/ticketsContainer/TicketsSection.tsx +81 -81
package/src/components/ticketsContainer/index.tsx +430 -430
package/src/components/ticketsContainer/style.css +181 -181
package/src/components/ticketsContainer/utils.ts +11 -11
package/src/components/timerWidget/index.tsx +70 -70
package/src/components/timerWidget/style.css +26 -26
package/src/components/waitingList/index.tsx +178 -178
package/src/components/waitingList/style.css +26 -26
package/src/env.ts +20 -20
package/src/index.ts +13 -13
package/src/normalizers/index.ts +45 -45
package/src/types/billing-info-data.ts +37 -37
package/src/types/payment-field.ts +7 -7
package/src/types/referral-promotion.ts +7 -7
package/src/utils/createCheckoutDataBodyWithDefaultHolder.ts +59 -59
package/src/utils/downloadPDF.tsx +30 -30
package/src/utils/formikErrorFocus.ts +24 -24
package/src/utils/getImage.ts +14 -14
package/src/utils/getQueryVariable.ts +13 -13
package/src/utils/index.ts +5 -5
package/src/utils/setConfigs.ts +26 -26
package/src/utils/showZero.tsx +10 -10
package/src/validators/index.ts +20 -20
package/src/.DS_Store +0 -0
package/src/components/.DS_Store +0 -0

package/src/components/orderDetailsContainer/ticketsTable.tsx CHANGED Viewed

@@ -1,124 +1,124 @@
-import React, { Fragment } from 'react'
-import Table from '@mui/material/Table'
-import TableBody from '@mui/material/TableBody'
-import TableCell from '@mui/material/TableCell'
-import TableContainer from '@mui/material/TableContainer'
-import TableHead from '@mui/material/TableHead'
-import TableRow from '@mui/material/TableRow'
-import Paper from '@mui/material/Paper'
-import { downloadPDF } from '../../utils'
-interface IAddOnTypes {
-  name: string;
-  status: string;
-}
-export interface ITicketTypes {
-  add_ons?: IAddOnTypes[];
-  hash: string;
-  ticket_type: string;
-  holder_name: string;
-  status: string;
-  pdf_link: string;
-  is_sellable: boolean;
-  is_on_sale?: boolean;
-  event_name: string;
-  currency: string;
-  resale_fee_amount: number | string;
-}
-interface TicketsTableTypes {
-  tickets: ITicketTypes[];
-  handleSellTicket: (ticket: ITicketTypes) => void;
-  handleRemoveFromResale: (ticket: ITicketTypes) => void;
-}
-const TicketsTable = ({
-  tickets = [],
-  handleSellTicket = () => {},
-  handleRemoveFromResale = () => {}
-}: TicketsTableTypes) => (
-  <div className="tickets-box">
-    <h4 className="sub-title">Your Tickets</h4>
-    <TableContainer component={Paper}>
-      <Table aria-label="collapsible table">
-        <TableHead>
-          <TableRow>
-            <TableCell>Ticket ID</TableCell>
-            <TableCell>Ticket Type</TableCell>
-            <TableCell>Ticket Holder Name</TableCell>
-            <TableCell>Status</TableCell>
-            <TableCell>Download</TableCell>
-            <TableCell />
-          </TableRow>
-        </TableHead>
-        <TableBody>
-          {tickets.map((ticket: ITicketTypes, index: number) => (
-            <Fragment key={index}>
-              <TableRow>
-                <TableCell>{ticket.hash}</TableCell>
-                <TableCell>{ticket.ticket_type}</TableCell>
-                <TableCell>{ticket.holder_name}</TableCell>
-                <TableCell>{ticket.status}</TableCell>
-                <TableCell>
-                  <span
-                    aria-hidden={true}
-                    className="action-button"
-                    onClick={() => downloadPDF(ticket.pdf_link)}
-                  >
-                    Download
-                  </span>
-                </TableCell>
-                <TableCell>
-                  {ticket.is_sellable && (
-                    <span
-                      aria-hidden={true}
-                      className="action-button"
-                      onClick={() => handleSellTicket(ticket)}
-                    >
-                      Sell Ticket
-                    </span>
-                  )}
-                  {ticket.is_on_sale && (
-                    <span
-                      aria-hidden={true}
-                      className="action-button"
-                      onClick={() => handleRemoveFromResale(ticket)}
-                    >
-                      Remove from Resale
-                    </span>
-                  )}
-                </TableCell>
-              </TableRow>
-              {!!ticket.add_ons?.length && (
-                <TableRow>
-                  <TableCell colSpan={6}>
-                    <Table className="ticket-add-on-table">
-                      <TableHead>
-                        <TableRow>
-                          <TableCell>Add-On</TableCell>
-                          <TableCell>Status</TableCell>
-                        </TableRow>
-                      </TableHead>
-                      <TableBody>
-                        {ticket.add_ons.map(
-                          (add_on: IAddOnTypes, index: number) => (
-                            <TableRow key={index}>
-                              <TableCell>{add_on.name}</TableCell>
-                              <TableCell>{add_on.status}</TableCell>
-                            </TableRow>
-                          )
-                        )}
-                      </TableBody>
-                    </Table>
-                  </TableCell>
-                </TableRow>
-              )}
-            </Fragment>
-          ))}
-        </TableBody>
-      </Table>
-    </TableContainer>
-  </div>
-)
-export default TicketsTable
+import React, { Fragment } from 'react'
+import Table from '@mui/material/Table'
+import TableBody from '@mui/material/TableBody'
+import TableCell from '@mui/material/TableCell'
+import TableContainer from '@mui/material/TableContainer'
+import TableHead from '@mui/material/TableHead'
+import TableRow from '@mui/material/TableRow'
+import Paper from '@mui/material/Paper'
+import { downloadPDF } from '../../utils'
+interface IAddOnTypes {
+  name: string;
+  status: string;
+}
+export interface ITicketTypes {
+  add_ons?: IAddOnTypes[];
+  hash: string;
+  ticket_type: string;
+  holder_name: string;
+  status: string;
+  pdf_link: string;
+  is_sellable: boolean;
+  is_on_sale?: boolean;
+  event_name: string;
+  currency: string;
+  resale_fee_amount: number | string;
+}
+interface TicketsTableTypes {
+  tickets: ITicketTypes[];
+  handleSellTicket: (ticket: ITicketTypes) => void;
+  handleRemoveFromResale: (ticket: ITicketTypes) => void;
+}
+const TicketsTable = ({
+  tickets = [],
+  handleSellTicket = () => {},
+  handleRemoveFromResale = () => {}
+}: TicketsTableTypes) => (
+  <div className="tickets-box">
+    <h4 className="sub-title">Your Tickets</h4>
+    <TableContainer component={Paper}>
+      <Table aria-label="collapsible table">
+        <TableHead>
+          <TableRow>
+            <TableCell>Ticket ID</TableCell>
+            <TableCell>Ticket Type</TableCell>
+            <TableCell>Ticket Holder Name</TableCell>
+            <TableCell>Status</TableCell>
+            <TableCell>Download</TableCell>
+            <TableCell />
+          </TableRow>
+        </TableHead>
+        <TableBody>
+          {tickets.map((ticket: ITicketTypes, index: number) => (
+            <Fragment key={index}>
+              <TableRow>
+                <TableCell>{ticket.hash}</TableCell>
+                <TableCell>{ticket.ticket_type}</TableCell>
+                <TableCell>{ticket.holder_name}</TableCell>
+                <TableCell>{ticket.status}</TableCell>
+                <TableCell>
+                  <span
+                    aria-hidden={true}
+                    className="action-button"
+                    onClick={() => downloadPDF(ticket.pdf_link)}
+                  >
+                    Download
+                  </span>
+                </TableCell>
+                <TableCell>
+                  {ticket.is_sellable && (
+                    <span
+                      aria-hidden={true}
+                      className="action-button"
+                      onClick={() => handleSellTicket(ticket)}
+                    >
+                      Sell Ticket
+                    </span>
+                  )}
+                  {ticket.is_on_sale && (
+                    <span
+                      aria-hidden={true}
+                      className="action-button"
+                      onClick={() => handleRemoveFromResale(ticket)}
+                    >
+                      Remove from Resale
+                    </span>
+                  )}
+                </TableCell>
+              </TableRow>
+              {!!ticket.add_ons?.length && (
+                <TableRow>
+                  <TableCell colSpan={6}>
+                    <Table className="ticket-add-on-table">
+                      <TableHead>
+                        <TableRow>
+                          <TableCell>Add-On</TableCell>
+                          <TableCell>Status</TableCell>
+                        </TableRow>
+                      </TableHead>
+                      <TableBody>
+                        {ticket.add_ons.map(
+                          (add_on: IAddOnTypes, index: number) => (
+                            <TableRow key={index}>
+                              <TableCell>{add_on.name}</TableCell>
+                              <TableCell>{add_on.status}</TableCell>
+                            </TableRow>
+                          )
+                        )}
+                      </TableBody>
+                    </Table>
+                  </TableCell>
+                </TableRow>
+              )}
+            </Fragment>
+          ))}
+        </TableBody>
+      </Table>
+    </TableContainer>
+  </div>
+)
+export default TicketsTable