tf-checkout-react 1.3.26 → 1.3.28

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

@@ -2015,6 +2015,20 @@ var SnackbarAlert = function SnackbarAlert(_ref) {
   }, message)));
 };
 
+var PoweredBy = function PoweredBy() {
+  return React.createElement("div", {
+    className: "powered-container"
+  }, React.createElement("div", {
+    className: 'powered-text'
+  }, "Powered By"), React.createElement("img", {
+    className: 'powered-img',
+    alt: "The Ticket Fairy",
+    src: "https://cdn-checkout.s3.us-east-2.amazonaws.com/IconTicketFairy.svg"
+  }), React.createElement("div", {
+    className: 'powered-ttf'
+  }, "The", React.createElement("strong", null, "Ticket"), "Fairy"));
+};
+
 var style = {
   position: 'absolute',
   top: '50%',
@@ -2037,7 +2051,9 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
       _ref$onForgotPassword = _ref.onForgotPasswordSuccess,
       onForgotPasswordSuccess = _ref$onForgotPassword === void 0 ? function () {} : _ref$onForgotPassword,
       _ref$onForgotPassword2 = _ref.onForgotPasswordError,
-      onForgotPasswordError = _ref$onForgotPassword2 === void 0 ? function () {} : _ref$onForgotPassword2;
+      onForgotPasswordError = _ref$onForgotPassword2 === void 0 ? function () {} : _ref$onForgotPassword2,
+      _ref$showPoweredByIma = _ref.showPoweredByImage,
+      showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
 
   var _useState = useState(false),
       loading = _useState[0],
@@ -2134,7 +2150,7 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
       className: "login"
     }, React.createElement("span", {
       onClick: onLogin
-    }, "Back to Log In")));
+    }, "Back to Log In")), showPoweredByImage ? React.createElement(PoweredBy, null) : null);
   }))));
 };
 
@@ -2184,7 +2200,9 @@ var LoginModal = function LoginModal(_ref) {
       _ref$showForgotPasswo = _ref.showForgotPasswordButton,
       showForgotPasswordButton = _ref$showForgotPasswo === void 0 ? false : _ref$showForgotPasswo,
       _ref$showSignUpButton = _ref.showSignUpButton,
-      showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton;
+      showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton,
+      _ref$showPoweredByIma = _ref.showPoweredByImage,
+      showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
 
   var _useState = useState(''),
       error = _useState[0],
@@ -2286,7 +2304,7 @@ var LoginModal = function LoginModal(_ref) {
       onSubmit: props.handleSubmit
     }, React.createElement("div", {
       className: "modal-title"
-    }, "Login"), React.createElement("div", {
+    }, "Log in"), React.createElement("div", {
       className: 'login-logo-container'
     }, React.createElement("img", {
       className: "login-logo-tff",
@@ -2334,7 +2352,7 @@ var LoginModal = function LoginModal(_ref) {
       className: "login-action-button"
     }, React.createElement("button", {
       type: "submit"
-    }, "Login")), showForgotPasswordButton && React.createElement("div", {
+    }, "Log in")), showForgotPasswordButton && React.createElement("div", {
       className: "forgot-password"
     }, React.createElement("span", {
       "aria-hidden": "true",
@@ -2344,7 +2362,7 @@ var LoginModal = function LoginModal(_ref) {
     }, React.createElement("span", {
       "aria-hidden": "true",
       onClick: onSignup
-    }, "Sign up"))));
+    }, "Sign up")), showPoweredByImage ? React.createElement(PoweredBy, null) : null));
   }))));
 };
 
@@ -2374,7 +2392,9 @@ var SignupModal = function SignupModal(_ref) {
       _ref$onRegisterSucces = _ref.onRegisterSuccess,
       onRegisterSuccess = _ref$onRegisterSucces === void 0 ? function () {} : _ref$onRegisterSucces,
       _ref$onRegisterError = _ref.onRegisterError,
-      onRegisterError = _ref$onRegisterError === void 0 ? function () {} : _ref$onRegisterError;
+      onRegisterError = _ref$onRegisterError === void 0 ? function () {} : _ref$onRegisterError,
+      _ref$showPoweredByIma = _ref.showPoweredByImage,
+      showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
 
   var _useState = useState(false),
       loading = _useState[0],
@@ -2519,7 +2539,7 @@ var SignupModal = function SignupModal(_ref) {
       className: "login"
     }, React.createElement("span", {
       onClick: onLogin
-    }, "Login")));
+    }, "Log in")), showPoweredByImage ? React.createElement(PoweredBy, null) : null);
   }))));
 };
 
@@ -3009,7 +3029,9 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       _ref4$showSignUpButto = _ref4.showSignUpButton,
       showSignUpButton = _ref4$showSignUpButto === void 0 ? false : _ref4$showSignUpButto,
       _ref4$brandOptIn = _ref4.brandOptIn,
-      brandOptIn = _ref4$brandOptIn === void 0 ? false : _ref4$brandOptIn;
+      brandOptIn = _ref4$brandOptIn === void 0 ? false : _ref4$brandOptIn,
+      _ref4$showPoweredByIm = _ref4.showPoweredByImage,
+      showPoweredByImage = _ref4$showPoweredByIm === void 0 ? false : _ref4$showPoweredByIm;
 
   var _useState = useState(false),
       isNewUser = _useState[0],
@@ -3636,7 +3658,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       className: "account-actions-block"
     }, React.createElement("div", {
       className: "action-item"
-    }, React.createElement("div", null, accountInfoTitle), React.createElement("div", null, "Login & skip ahead:")), React.createElement("div", {
+    }, React.createElement("div", null, accountInfoTitle), React.createElement("div", null, "Log in & skip ahead:")), React.createElement("div", {
       className: "action-item login-block"
     }, React.createElement("button", {
       className: "login-register-button",
@@ -3649,7 +3671,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
           setShowModalLogin(true);
         }
       }
-    }, "Login"), !hideLogo && React.createElement("div", {
+    }, "Log in"), !hideLogo && React.createElement("div", {
       className: "logo-image-container"
     }, React.createElement("img", {
       src: theme === 'dark' ? 'https://www.ticketfairy.com/resources/images/logo-ttf.svg' : 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
@@ -3799,7 +3821,8 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
     onSignup: function onSignup() {
       setShowModalLogin(false);
       setShowModalSignup(true);
-    }
+    },
+    showPoweredByImage: showPoweredByImage
   }), showModalSignup && React.createElement(SignupModal, {
     onClose: function onClose() {
       setShowModalSignup(false);
@@ -3809,7 +3832,8 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       setShowModalLogin(true);
     },
     onRegisterSuccess: onRegisterSuccess,
-    onRegisterError: onRegisterError
+    onRegisterError: onRegisterError,
+    showPoweredByImage: showPoweredByImage
   }), showModalForgotPassword && React.createElement(ForgotPasswordModal, {
     onClose: function onClose() {
       setShowModalForgotPassword(false);
@@ -3819,7 +3843,8 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       setShowModalLogin(true);
     },
     onForgotPasswordSuccess: onForgotPasswordSuccess,
-    onForgotPasswordError: onForgotPasswordError
+    onForgotPasswordError: onForgotPasswordError,
+    showPoweredByImage: showPoweredByImage
   }));
 });
 
@@ -5248,7 +5273,8 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       updateTickets = _ref.updateTickets,
       setCodeIsApplied = _ref.setCodeIsApplied,
       codeIsInvalid = _ref.codeIsInvalid,
-      setCodeIsInvalid = _ref.setCodeIsInvalid;
+      setCodeIsInvalid = _ref.setCodeIsInvalid,
+      promoText = _ref.promoText;
   var isPromoCodeHasValue = !!code.trim();
 
   var renderInputField = function renderInputField() {
@@ -5304,7 +5330,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       setShowPromoInput(true);
       setCodeIsInvalid(false);
     }
-  }, "Got a promo code? Click here"), showPromoInput && renderInputField());
+  }, promoText != null ? promoText : 'Got a promo code? Click here'), showPromoInput && renderInputField());
 };
 
 var ReferralLogic = function ReferralLogic(props) {
@@ -5547,7 +5573,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
       handleNotInvitedModalClose = _ref$handleNotInvited === void 0 ? _identity : _ref$handleNotInvited,
       _ref$handleInvalidLin = _ref.handleInvalidLinkModalClose,
       handleInvalidLinkModalClose = _ref$handleInvalidLin === void 0 ? _identity : _ref$handleInvalidLin,
-      ordersPath = _ref.ordersPath;
+      ordersPath = _ref.ordersPath,
+      promoText = _ref.promoText;
 
   var _useState = useState({}),
       selectedTickets = _useState[0],
@@ -6103,7 +6130,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setCode: setCode,
     updateTickets: updateTickets,
     codeIsInvalid: codeIsInvalid,
-    setCodeIsInvalid: setCodeIsInvalid
+    setCodeIsInvalid: setCodeIsInvalid,
+    promoText: promoText
   }) : 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                ",
@@ -8231,5 +8259,5 @@ var RsvpContainer = function RsvpContainer(_ref) {
   }, "RSVP"))))))));
 };
 
-export { AddonsContainter, BillingInfoContainer, ConfirmationContainer, ForgotPasswordModal, LoginModal, MyTicketsContainer, OrderDetailsContainer, PaymentContainer, RedirectModal, ResetPasswordContainer, RsvpContainer, TicketResaleContainer, TicketsContainer, createFixedFloatNormalizer, currencyNormalizerCreator, setConfigs };
+export { AddonsContainter, BillingInfoContainer, ConfirmationContainer, ForgotPasswordModal, LoginModal, MyTicketsContainer, OrderDetailsContainer, PaymentContainer, PoweredBy, RedirectModal, ResetPasswordContainer, RsvpContainer, TicketResaleContainer, TicketsContainer, createFixedFloatNormalizer, currencyNormalizerCreator, setConfigs };
 //# sourceMappingURL=tf-checkout-react.esm.js.map