tf-checkout-react 1.4.5 → 1.4.7

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

@@ -61,6 +61,7 @@ export interface IGetTickets {
     currencySybmol?: string;
     onReserveButtonClick?: () => void;
     onPendingVerification?: () => void;
+    showAlertIcons?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -70,5 +71,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, 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"
@@ -5530,7 +5531,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];
@@ -6070,7 +6073,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                ",
@@ -8385,13 +8389,14 @@ var SeatMapContainer = function SeatMapContainer(props) {
   var _useState11 = React.useState({}),
     guestCounts = _useState11[0],
     setGuestCounts = _useState11[1];
+  var isGuestCountsSet = React.useRef(false);
   var updateGuestCounts = function updateGuestCounts(data) {
     _forEach(data, function (item) {
       var tierTickets = ticketTypeTierRelationsRef.current[item.tierId];
       var seatTicketsArray = _values(tierTickets);
       setGuestCounts(function (prevState) {
         var _extends2;
-        return _extends({}, prevState, (_extends2 = {}, _extends2[item.seatId] = Number(seatTicketsArray[0].ticket_type_min_number_of_guests), _extends2));
+        return _extends((_extends2 = {}, _extends2[item.seatId] = Number(seatTicketsArray[0].ticket_type_min_number_of_guests), _extends2), prevState);
       });
     });
   };
@@ -8457,7 +8462,10 @@ var SeatMapContainer = function SeatMapContainer(props) {
           setReservedSeats(reservationData);
           // automatically set ticket/table type if it's the only one
           if (ticketTypeTierRelationsRef.current) {
-            updateGuestCounts(reservationData);
+            if (!isGuestCountsSet.current) {
+              updateGuestCounts(reservationData);
+              isGuestCountsSet.current = true;
+            }
             _forEach(reservationData, function (item) {
               var tierTickets = ticketTypeTierRelationsRef.current[item.tierId];
               var seatTicketsArray = _values(tierTickets);