tf-checkout-react 1.2.23 → 1.2.24

package/dist/tf-checkout-react.esm.js

@@ -5756,7 +5756,7 @@ var Row = function Row(_ref) {
     component: "th",
     scope: "row"
   }, React.createElement("button", {
-    type: 'button',
+    type: "button",
     className: "order-details-button",
     onClick: function onClick() {
       return handleDetailsInfo(row.id);
@@ -6170,17 +6170,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 = 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.createElement(TableCell, {
+          key: columnIndex
+        }, Boolean(icon) && React.createElement("img", {
+          src: icon,
+          alt: "nodata"
+        }), React.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.createElement(TableCell, {
+          key: columnIndex
+        }, ticket.is_sellable && React.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function onClick() {
+            return handleSellTicket(ticket);
+          }
+        }, "Sell Ticket"), ticket.is_on_sale && React.createElement("span", {
+          "aria-hidden": true,
+          className: "action-button",
+          onClick: function onClick() {
+            return handleRemoveFromResale(ticket);
+          }
+        }, "Remove from Resale"));
+      }
+
+      return displayColumnNameInRow ? React.createElement(TableCell, {
+        key: columnIndex
+      }, React.createElement("div", {
+        className: "cell-block"
+      }, React.createElement("span", null, column.label), React.createElement("span", null, ticket[column.key]))) : React.createElement(TableCell, {
+        key: columnIndex
+      }, React.createElement("div", {
+        className: "cell-block"
+      }, React.createElement("span", null, ticket[column.key])));
+    });
+  };
+
   return React.createElement("div", {
     className: "tickets-box"
   }, React.createElement(SnackbarAlert, {
@@ -6196,81 +6288,16 @@ var TicketsTable = function TicketsTable(_ref) {
     component: Paper
   }, React.createElement(Table, {
     "aria-label": "collapsible table"
-  }, React.createElement(TableHead, null, React.createElement(TableRow, null, React.createElement(TableCell, null), React.createElement(TableCell, null), React.createElement(TableCell, null), React.createElement(TableCell, null), React.createElement(TableCell, null), React.createElement(TableCell, null))), React.createElement(TableBody, null, tickets.map(function (ticket, index) {
+  }, displayColumnNameInRow ? null : React.createElement(TableHead, null, React.createElement(TableRow, null, _map(columns, function (item) {
+    return React.createElement(TableCell, {
+      key: item.key
+    }, item.label || '');
+  }))), React.createElement(TableBody, null, tickets.map(function (ticket, index) {
     var _ticket$add_ons;
 
     return React.createElement(Fragment, {
       key: index
-    }, React.createElement(TableRow, null, React.createElement(TableCell, null, React.createElement("div", {
-      className: "cell-block"
-    }, React.createElement("span", null, "Ticket ID"), React.createElement("span", null, ticket.hash))), React.createElement(TableCell, null, React.createElement("div", {
-      className: "cell-block"
-    }, React.createElement("span", null, "Ticket Type"), React.createElement("span", null, ticket.ticket_type))), React.createElement(TableCell, null, React.createElement("div", {
-      className: "cell-block"
-    }, React.createElement("span", null, "Ticket Holder"), React.createElement("span", null, ticket.holder_name))), React.createElement(TableCell, null, React.createElement("div", {
-      className: "cell-block"
-    }, React.createElement("span", null, "Status"), React.createElement("span", null, ticket.status))), ticket.pdf_link && ticket.status !== "Sold" ? React.createElement(TableCell, null, Boolean(icon) && React.createElement("img", {
-      src: icon,
-      alt: "nodata"
-    }), React.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.createElement(TableCell, null, ticket.is_sellable && React.createElement("span", {
-      "aria-hidden": true,
-      className: "action-button",
-      onClick: function onClick() {
-        return handleSellTicket(ticket);
-      }
-    }, "Sell Ticket"), ticket.is_on_sale && React.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.createElement(TableRow, null, React.createElement(TableCell, {
+    }, React.createElement(TableRow, null, getRow(ticket)), !!((_ticket$add_ons = ticket.add_ons) != null && _ticket$add_ons.length) && React.createElement(TableRow, null, React.createElement(TableCell, {
       colSpan: 6
     }, React.createElement(Table, {
       className: "ticket-add-on-table"
@@ -6293,20 +6320,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 = useState({}),
       data = _useState[0],
@@ -6593,7 +6623,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }))), React.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.createElement(TableRow, {
       key: index
-    }, React.createElement(TableCell, null, React.createElement("b", null, "Ticket Type: "), ticket.name), React.createElement(TableCell, null, ticket.currency + ticket.price), React.createElement(TableCell, null, ticket.quantity), React.createElement(TableCell, null, ticket.currency + ticket.total));
+    }, React.createElement(TableCell, null, React.createElement("b", null, "Ticket Type:"), " ", ticket.name), React.createElement(TableCell, null, ticket.currency + ticket.price), React.createElement(TableCell, null, ticket.quantity), React.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.createElement(TableRow, {
       key: index
@@ -6602,8 +6632,28 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     className: "total-row"
   }, React.createElement(TableCell, null), React.createElement(TableCell, null), React.createElement(TableCell, null, "Total"), React.createElement(TableCell, null, getTotal(data))))))), React.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.createElement("div", {
     className: "return-button-container"
   }, React.createElement("button", {