tf-checkout-react 1.3.41-beta.3 → 1.3.41-beta.4

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

@@ -6,8 +6,9 @@ interface MyTicketsTypes {
     onGetOrdersError: (err: any) => void;
     logo?: string;
     theme?: 'light' | 'dark';
+    selectEventsLabel?: string;
     hideDetailsButton?: boolean;
     columns?: IColumnData[];
 }
-export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, logo, hideDetailsButton, columns, }: MyTicketsTypes) => JSX.Element;
+export declare const MyTicketsContainer: ({ handleDetailsInfo, onGetOrdersSuccess, onGetOrdersError, theme, selectEventsLabel, logo, hideDetailsButton, columns, }: MyTicketsTypes) => JSX.Element;
 export {};

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

@@ -22,6 +22,9 @@ interface OrderDetailsTypes {
     }>;
     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, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, }: 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 {
@@ -18,6 +19,7 @@ export interface ITicketTypes {
     ticket_type_is_active?: boolean;
     canSellTicket?: boolean;
     retain_amount_on_sale: number | string;
+    ticketsTitle: string;
 }
 export interface IActionColumns {
     download?: boolean;
@@ -35,6 +37,7 @@ interface TicketsTableTypes {
     handleRemoveFromResale: (ticket: ITicketTypes) => void;
     icon?: string;
     displayColumnNameInRow?: boolean;
+    ticketsTitle?: string;
 }
-declare const TicketsTable: ({ tickets, columns, handleSellTicket, handleRemoveFromResale, icon, displayColumnNameInRow, canSellTicket, }: 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

@@ -5638,6 +5638,8 @@ 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,
+    _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,
@@ -5752,7 +5754,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", {
@@ -5781,7 +5783,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
     page: data.page,
     onPageChange: handleChangePage,
     onRowsPerPageChange: handleChangeRowsPerPage
-  }))) : React__default.createElement("div", {
+  }))) : !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"
@@ -5789,7 +5791,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
     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, {
+  }, "here"), "."))), React__default.createElement(React__default.Fragment, null, showModalLogin && React__default.createElement(LoginModal, {
     onClose: function onClose() {
       setShowModalLogin(false);
     },
@@ -5989,7 +5991,9 @@ var TicketsTable = function TicketsTable(_ref) {
     _ref$displayColumnNam = _ref.displayColumnNameInRow,
     displayColumnNameInRow = _ref$displayColumnNam === void 0 ? false : _ref$displayColumnNam,
     _ref$canSellTicket = _ref.canSellTicket,
-    canSellTicket = _ref$canSellTicket === void 0 ? true : _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];
@@ -6106,8 +6110,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"
@@ -6126,7 +6130,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));
     }))))));
   })))));
 };
@@ -6162,7 +6166,13 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     canSellTicket = _ref$canSellTicket === void 0 ? true : _ref$canSellTicket,
     ticketsTableColumns = _ref.ticketsTableColumns,
     ordersPath = _ref.ordersPath,
-    pOrderId = _ref.orderId;
+    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];
@@ -6364,7 +6374,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"
@@ -6376,7 +6388,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"
@@ -6391,7 +6405,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",
@@ -6405,10 +6421,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("div", null, React__default.createElement("b", null, "Add-On: "), React__default.createElement("div", null, 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',