tf-checkout-react 1.4.7 → 1.4.8-beta.1

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

@@ -24,6 +24,7 @@ export interface IGetTickets {
     contentStyle?: React.CSSProperties;
     onAddToCartError: (e: AxiosError) => void;
     onGetTicketsSuccess: (response: any) => void;
+    onGetTicketsPress: () => void;
     onGetTicketsError: (e: AxiosError) => void;
     onLogoutSuccess: () => void;
     onLogoutError: (e: AxiosError) => void;
@@ -71,5 +72,5 @@ export interface ISelectedTickets {
     isTable: boolean;
     [key: string]: string | number | boolean;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, onGetProfileDataSuccess, onGetProfileDataError, onGetTicketsPress, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, tableTicketsHeaderComponent, hideTableTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, showPoweredByImage, promoText, showGroupNameBlock, currencySybmol, onReserveButtonClick, onPendingVerification, showAlertIcons, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -5482,6 +5482,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     onGetProfileDataSuccess = _ref$onGetProfileData === void 0 ? _identity : _ref$onGetProfileData,
     _ref$onGetProfileData2 = _ref.onGetProfileDataError,
     onGetProfileDataError = _ref$onGetProfileData2 === void 0 ? _identity : _ref$onGetProfileData2,
+    _ref$onGetTicketsPres = _ref.onGetTicketsPress,
+    onGetTicketsPress = _ref$onGetTicketsPres === void 0 ? _identity : _ref$onGetTicketsPres,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'light' : _ref$theme,
     _ref$queryPromoCode = _ref.queryPromoCode,
@@ -5784,31 +5786,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
               }
             };
             _context2.prev = 8;
-            _context2.next = 11;
+            onGetTicketsPress();
+            _context2.next = 12;
             return addToCart(eventId, data);
-          case 11:
+          case 12:
             result = _context2.sent;
             if (!enableAddOns) {
-              _context2.next = 18;
+              _context2.next = 19;
               break;
             }
-            _context2.next = 15;
+            _context2.next = 16;
             return getCheckoutPageConfigs();
-          case 15:
+          case 16:
             _context2.t0 = _context2.sent;
-            _context2.next = 19;
+            _context2.next = 20;
             break;
-          case 18:
+          case 19:
             _context2.t0 = {
               status: 200,
               data: {
                 attributes: _get(result, 'data.data.attributes')
               }
             };
-          case 19:
+          case 20:
             pageConfigsDataResponse = _context2.t0;
             if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-              _context2.next = 50;
+              _context2.next = 51;
               break;
             }
             pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
@@ -5826,7 +5829,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
             _isWindowDefined = typeof window !== 'undefined';
             _isWindowDefined && window.localStorage.removeItem('add_ons');
             if (!(skipBillingPage && !hasAddOn)) {
-              _context2.next = 49;
+              _context2.next = 50;
               break;
             }
             // Get user data for checkout data
@@ -5834,22 +5837,22 @@ var TicketsContainer = function TicketsContainer(_ref) {
             access_token = _isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
             checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
             if (!enableBillingInfoAutoCreate) {
-              _context2.next = 45;
+              _context2.next = 46;
               break;
             }
-            _context2.next = 42;
+            _context2.next = 43;
             return postOnCheckout(checkoutBody, access_token, freeTicket);
-          case 42:
+          case 43:
             _context2.t1 = _context2.sent;
-            _context2.next = 46;
+            _context2.next = 47;
             break;
-          case 45:
-            _context2.t1 = null;
           case 46:
+            _context2.t1 = null;
+          case 47:
             checkoutResult = _context2.t1;
             hash = _get(checkoutResult, 'data.data.attributes.hash');
             total = _get(checkoutResult, 'data.data.attributes.total');
-          case 49:
+          case 50:
             onAddToCartSuccess({
               skip_billing_page: skipBillingPage,
               names_required: nameIsRequired,
@@ -5864,11 +5867,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
               total: total,
               hasAddOn: hasAddOn
             });
-          case 50:
-            _context2.next = 55;
+          case 51:
+            _context2.next = 56;
             break;
-          case 52:
-            _context2.prev = 52;
+          case 53:
+            _context2.prev = 53;
             _context2.t2 = _context2["catch"](8);
             if ((_e$response = _context2.t2.response) != null && (_e$response$data = _e$response.data) != null && (_e$response$data$data = _e$response$data.data) != null && _e$response$data$data.hasUnverifiedOrder) {
               setPendingVerificationMessage((_e$response2 = _context2.t2.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : _e$response2$data.message);
@@ -5885,15 +5888,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setError(message);
               }
             }
-          case 55:
-            _context2.prev = 55;
+          case 56:
+            _context2.prev = 56;
             setHandleBookIsLoading(false);
-            return _context2.finish(55);
-          case 58:
+            return _context2.finish(56);
+          case 59:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[8, 52, 55, 58]]);
+      }, _callee2, null, [[8, 53, 56, 59]]);
     }));
     return function handleBook() {
       return _ref4.apply(this, arguments);
@@ -6750,7 +6753,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.groupName, ":", add_on.name), React__default.createElement(TableCell, null, add_on.status));
+      }, React__default.createElement(TableCell, null, add_on.groupName && add_on.groupName + ": ", " ", add_on.name), React__default.createElement(TableCell, null, add_on.status));
     }))))));
   })))));
 };
@@ -7054,7 +7057,7 @@ 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.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(TableCell, null, React__default.createElement("div", null, React__default.createElement("b", null, "Add-On"), React__default.createElement("div", null, ticket.groupName && 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, {