tf-checkout-react 1.0.79 → 1.0.80

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

@@ -5,8 +5,9 @@ export interface IPromoCodeSectionProps {
     showPromoInput: boolean;
     isPromotionsEnabled: boolean;
     isAllTicketsSoldOut: boolean;
+    isAccessCodeEnabled?: boolean;
     setPromoCode: (value: string) => void;
     setPromoCodeUpdated: (value: string) => void;
     setShowPromoInput: (value: boolean) => void;
 }
-export declare const PromoCodeSection: ({ promoCode, promoCodeIsApplied, showPromoInput, isPromotionsEnabled, isAllTicketsSoldOut, setPromoCode, setPromoCodeUpdated, setShowPromoInput, }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ promoCode, promoCodeIsApplied, showPromoInput, isPromotionsEnabled, setPromoCode, setPromoCodeUpdated, setShowPromoInput, isAccessCodeEnabled, }: IPromoCodeSectionProps) => JSX.Element;

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

@@ -26,6 +26,7 @@ export interface IGetTickets {
         input?: CSSProperties;
         checkbox?: CSSProperties;
     };
+    isAccessCodeEnabled?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -34,5 +35,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, }: IGetTickets) => JSX.Element;
 export {};

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

@@ -4030,10 +4030,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__default.createElement("div", {
+      className: "promo-code-block"
+    }, React__default.createElement("div", {
+      className: "promo-code-block"
+    }, React__default.createElement("p", {
+      className: "promo-code-text"
+    }, isAccessCodeEnabled ? 'Access code required' : 'Promo code')), React__default.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__default.createElement(Button$1, {
+      className: "promo-submit-button",
+      onClick: function onClick() {
+        setPromoCodeUpdated(promoCode);
+      }
+    }, isAccessCodeEnabled ? 'ENTER' : 'APPLY'));
+  };
+
   return React__default.createElement("div", null, promoCodeIsApplied ? React__default.createElement("div", {
     className: "alert-info"
   }, React__default.createElement(SVG, {
@@ -4043,33 +4070,13 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     }
   }), React__default.createElement("p", {
     className: "promo-code-success"
-  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && React__default.createElement("div", {
-    className: "promo-code-block"
-  }, React__default.createElement("label", null, "PROMO CODE"), React__default.createElement("input", {
-    placeholder: "",
-    onChange: function onChange(e) {
-      setPromoCode(e.target.value);
-    },
-    onKeyPress: function onKeyPress(event) {
-      if (event.key === 'Enter') {
-        setPromoCodeUpdated(promoCode);
-      }
-    }
-  }), React__default.createElement(Button$1, {
-    className: "promo-apply-button",
-    placeholder: "Promo Code",
-    onClick: function onClick() {
-      setPromoCodeUpdated(promoCode);
-    }
-  }, "Apply")), isPromotionsEnabled && !showPromoInput && isAllTicketsSoldOut && React__default.createElement("p", {
-    className: "promo-code-text"
-  }, "Access code needed"), isPromotionsEnabled && !showPromoInput ? React__default.createElement(Button$1, {
+  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && !promoCodeIsApplied && renderInputField(), isPromotionsEnabled && !showPromoInput && !isAccessCodeEnabled ? React__default.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) {
@@ -4175,7 +4182,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 = React.useState({}),
       selectedTickets = _useState[0],
@@ -4508,6 +4517,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setPromoCodeUpdated: setPromoCodeUpdated,
     setShowPromoInput: setShowPromoInput,
     isPromotionsEnabled: isPromotionsEnabled,
+    isAccessCodeEnabled: isAccessCodeEnabled,
     isAllTicketsSoldOut: isAllTicketsSoldOut
   }), !isAllTicketsSoldOut && React__default.createElement(Button$1, {
     "aria-hidden": true,