tf-checkout-react 1.3.40 → 1.3.41-beta.0

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

@@ -1,11 +1,14 @@
 /// <reference types="react" />
 import './style.css';
+import { IColumnData } from './tableConfig';
 interface MyTicketsTypes {
     handleDetailsInfo: (id: string) => void;
     onGetOrdersSuccess: (res: any) => void;
     onGetOrdersError: (err: any) => void;
     logo?: string;
     theme?: 'light' | 'dark';
+    hideDetailsButton?: boolean;
+    columns?: IColumnData[];
 }
-export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo, }: MyTicketsTypes) => JSX.Element;
+export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo, hideDetailsButton, columns, }: MyTicketsTypes) => JSX.Element;
 export {};

package/dist/components/myTicketsContainer/row.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { IColumnData } from './tableConfig';
 export interface RowItems {
     id: string;
     date: string;
@@ -10,6 +11,8 @@ export interface RowItems {
 interface RowPropsTypes {
     row: RowItems;
     handleDetailsInfo: (id: string) => void;
+    hideDetailsButton: boolean;
+    columns?: IColumnData[];
 }
-declare const Row: ({ row, handleDetailsInfo }: RowPropsTypes) => JSX.Element;
+declare const Row: ({ row, handleDetailsInfo, columns, hideDetailsButton, }: RowPropsTypes) => JSX.Element;
 export default Row;

package/dist/components/myTicketsContainer/tableConfig.d.ts

@@ -1,4 +1,12 @@
-declare const tableConfig: (key?: string | undefined) => {
+import React from 'react';
+export interface IColumnData {
+    key: string;
+    label: string;
+    component?: React.ElementType;
+    normalizer?: (value: any) => any;
+    onCellClick: (row: any) => void;
+}
+declare const tableConfig: (columns?: IColumnData[] | undefined, key?: string | undefined) => {
     header: string[];
     body: ((row: any) => any)[];
 };

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

@@ -20,6 +20,7 @@ interface OrderDetailsTypes {
         label: string | number | null | undefined;
     }>;
     ordersPath?: string;
+    orderId?: string | number;
 }
-export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, }: OrderDetailsTypes) => JSX.Element;
+export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, ticketsTableColumns, ordersPath, orderId: pOrderId, }: OrderDetailsTypes) => JSX.Element;
 export {};

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

@@ -5768,7 +5768,9 @@ var TicketsSection = function TicketsSection(_ref) {
       sortBySoldOut = _ref.sortBySoldOut,
       ticketsHeaderComponent = _ref.ticketsHeaderComponent,
       hideTicketsHeader = _ref.hideTicketsHeader;
-  var currency = event.currency.currency;
+
+  var currency = _get(event, 'currency.currency', '');
+
   var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
   var showGroup = !!sortedTicketsList.find(function (ticket) {
     return ticket.groupName;
@@ -6541,9 +6543,56 @@ var EventInfoItem = function EventInfoItem(_ref) {
   }), name);
 };
 
-var tableConfig = function tableConfig(key) {
+var tableConfig = function tableConfig(columns, key) {
   var config;
 
+  if (columns) {
+    return {
+      header: _map(columns, function (item) {
+        return item.label;
+      }),
+      body: _map(columns, function (item) {
+        if (item.component) {
+          var ItemComponent = item.component;
+          return function (row) {
+            return {
+              columnProps: item,
+              component: React__default.createElement(ItemComponent, Object.assign({}, row))
+            };
+          };
+        }
+
+        if (item.key === 'event') {
+          return function (row) {
+            return {
+              columnProps: item,
+              component: React__default.createElement(EventInfoItem, {
+                image: row.image,
+                name: row.eventName
+              })
+            };
+          };
+        }
+
+        if (item.key === 'total') {
+          return function (row) {
+            return {
+              columnProps: item,
+              component: row.currency + row.amount
+            };
+          };
+        }
+
+        return function (row) {
+          return {
+            columnProps: item,
+            component: item.normalizer ? item.normalizer(row[item.key]) : row[item.key]
+          };
+        };
+      })
+    };
+  }
+
   switch (key) {
     default:
       config = {
@@ -6568,20 +6617,28 @@ var tableConfig = function tableConfig(key) {
 
 var Row = function Row(_ref) {
   var row = _ref.row,
-      handleDetailsInfo = _ref.handleDetailsInfo;
+      handleDetailsInfo = _ref.handleDetailsInfo,
+      _ref$columns = _ref.columns,
+      columns = _ref$columns === void 0 ? [] : _ref$columns,
+      hideDetailsButton = _ref.hideDetailsButton;
   return React__default.createElement(TableRow, {
     sx: {
       '& > *': {
         borderBottom: 'unset'
       }
     }
-  }, tableConfig().body.map(function (column, index) {
+  }, tableConfig(columns).body.map(function (column, index) {
     return React__default.createElement(TableCell, {
       component: "th",
       scope: "row",
-      key: index
-    }, column(row));
-  }), React__default.createElement(TableCell, {
+      key: index,
+      onClick: function onClick(e) {
+        if (column(row).columnProps.onCellClick) {
+          column(row).columnProps.onCellClick(column(row).component.props, e);
+        }
+      }
+    }, column(row).component);
+  }), !hideDetailsButton && React__default.createElement(TableCell, {
     component: "th",
     scope: "row"
   }, React__default.createElement("button", {
@@ -6604,7 +6661,11 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
       onGetOrdersError = _ref$onGetOrdersError === void 0 ? _identity : _ref$onGetOrdersError,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
-      logo = _ref.logo;
+      logo = _ref.logo,
+      _ref$hideDetailsButto = _ref.hideDetailsButton,
+      hideDetailsButton = _ref$hideDetailsButto === void 0 ? false : _ref$hideDetailsButto,
+      _ref$columns = _ref.columns,
+      columns = _ref$columns === void 0 ? [] : _ref$columns;
 
   var _useState = React.useState(null),
       data = _useState[0],
@@ -6748,15 +6809,17 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
     className: "my-ticket-table"
   }, React__default.createElement(Table, {
     "aria-label": "collapsible table"
-  }, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, tableConfig().header.map(function (column, index) {
+  }, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, tableConfig(columns).header.map(function (column, index) {
     return React__default.createElement(TableCell, {
       key: index
     }, column);
-  }), React__default.createElement(TableCell, null))), React__default.createElement(TableBody, null, (_data$orders = data.orders) == null ? void 0 : _data$orders.map(function (row) {
+  }), !hideDetailsButton && React__default.createElement(TableCell, null))), React__default.createElement(TableBody, null, (_data$orders = data.orders) == null ? void 0 : _data$orders.map(function (row) {
     return React__default.createElement(Row, {
       key: row.id,
       row: row,
-      handleDetailsInfo: handleDetailsInfo
+      handleDetailsInfo: handleDetailsInfo,
+      columns: columns,
+      hideDetailsButton: hideDetailsButton
     });
   })))), React__default.createElement(TablePagination, {
     rowsPerPageOptions: [10, 25, 100],
@@ -7158,7 +7221,8 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
       _ref$displayColumnNam = _ref.displayColumnNameInRow,
       displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam,
       ticketsTableColumns = _ref.ticketsTableColumns,
-      ordersPath = _ref.ordersPath;
+      ordersPath = _ref.ordersPath,
+      pOrderId = _ref.orderId;
 
   var _useState = React.useState({}),
       data = _useState[0],
@@ -7198,15 +7262,15 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
             case 0:
               _context.prev = 0;
               setLoading(true);
-              orderId = '';
+              orderId = pOrderId || '';
 
-              if (typeof window !== 'undefined') {
+              if (typeof window !== 'undefined' && !pOrderId) {
                 params = new URL("" + window.location).searchParams;
                 orderId = params.get('o') || '';
               }
 
               _context.next = 6;
-              return getOrderDetails(orderId);
+              return getOrderDetails(String(orderId));
 
             case 6:
               response = _context.sent;