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

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

@@ -10,5 +10,6 @@ export interface IPromoCodeSectionProps {
     codeIsInvalid: boolean;
     setCodeIsInvalid: (value: boolean) => void;
     promoText?: string;
+    showAlertIcons?: boolean;
 }
-export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, showAlertIcons }: IPromoCodeSectionProps) => JSX.Element;

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;
@@ -61,6 +62,7 @@ export interface IGetTickets {
     currencySybmol?: string;
     onReserveButtonClick?: () => void;
     onPendingVerification?: () => void;
+    showAlertIcons?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -70,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, }: 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

@@ -5160,7 +5160,8 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     setCodeIsApplied = _ref.setCodeIsApplied,
     codeIsInvalid = _ref.codeIsInvalid,
     setCodeIsInvalid = _ref.setCodeIsInvalid,
-    promoText = _ref.promoText;
+    promoText = _ref.promoText,
+    showAlertIcons = _ref.showAlertIcons;
   var isPromoCodeHasValue = !!code.trim();
   var renderInputField = function renderInputField() {
     return React__default.createElement("div", {
@@ -5193,7 +5194,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
   };
   return React__default.createElement("div", null, codeIsApplied ? React__default.createElement("div", {
     className: "alert-info"
-  }, React__default.createElement(SVG, {
+  }, showAlertIcons && React__default.createElement(SVG, {
     src: DoneSvg,
     preProcessor: function preProcessor(code) {
       return code.replace(/fill=".*?"/g, 'fill="currentColor"');
@@ -5202,7 +5203,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     className: "promo-code-success"
   }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, codeIsInvalid ? React__default.createElement("div", {
     className: "alert-info fail"
-  }, React__default.createElement(SVG, {
+  }, showAlertIcons && React__default.createElement(SVG, {
     src: XmarkSvg
   }), React__default.createElement("p", {
     className: "promo-code-fail"
@@ -5481,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,
@@ -5530,7 +5533,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
     _ref$onReserveButtonC = _ref.onReserveButtonClick,
     onReserveButtonClick = _ref$onReserveButtonC === void 0 ? _identity : _ref$onReserveButtonC,
     _ref$onPendingVerific = _ref.onPendingVerification,
-    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific;
+    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific,
+    _ref$showAlertIcons = _ref.showAlertIcons,
+    showAlertIcons = _ref$showAlertIcons === void 0 ? true : _ref$showAlertIcons;
   var _useState = React.useState({}),
     selectedTickets = _useState[0],
     setSelectedTickets = _useState[1];
@@ -5781,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') || {};
@@ -5823,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
@@ -5831,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,
@@ -5861,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);
@@ -5882,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);
@@ -6070,7 +6076,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     updateTickets: updateTickets,
     codeIsInvalid: codeIsInvalid,
     setCodeIsInvalid: setCodeIsInvalid,
-    promoText: promoText
+    promoText: promoText,
+    showAlertIcons: showAlertIcons
   }) : null, wrappedActionsSectionComponent, canShowGetTicketBtn() && React__default.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button \n                  " + (bookButtonIsDisabled ? 'disabled' : '') + "  \n                  " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  " + (!isLoggedIn ? 'on-bottom' : '') + "\n                ",
@@ -6746,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));
     }))))));
   })))));
 };
@@ -7050,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, {