tf-checkout-react 1.3.5 → 1.3.7

package/dist/tf-checkout-react.esm.js

@@ -4733,7 +4733,10 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     className: "main"
   }, confirmationMain), React.createElement("span", {
     className: "helper"
-  }, data.attach_tickets ? 'Please bring them with you to the event' : confirmationHelper)))), data.disable_referral === false && isReferralEnabled && React.createElement(React.Fragment, null, React.createElement("div", {
+  }, data.attach_tickets ? 'Please bring them with you to the event' : confirmationHelper)))), data.custom_confirmation_page_text ? React.createElement("div", {
+    className: 'custom-confirmation-page-text',
+    dangerouslySetInnerHTML: createMarkup(data.custom_confirmation_page_text)
+  }) : null, data.disable_referral === false && isReferralEnabled && React.createElement(React.Fragment, null, React.createElement("div", {
     className: "referral_text_image_section"
   }, React.createElement("div", {
     className: "referral_text_section"
@@ -5100,7 +5103,9 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       setCode = _ref.setCode,
       setShowPromoInput = _ref.setShowPromoInput,
       updateTickets = _ref.updateTickets,
-      setCodeIsApplied = _ref.setCodeIsApplied;
+      setCodeIsApplied = _ref.setCodeIsApplied,
+      codeIsInvalid = _ref.codeIsInvalid,
+      setCodeIsInvalid = _ref.setCodeIsInvalid;
   var isPromoCodeHasValue = !!code.trim();
 
   var renderInputField = function renderInputField() {
@@ -5142,12 +5147,19 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     }
   }), React.createElement("p", {
     className: "promo-code-success"
-  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, !showPromoInput && React.createElement(Button$1, {
+  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, codeIsInvalid ? React.createElement("div", {
+    className: "alert-info fail"
+  }, React.createElement(SVG, {
+    src: getImage('xmark.svg')
+  }), React.createElement("p", {
+    className: "promo-code-fail"
+  }, "Invalid Promo Code")) : null, !showPromoInput && React.createElement(Button$1, {
     className: "promo-code-button",
     placeholder: "Promo Codes",
     onClick: function onClick() {
       setCodeIsApplied(false);
       setShowPromoInput(true);
+      setCodeIsInvalid(false);
     }
   }, "Got a promo code? Click here"), showPromoInput && renderInputField());
 };
@@ -5431,17 +5443,21 @@ var TicketsContainer = function TicketsContainer(_ref) {
       codeIsApplied = _useState12[0],
       setCodeIsApplied = _useState12[1];
 
-  var _useState13 = useState(isAccessCodeEnabled),
-      showAccessCodeSection = _useState13[0],
-      setShowAccessCodeSection = _useState13[1];
+  var _useState13 = useState(false),
+      codeIsInvalid = _useState13[0],
+      setCodeIsInvalid = _useState13[1];
 
-  var _useState14 = useState(isPromotionsEnabled),
-      showPromoCodeSection = _useState14[0],
-      setShowPromoCodeSection = _useState14[1];
+  var _useState14 = useState(isAccessCodeEnabled),
+      showAccessCodeSection = _useState14[0],
+      setShowAccessCodeSection = _useState14[1];
 
-  var _useState15 = useState(null),
-      error = _useState15[0],
-      setError = _useState15[1];
+  var _useState15 = useState(isPromotionsEnabled),
+      showPromoCodeSection = _useState15[0],
+      setShowPromoCodeSection = _useState15[1];
+
+  var _useState16 = useState(null),
+      error = _useState16[0],
+      setError = _useState16[1];
 
   var ticketsContainerRef = useRef(null);
   useEffect(function () {
@@ -5553,6 +5569,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               if (response.data.success) {
                 attributes = _get(response, 'data.data.attributes');
                 type === 'promo' && setCodeIsApplied(attributes.ValidPromoCode);
+                type === 'promo' && setCodeIsInvalid(!attributes.ValidPromoCode);
                 setTickets(_get(attributes, 'tickets'));
                 setShowWaitingList(attributes.showWaitingList);
                 onGetTicketsSuccess(response.data);
@@ -5872,7 +5889,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
     showPromoInput: showPromoInput,
     setShowPromoInput: setShowPromoInput,
     setCode: setCode,
-    updateTickets: updateTickets
+    updateTickets: updateTickets,
+    codeIsInvalid: codeIsInvalid,
+    setCodeIsInvalid: setCodeIsInvalid
   }) : null, wrappedActionsSectionComponent, canShowGetTicketBtn() && React.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button \n                  " + (bookButtonIsDisabled ? 'disabled' : '') + "  \n                  " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  " + (!isLoggedIn ? 'on-bottom' : '') + "\n                ",