tf-checkout-react 1.4.0 → 1.4.1

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

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

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

@@ -1,15 +1,3 @@
 /// <reference types="react" />
-export interface RowItems {
-    id: string;
-    date: string;
-    image: string;
-    eventName: string;
-    amount: string;
-    currency: string;
-}
-interface RowPropsTypes {
-    row: RowItems;
-    handleDetailsInfo: (id: string) => void;
-}
-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,5 +1,5 @@
-declare const tableConfig: (key?: string | undefined) => {
+declare const tableConfig: (columns?: IColumnData[] | undefined, key?: string | undefined) => {
     header: string[];
-    body: ((row: any) => any)[];
+    body: ITableBodyType[];
 };
 export default tableConfig;

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

@@ -14,12 +14,17 @@ interface OrderDetailsTypes {
     onResaleTicketError: (err: any) => void;
     personalLinkIcon?: string;
     displayColumnNameInRow?: boolean;
+    canSellTicket?: boolean;
     ticketsTableColumns?: Array<{
         id?: string | number;
         key: keyof ITicketTypes & keyof IActionColumns;
         label: string | number | null | undefined;
     }>;
     ordersPath?: string;
+    orderId?: string | number;
+    referralTitle?: string;
+    itemsTitle?: string;
+    ticketsTitle?: string;
 }
-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, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle }: OrderDetailsTypes) => JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface IAddOnTypes {
     name: string;
+    groupName: string;
     status: string;
 }
 export interface ITicketTypes {
@@ -16,13 +17,16 @@ export interface ITicketTypes {
     currency: string;
     ticket_type_hash: string;
     ticket_type_is_active?: boolean;
+    canSellTicket?: boolean;
     retain_amount_on_sale: number | string;
+    ticketsTitle: string;
 }
 export interface IActionColumns {
     download?: boolean;
     sell_ticket?: boolean;
 }
 interface TicketsTableTypes {
+    canSellTicket?: boolean;
     tickets: ITicketTypes[];
     columns: Array<{
         id?: string | number;
@@ -33,6 +37,7 @@ interface TicketsTableTypes {
     handleRemoveFromResale: (ticket: ITicketTypes) => void;
     icon?: string;
     displayColumnNameInRow?: boolean;
+    ticketsTitle?: string;
 }
-declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, }: TicketsTableTypes) => JSX.Element;
+declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, canSellTicket, ticketsTitle, }: TicketsTableTypes) => JSX.Element;
 export default TicketsTable;

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

@@ -955,8 +955,7 @@ var getStates = function getStates(countryId) {
   return publicRequest.get("/countries/" + countryId + "/states/");
 };
 var getOrders = function getOrders(page, limit, eventSlug) {
-  return publicRequest.get( // eslint-disable-next-line max-len
-  "v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug + "&filter[brand]=" + CONFIGS.BRAND_SLUG + "&filter[subbrands]=true");
+  return publicRequest.get("v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug + "&" + (CONFIGS.BRAND_SLUG ? "filter[brand]=" + CONFIGS.BRAND_SLUG + "&filter[subbrands]=true" : ''));
 };
 var getOrderDetails = function getOrderDetails(orderId) {
   return publicRequest.get("v1/account/order/" + orderId);
@@ -6125,23 +6124,78 @@ var EventInfoItem = function EventInfoItem(_ref) {
     alt: "event"
   }), 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 = {
         header: ['Order No.', 'Date', 'Event', 'Total'],
         body: [function (row) {
-          return row.id;
+          return {
+            columnProps: {},
+            component: row.id
+          };
         }, function (row) {
-          return row.timezone ? moment.tz(row.date, row.timezone).format('DD MMMM YYYY') : row.date;
+          return {
+            columnProps: {},
+            component: row.timezone ? moment.tz(row.date, row.timezone).format('DD MMMM YYYY') : row.date
+          };
         }, function (row) {
-          return React__default.createElement(EventInfoItem, {
-            image: row.image,
-            name: row.eventName
-          });
+          return {
+            columnProps: {},
+            component: React__default.createElement(EventInfoItem, {
+              image: row.image,
+              name: row.eventName
+            })
+          };
         }, function (row) {
-          return row.currency + row.amount;
+          return {
+            columnProps: {},
+            component: row.currency + row.amount
+          };
         }]
       };
   }
@@ -6150,20 +6204,31 @@ 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) {
+        var _column = column(row),
+          columnProps = _column.columnProps,
+          component = _column.component;
+        var onCellClick = (columnProps == null ? void 0 : columnProps.onCellClick) || _identity;
+        var componentProps = _get(component, 'props', {});
+        onCellClick(componentProps, e);
+      }
+    }, column(row).component);
+  }), !hideDetailsButton && React__default.createElement(TableCell, {
     component: "th",
     scope: "row"
   }, React__default.createElement("button", {
@@ -6176,7 +6241,7 @@ var Row = function Row(_ref) {
 };
 
 var MyTicketsContainer = function MyTicketsContainer(_ref) {
-  var _data$orders;
+  var _data$orders, _data$orders2;
   var _ref$handleDetailsInf = _ref.handleDetailsInfo,
     handleDetailsInfo = _ref$handleDetailsInf === void 0 ? _identity : _ref$handleDetailsInf,
     _ref$onGetOrdersSucce = _ref.onGetOrdersSuccess,
@@ -6185,7 +6250,13 @@ 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;
+    _ref$selectEventsLabe = _ref.selectEventsLabel,
+    selectEventsLabel = _ref$selectEventsLabe === void 0 ? 'Events' : _ref$selectEventsLabe,
+    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],
     setData = _useState[1];
@@ -6282,7 +6353,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
     },
     userExpired: userExpired,
     logo: logo
-  })), data && React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "My Ticket Orders"), React__default.createElement(Autocomplete, {
+  })), data != null && (_data$orders = data.orders) != null && _data$orders.length ? React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "My Ticket Orders"), React__default.createElement(Autocomplete, {
     disablePortal: true,
     id: "combo-box-demo",
     getOptionLabel: function getOptionLabel(option) {
@@ -6295,7 +6366,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
     },
     renderInput: function renderInput(params) {
       return React__default.createElement(TextField, Object.assign({}, params, {
-        label: "Events"
+        label: selectEventsLabel
       }));
     }
   }), loading ? React__default.createElement("div", {
@@ -6305,15 +6376,16 @@ 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$orders2 = data.orders) == null ? void 0 : _data$orders2.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],
@@ -6323,7 +6395,15 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
     page: data.page,
     onPageChange: handleChangePage,
     onRowsPerPageChange: handleChangeRowsPerPage
-  }))), React__default.createElement(React__default.Fragment, null, showModalLogin && React__default.createElement(LoginModal, {
+  }))) : !loading && React__default.createElement(React__default.Fragment, null, React__default.createElement("h2", null, "My Ticket Orders"), React__default.createElement("div", {
+    className: "no_orders_section"
+  }, React__default.createElement("div", {
+    className: "nodata_title"
+  }, "You have no current ticket orders on this account"), React__default.createElement("div", {
+    className: "nodata_subtitle"
+  }, "Discover your next nite out ", React__default.createElement("a", {
+    href: "/events"
+  }, "here"), "."))), React__default.createElement(React__default.Fragment, null, showModalLogin && React__default.createElement(LoginModal, {
     onClose: function onClose() {
       setShowModalLogin(false);
     },
@@ -6525,7 +6605,11 @@ var TicketsTable = function TicketsTable(_ref) {
     _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? '' : _ref$icon,
     _ref$displayColumnNam = _ref.displayColumnNameInRow,
-    displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam;
+    displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam,
+    _ref$canSellTicket = _ref.canSellTicket,
+    canSellTicket = _ref$canSellTicket === void 0 ? true : _ref$canSellTicket,
+    _ref$ticketsTitle = _ref.ticketsTitle,
+    ticketsTitle = _ref$ticketsTitle === void 0 ? 'Your Tickets' : _ref$ticketsTitle;
   var _useState = React.useState(null),
     pdfError = _useState[0],
     setPdfError = _useState[1];
@@ -6607,7 +6691,7 @@ var TicketsTable = function TicketsTable(_ref) {
       if (column.key === 'sell_ticket') {
         return React__default.createElement(TableCell, {
           key: columnIndex
-        }, ticket.is_sellable && React__default.createElement("span", {
+        }, ticket.is_sellable && canSellTicket && React__default.createElement("span", {
           "aria-hidden": true,
           className: "action-button",
           onClick: function onClick() {
@@ -6642,8 +6726,8 @@ var TicketsTable = function TicketsTable(_ref) {
       return setPdfError(null);
     }
   }), React__default.createElement("h4", {
-    className: "sub-title"
-  }, "Your Tickets"), React__default.createElement(TableContainer, {
+    className: "sub-title tickets-title"
+  }, ticketsTitle), React__default.createElement(TableContainer, {
     component: Paper
   }, React__default.createElement(Table, {
     "aria-label": "collapsible table"
@@ -6662,7 +6746,7 @@ var TicketsTable = function TicketsTable(_ref) {
     }, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, React__default.createElement(TableCell, null, "Add-On"), React__default.createElement(TableCell, null, "Status"))), React__default.createElement(TableBody, null, ticket.add_ons.map(function (add_on, index) {
       return React__default.createElement(TableRow, {
         key: index
-      }, React__default.createElement(TableCell, null, add_on.name), React__default.createElement(TableCell, null, add_on.status));
+      }, React__default.createElement(TableCell, null, add_on.groupName, ":", add_on.name), React__default.createElement(TableCell, null, add_on.status));
     }))))));
   })))));
 };
@@ -6694,8 +6778,17 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     personalLinkIcon = _ref$personalLinkIcon === void 0 ? '' : _ref$personalLinkIcon,
     _ref$displayColumnNam = _ref.displayColumnNameInRow,
     displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam,
+    _ref$canSellTicket = _ref.canSellTicket,
+    canSellTicket = _ref$canSellTicket === void 0 ? true : _ref$canSellTicket,
     ticketsTableColumns = _ref.ticketsTableColumns,
-    ordersPath = _ref.ordersPath;
+    ordersPath = _ref.ordersPath,
+    pOrderId = _ref.orderId,
+    _ref$referralTitle = _ref.referralTitle,
+    referralTitle = _ref$referralTitle === void 0 ? '' : _ref$referralTitle,
+    _ref$itemsTitle = _ref.itemsTitle,
+    itemsTitle = _ref$itemsTitle === void 0 ? '' : _ref$itemsTitle,
+    _ref$ticketsTitle = _ref.ticketsTitle,
+    ticketsTitle = _ref$ticketsTitle === void 0 ? 'Your Tickets' : _ref$ticketsTitle;
   var _useState = React.useState({}),
     data = _useState[0],
     setData = _useState[1];
@@ -6725,13 +6818,13 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
           case 0:
             _context.prev = 0;
             setLoading(true);
-            orderId = '';
-            if (typeof window !== 'undefined') {
+            orderId = pOrderId || '';
+            if (isBrowser && !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;
             onGetOrdersSuccess(response);
@@ -6908,7 +7001,9 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     className: "summary-item"
   }, React__default.createElement("h6", {
     className: "sub-title"
-  }, "Order Summary"), React__default.createElement("p", null, orderSummery)), React__default.createElement("div", {
+  }, "Order Summary"), React__default.createElement("p", {
+    className: 'order-summary-date'
+  }, orderSummery)), React__default.createElement("div", {
     className: "summary-item"
   }, React__default.createElement("div", {
     className: "return-button-container"
@@ -6920,7 +7015,9 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
         window.location.assign(ordersPath != null ? ordersPath : '/orders');
       }
     }
-  }, "Back to Orders")))), !(data != null && data.disable_referral) && React__default.createElement("div", {
+  }, "Back to Orders")))), !(data != null && data.disable_referral) && React__default.createElement(React__default.Fragment, null, referralTitle && React__default.createElement("h4", {
+    className: "referral-title sub-title"
+  }, referralTitle), React__default.createElement("div", {
     className: "personal-link"
   }, React__default.createElement("div", {
     className: "link-item"
@@ -6935,7 +7032,9 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     className: "link-item"
   }, React__default.createElement("p", {
     className: "total-referrer"
-  }, "So far, you\u2019ve referred " + data.sales_referred + " tickets")) : null), React__default.createElement(TableContainer, {
+  }, "So far, you\u2019ve referred " + data.sales_referred + " tickets")) : null)), itemsTitle && React__default.createElement("h4", {
+    className: "items-title sub-title"
+  }, itemsTitle), React__default.createElement(TableContainer, {
     component: Paper
   }, React__default.createElement(Table, {
     className: "tt-type",
@@ -6951,10 +7050,11 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
   }), 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
-    }, React__default.createElement(TableCell, null, React__default.createElement("b", null, "Add-On: "), 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("div", null, React__default.createElement("b", null, "Add-On"), React__default.createElement("div", null, ticket.groupName, ": ", 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(TableRow, {
     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, {
+    ticketsTitle: ticketsTitle,
     tickets: data.tickets,
     columns: ticketsTableColumns != null && ticketsTableColumns.length ? ticketsTableColumns : [{
       key: 'hash',
@@ -6977,7 +7077,8 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     }],
     handleSellTicket: handleSellTicket,
     handleRemoveFromResale: handleRemoveFromResale,
-    displayColumnNameInRow: displayColumnNameInRow
+    displayColumnNameInRow: displayColumnNameInRow,
+    canSellTicket: canSellTicket
   }), React__default.createElement("div", {
     className: "return-button-container"
   }, React__default.createElement("button", {