tf-checkout-react 1.2.23 → 1.2.24

package/dist/components/orderDetailsContainer/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style.css';
+import { IActionColumns, ITicketTypes } from './ticketsTable';
 interface OrderDetailsTypes {
     columns: Array<{
         label: string;
@@ -12,6 +13,12 @@ interface OrderDetailsTypes {
     onResaleTicketSuccess: () => void;
     onResaleTicketError: (err: any) => void;
     personalLinkIcon?: string;
+    displayColumnNameInRow?: boolean;
+    ticketsTableColumns?: Array<{
+        id?: string | number;
+        key: keyof ITicketTypes & keyof IActionColumns;
+        label: string | number | null | undefined;
+    }>;
 }
-export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, }: OrderDetailsTypes) => JSX.Element;
 export {};

package/dist/components/orderDetailsContainer/ticketsTable.d.ts

@@ -18,11 +18,21 @@ export interface ITicketTypes {
     ticket_type_hash: string;
     ticket_type_is_active?: boolean;
 }
+export interface IActionColumns {
+    download?: boolean;
+    sell_ticket?: boolean;
+}
 interface TicketsTableTypes {
     tickets: ITicketTypes[];
+    columns: Array<{
+        id?: string | number;
+        key: keyof ITicketTypes & keyof IActionColumns;
+        label: string | number | null | undefined;
+    }>;
     handleSellTicket: (ticket: ITicketTypes) => void;
     handleRemoveFromResale: (ticket: ITicketTypes) => void;
     icon?: string;
+    displayColumnNameInRow?: boolean;
 }
-declare const TicketsTable: ({ tickets, handleSellTicket, handleRemoveFromResale, icon, }: TicketsTableTypes) => JSX.Element;
+declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, }: TicketsTableTypes) => JSX.Element;
 export default TicketsTable;

package/dist/tf-checkout-react.cjs.development.js

@@ -5758,7 +5758,7 @@ var Row = function Row(_ref) {
     component: "th",
     scope: "row"
   }, React__default.createElement("button", {
-    type: 'button',
+    type: "button",
     className: "order-details-button",
     onClick: function onClick() {
       return handleDetailsInfo(row.id);
@@ -6172,17 +6172,109 @@ var TicketResaleModal = function TicketResaleModal(_ref) {
 var TicketsTable = function TicketsTable(_ref) {
   var _ref$tickets = _ref.tickets,
       tickets = _ref$tickets === void 0 ? [] : _ref$tickets,
+      _ref$columns = _ref.columns,
+      columns = _ref$columns === void 0 ? [] : _ref$columns,
       _ref$handleSellTicket = _ref.handleSellTicket,
       handleSellTicket = _ref$handleSellTicket === void 0 ? _identity : _ref$handleSellTicket,
       _ref$handleRemoveFrom = _ref.handleRemoveFromResale,
       handleRemoveFromResale = _ref$handleRemoveFrom === void 0 ? _identity : _ref$handleRemoveFrom,
       _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? '' : _ref$icon;
+      icon = _ref$icon === void 0 ? '' : _ref$icon,
+      _ref$displayColumnNam = _ref.displayColumnNameInRow,
+      displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam;
 
   var _useState = React.useState(null),
       pdfError = _useState[0],
       setPdfError = _useState[1];
 
+  var getRow = function getRow(ticket) {
+    return _map(columns, function (column, columnIndex) {
+      if (column.key === 'download') {
+        if (ticket.pdf_link && ticket.status === 'Sold') return null;
+        return React__default.createElement(TableCell, {
+          key: columnIndex
+        }, Boolean(icon) && React__default.createElement("img", {
+          src: icon,
+          alt: "nodata"
+        }), React__default.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function () {
+            var _onClick = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
+              var pdfDownloadError;
+              return runtime_1.wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      _context.prev = 0;
+                      _context.next = 3;
+                      return downloadPDF(ticket.pdf_link);
+
+                    case 3:
+                      pdfDownloadError = _context.sent;
+
+                      if (pdfDownloadError) {
+                        setPdfError(pdfDownloadError == null ? void 0 : pdfDownloadError.message);
+                      }
+
+                      _context.next = 10;
+                      break;
+
+                    case 7:
+                      _context.prev = 7;
+                      _context.t0 = _context["catch"](0);
+
+                      if (_context.t0 && typeof _context.t0 === 'string') {
+                        setPdfError(_context.t0);
+                      }
+
+                    case 10:
+                    case "end":
+                      return _context.stop();
+                  }
+                }
+              }, _callee, null, [[0, 7]]);
+            }));
+
+            function onClick() {
+              return _onClick.apply(this, arguments);
+            }
+
+            return onClick;
+          }()
+        }, "Download"));
+      }
+
+      if (column.key === 'sell_ticket') {
+        return React__default.createElement(TableCell, {
+          key: columnIndex
+        }, ticket.is_sellable && React__default.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function onClick() {
+            return handleSellTicket(ticket);
+          }
+        }, "Sell Ticket"), ticket.is_on_sale && React__default.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function onClick() {
+            return handleRemoveFromResale(ticket);
+          }
+        }, "Remove from Resale"));
+      }
+
+      return displayColumnNameInRow ? React__default.createElement(TableCell, {
+        key: columnIndex
+      }, React__default.createElement("div", {
+        className: "cell-block"
+      }, React__default.createElement("span", null, column.label), React__default.createElement("span", null, ticket[column.key]))) : React__default.createElement(TableCell, {
+        key: columnIndex
+      }, React__default.createElement("div", {
+        className: "cell-block"
+      }, React__default.createElement("span", null, ticket[column.key])));
+    });
+  };
+
   return React__default.createElement("div", {
     className: "tickets-box"
   }, React__default.createElement(SnackbarAlert, {
@@ -6198,81 +6290,16 @@ var TicketsTable = function TicketsTable(_ref) {
     component: Paper
   }, React__default.createElement(Table, {
     "aria-label": "collapsible table"
-  }, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null))), React__default.createElement(TableBody, null, tickets.map(function (ticket, index) {
+  }, displayColumnNameInRow ? null : React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, _map(columns, function (item) {
+    return React__default.createElement(TableCell, {
+      key: item.key
+    }, item.label || '');
+  }))), React__default.createElement(TableBody, null, tickets.map(function (ticket, index) {
     var _ticket$add_ons;
 
     return React__default.createElement(React.Fragment, {
       key: index
-    }, React__default.createElement(TableRow, null, React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Ticket ID"), React__default.createElement("span", null, ticket.hash))), React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Ticket Type"), React__default.createElement("span", null, ticket.ticket_type))), React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Ticket Holder"), React__default.createElement("span", null, ticket.holder_name))), React__default.createElement(TableCell, null, React__default.createElement("div", {
-      className: "cell-block"
-    }, React__default.createElement("span", null, "Status"), React__default.createElement("span", null, ticket.status))), ticket.pdf_link && ticket.status !== "Sold" ? React__default.createElement(TableCell, null, Boolean(icon) && React__default.createElement("img", {
-      src: icon,
-      alt: "nodata"
-    }), React__default.createElement("span", {
-      "aria-hidden": true,
-      className: "action-button",
-      onClick: function () {
-        var _onClick = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-          var pdfDownloadError;
-          return runtime_1.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.prev = 0;
-                  _context.next = 3;
-                  return downloadPDF(ticket.pdf_link);
-
-                case 3:
-                  pdfDownloadError = _context.sent;
-
-                  if (pdfDownloadError) {
-                    setPdfError(pdfDownloadError == null ? void 0 : pdfDownloadError.message);
-                  }
-
-                  _context.next = 10;
-                  break;
-
-                case 7:
-                  _context.prev = 7;
-                  _context.t0 = _context["catch"](0);
-
-                  if (_context.t0 && typeof _context.t0 === 'string') {
-                    setPdfError(_context.t0);
-                  }
-
-                case 10:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee, null, [[0, 7]]);
-        }));
-
-        function onClick() {
-          return _onClick.apply(this, arguments);
-        }
-
-        return onClick;
-      }()
-    }, "Download")) : null, React__default.createElement(TableCell, null, ticket.is_sellable && React__default.createElement("span", {
-      "aria-hidden": true,
-      className: "action-button",
-      onClick: function onClick() {
-        return handleSellTicket(ticket);
-      }
-    }, "Sell Ticket"), ticket.is_on_sale && React__default.createElement("span", {
-      "aria-hidden": true,
-      className: "action-button",
-      onClick: function onClick() {
-        return handleRemoveFromResale(ticket);
-      }
-    }, "Remove from Resale"))), !!((_ticket$add_ons = ticket.add_ons) != null && _ticket$add_ons.length) && React__default.createElement(TableRow, null, React__default.createElement(TableCell, {
+    }, React__default.createElement(TableRow, null, getRow(ticket)), !!((_ticket$add_ons = ticket.add_ons) != null && _ticket$add_ons.length) && React__default.createElement(TableRow, null, React__default.createElement(TableCell, {
       colSpan: 6
     }, React__default.createElement(Table, {
       className: "ticket-add-on-table"
@@ -6295,20 +6322,23 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   var _ref$columns = _ref.columns,
       columns = _ref$columns === void 0 ? [] : _ref$columns,
       _ref$onGetOrdersSucce = _ref.onGetOrdersSuccess,
-      onGetOrdersSuccess = _ref$onGetOrdersSucce === void 0 ? function () {} : _ref$onGetOrdersSucce,
+      onGetOrdersSuccess = _ref$onGetOrdersSucce === void 0 ? _identity : _ref$onGetOrdersSucce,
       _ref$onGetOrdersError = _ref.onGetOrdersError,
-      onGetOrdersError = _ref$onGetOrdersError === void 0 ? function () {} : _ref$onGetOrdersError,
+      onGetOrdersError = _ref$onGetOrdersError === void 0 ? _identity : _ref$onGetOrdersError,
       _ref$onRemoveFromResa = _ref.onRemoveFromResaleSuccess,
-      onRemoveFromResaleSuccess = _ref$onRemoveFromResa === void 0 ? function () {} : _ref$onRemoveFromResa,
+      onRemoveFromResaleSuccess = _ref$onRemoveFromResa === void 0 ? _identity : _ref$onRemoveFromResa,
       _ref$onRemoveFromResa2 = _ref.onRemoveFromResaleError,
-      onRemoveFromResaleError = _ref$onRemoveFromResa2 === void 0 ? function () {} : _ref$onRemoveFromResa2,
+      onRemoveFromResaleError = _ref$onRemoveFromResa2 === void 0 ? _identity : _ref$onRemoveFromResa2,
       _ref$onResaleTicketSu = _ref.onResaleTicketSuccess,
-      onResaleTicketSuccess = _ref$onResaleTicketSu === void 0 ? function () {} : _ref$onResaleTicketSu,
+      onResaleTicketSuccess = _ref$onResaleTicketSu === void 0 ? _identity : _ref$onResaleTicketSu,
       _ref$onResaleTicketEr = _ref.onResaleTicketError,
-      onResaleTicketError = _ref$onResaleTicketEr === void 0 ? function () {} : _ref$onResaleTicketEr,
+      onResaleTicketError = _ref$onResaleTicketEr === void 0 ? _identity : _ref$onResaleTicketEr,
       onReturnButtonClick = _ref.onReturnButtonClick,
       _ref$personalLinkIcon = _ref.personalLinkIcon,
-      personalLinkIcon = _ref$personalLinkIcon === void 0 ? '' : _ref$personalLinkIcon;
+      personalLinkIcon = _ref$personalLinkIcon === void 0 ? '' : _ref$personalLinkIcon,
+      _ref$displayColumnNam = _ref.displayColumnNameInRow,
+      displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam,
+      ticketsTableColumns = _ref.ticketsTableColumns;
 
   var _useState = React.useState({}),
       data = _useState[0],
@@ -6595,7 +6625,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }))), React__default.createElement(TableBody, null, data == null ? void 0 : (_data$items = data.items) == null ? void 0 : (_data$items$ticket_ty = _data$items.ticket_types) == null ? void 0 : _data$items$ticket_ty.map(function (ticket, index) {
     return React__default.createElement(TableRow, {
       key: index
-    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type: "), ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
+    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Ticket Type:"), " ", ticket.name), React__default.createElement(TableCell, null, ticket.currency + ticket.price), React__default.createElement(TableCell, null, ticket.quantity), React__default.createElement(TableCell, null, ticket.currency + ticket.total));
   }), data == null ? void 0 : (_data$items2 = data.items) == null ? void 0 : (_data$items2$add_ons = _data$items2.add_ons) == null ? void 0 : _data$items2$add_ons.map(function (ticket, index) {
     return React__default.createElement(TableRow, {
       key: index
@@ -6604,8 +6634,28 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     className: "total-row"
   }, React__default.createElement(TableCell, null), React__default.createElement(TableCell, null), React__default.createElement(TableCell, null, "Total"), React__default.createElement(TableCell, null, getTotal(data))))))), React__default.createElement(TicketsTable, {
     tickets: data.tickets,
+    columns: ticketsTableColumns != null && ticketsTableColumns.length ? ticketsTableColumns : [{
+      key: 'hash',
+      label: 'Ticket ID'
+    }, {
+      key: 'ticket_type',
+      label: 'Ticket Type'
+    }, {
+      key: 'holder_name',
+      label: 'Ticket Holder'
+    }, {
+      key: 'status',
+      label: 'Status'
+    }, {
+      key: 'download',
+      label: ''
+    }, {
+      key: 'sell_ticket',
+      label: ''
+    }],
     handleSellTicket: handleSellTicket,
-    handleRemoveFromResale: handleRemoveFromResale
+    handleRemoveFromResale: handleRemoveFromResale,
+    displayColumnNameInRow: displayColumnNameInRow
   }), React__default.createElement("div", {
     className: "return-button-container"
   }, React__default.createElement("button", {