tf-checkout-react 1.0.79 → 1.0.80

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

@@ -4028,10 +4028,37 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       promoCodeIsApplied = _ref.promoCodeIsApplied,
       showPromoInput = _ref.showPromoInput,
       isPromotionsEnabled = _ref.isPromotionsEnabled,
-      isAllTicketsSoldOut = _ref.isAllTicketsSoldOut,
       setPromoCode = _ref.setPromoCode,
       setPromoCodeUpdated = _ref.setPromoCodeUpdated,
-      setShowPromoInput = _ref.setShowPromoInput;
+      setShowPromoInput = _ref.setShowPromoInput,
+      isAccessCodeEnabled = _ref.isAccessCodeEnabled;
+
+  var renderInputField = function renderInputField() {
+    return React.createElement("div", {
+      className: "promo-code-block"
+    }, React.createElement("div", {
+      className: "promo-code-block"
+    }, React.createElement("p", {
+      className: "promo-code-text"
+    }, isAccessCodeEnabled ? 'Access code required' : 'Promo code')), React.createElement("input", {
+      className: "promo-code-input",
+      placeholder: "",
+      onChange: function onChange(e) {
+        setPromoCode(e.target.value);
+      },
+      onKeyPress: function onKeyPress(event) {
+        if (event.key === 'Enter') {
+          setPromoCodeUpdated(promoCode);
+        }
+      }
+    }), React.createElement(Button$1, {
+      className: "promo-submit-button",
+      onClick: function onClick() {
+        setPromoCodeUpdated(promoCode);
+      }
+    }, isAccessCodeEnabled ? 'ENTER' : 'APPLY'));
+  };
+
   return React.createElement("div", null, promoCodeIsApplied ? React.createElement("div", {
     className: "alert-info"
   }, React.createElement(SVG, {
@@ -4041,33 +4068,13 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     }
   }), React.createElement("p", {
     className: "promo-code-success"
-  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && React.createElement("div", {
-    className: "promo-code-block"
-  }, React.createElement("label", null, "PROMO CODE"), React.createElement("input", {
-    placeholder: "",
-    onChange: function onChange(e) {
-      setPromoCode(e.target.value);
-    },
-    onKeyPress: function onKeyPress(event) {
-      if (event.key === 'Enter') {
-        setPromoCodeUpdated(promoCode);
-      }
-    }
-  }), React.createElement(Button$1, {
-    className: "promo-apply-button",
-    placeholder: "Promo Code",
-    onClick: function onClick() {
-      setPromoCodeUpdated(promoCode);
-    }
-  }, "Apply")), isPromotionsEnabled && !showPromoInput && isAllTicketsSoldOut && React.createElement("p", {
-    className: "promo-code-text"
-  }, "Access code needed"), isPromotionsEnabled && !showPromoInput ? React.createElement(Button$1, {
+  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && !promoCodeIsApplied && renderInputField(), isPromotionsEnabled && !showPromoInput && !isAccessCodeEnabled ? React.createElement(Button$1, {
     className: "promo-code-button",
     placeholder: "Promo Codes",
     onClick: function onClick() {
       setShowPromoInput(true);
     }
-  }, "Got a promo code? Click here") : null);
+  }, "Got a promo code? Click here") : !isPromotionsEnabled && !showPromoInput && isAccessCodeEnabled && !promoCodeIsApplied ? renderInputField() : null);
 };
 
 var isTimeExpired = function isTimeExpired(startDate, timezone) {
@@ -4173,7 +4180,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode,
       _ref$isPromotionsEnab = _ref.isPromotionsEnabled,
       isPromotionsEnabled = _ref$isPromotionsEnab === void 0 ? true : _ref$isPromotionsEnab,
-      themeOptions = _ref.themeOptions;
+      themeOptions = _ref.themeOptions,
+      _ref$isAccessCodeEnab = _ref.isAccessCodeEnabled,
+      isAccessCodeEnabled = _ref$isAccessCodeEnab === void 0 ? false : _ref$isAccessCodeEnab;
 
   var _useState = useState({}),
       selectedTickets = _useState[0],
@@ -4506,6 +4515,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setPromoCodeUpdated: setPromoCodeUpdated,
     setShowPromoInput: setShowPromoInput,
     isPromotionsEnabled: isPromotionsEnabled,
+    isAccessCodeEnabled: isAccessCodeEnabled,
     isAllTicketsSoldOut: isAllTicketsSoldOut
   }), !isAllTicketsSoldOut && React.createElement(Button$1, {
     "aria-hidden": true,