tf-checkout-react 1.3.26 → 1.3.28

package/dist/components/billing-info-container/index.d.ts

@@ -48,5 +48,6 @@ export interface IBillingInfoPage {
     showForgotPasswordButton?: boolean;
     showSignUpButton?: boolean;
     brandOptIn?: boolean;
+    showPoweredByImage?: boolean;
 }
-export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, }: IBillingInfoPage) => JSX.Element>;
+export declare const BillingInfoContainer: React.MemoExoticComponent<({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose, hideErrorsAlertSection, onSkipBillingPage, skipPage, canSkipHolderNames, onForgotPasswordSuccess, onForgotPasswordError, shouldFetchCountries, onCountdownFinish, enableTimer, logo, showForgotPasswordButton, showSignUpButton, brandOptIn, showPoweredByImage, }: IBillingInfoPage) => JSX.Element>;

package/dist/components/common/PoweredBy.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PoweredBy: () => JSX.Element;

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

@@ -1,11 +1,12 @@
-import { FC } from 'react';
-import { AxiosError } from 'axios';
 import './style.css';
+import { AxiosError } from 'axios';
+import { FC } from 'react';
 interface IForgotPasswordProps {
     onClose: () => void;
     onLogin: () => void;
     onForgotPasswordSuccess: (res: any) => void;
     onForgotPasswordError: (e: AxiosError) => void;
+    showPoweredByImage?: boolean;
 }
 export declare const ForgotPasswordModal: FC<IForgotPasswordProps>;
 export {};

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

@@ -16,6 +16,7 @@ interface Props {
     logo?: string;
     showForgotPasswordButton?: boolean;
     showSignUpButton?: boolean;
+    showPoweredByImage?: boolean;
 }
 interface IUserData {
     id: string;

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

@@ -1,11 +1,12 @@
-import { FC } from 'react';
-import { AxiosError } from 'axios';
 import './style.css';
+import { AxiosError } from 'axios';
+import { FC } from 'react';
 interface Props {
     onClose: () => void;
     onRegister: () => void;
     onGetProfileDataSuccess: (res: any) => void;
     onGetProfileDataError: (e: AxiosError) => void;
+    showPoweredByImage?: boolean;
 }
 export declare const RegisterModal: FC<Props>;
 export {};

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { AxiosError } from 'axios';
 import './style.css';
+import { AxiosError } from 'axios';
+import { FC } from 'react';
 interface ISignupProps {
     onClose: () => void;
     onLogin: () => void;
@@ -9,6 +9,7 @@ interface ISignupProps {
         refreshToken: string;
     }) => void;
     onRegisterError: (e: AxiosError, email: string) => void;
+    showPoweredByImage?: boolean;
 }
 export declare const SignupModal: FC<ISignupProps>;
 export {};

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

@@ -9,5 +9,6 @@ export interface IPromoCodeSectionProps {
     setCodeIsApplied: (value: boolean) => void;
     codeIsInvalid: boolean;
     setCodeIsInvalid: (value: boolean) => void;
+    promoText?: string;
 }
-export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid }: IPromoCodeSectionProps) => JSX.Element;
+export declare const PromoCodeSection: ({ code, codeIsApplied, showPromoInput, setCode, setShowPromoInput, updateTickets, setCodeIsApplied, codeIsInvalid, setCodeIsInvalid, promoText, }: IPromoCodeSectionProps) => JSX.Element;

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

@@ -51,6 +51,7 @@ export interface IGetTickets {
     enableInfluencersSection?: boolean;
     enableAddOns?: boolean;
     ordersPath?: string;
+    promoText?: string;
 }
 export interface ITicket {
     id: string | number;
@@ -59,5 +60,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, onLogoutSuccess, onLogoutError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, enableBillingInfoAutoCreate, isButtonScrollable, sortBySoldOut, disableCountdownLeadingZero, isLoggedIn, actionsSectionComponent: ActionsSectionComponent, ticketsHeaderComponent, hideTicketsHeader, enableInfluencersSection, enableAddOns, handleNotInvitedModalClose, handleInvalidLinkModalClose, ordersPath, promoText, }: IGetTickets) => JSX.Element;
 export {};

package/dist/index.d.ts

@@ -13,3 +13,4 @@ export { RsvpContainer } from './components/rsvpContainer';
 export { ResetPasswordContainer } from './components/resetPasswordContainer';
 export { ForgotPasswordModal } from './components/forgotPasswordModal';
 export { AddonsContainter } from './components/addonsContainer';
+export { PoweredBy } from './components/common/PoweredBy';

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

@@ -2022,6 +2022,20 @@ var SnackbarAlert = function SnackbarAlert(_ref) {
   }, message)));
 };
 
+var PoweredBy = function PoweredBy() {
+  return React__default.createElement("div", {
+    className: "powered-container"
+  }, React__default.createElement("div", {
+    className: 'powered-text'
+  }, "Powered By"), React__default.createElement("img", {
+    className: 'powered-img',
+    alt: "The Ticket Fairy",
+    src: "https://cdn-checkout.s3.us-east-2.amazonaws.com/IconTicketFairy.svg"
+  }), React__default.createElement("div", {
+    className: 'powered-ttf'
+  }, "The", React__default.createElement("strong", null, "Ticket"), "Fairy"));
+};
+
 var style = {
   position: 'absolute',
   top: '50%',
@@ -2044,7 +2058,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 = React.useState(false),
       loading = _useState[0],
@@ -2141,7 +2157,7 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
       className: "login"
     }, React__default.createElement("span", {
       onClick: onLogin
-    }, "Back to Log In")));
+    }, "Back to Log In")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null);
   }))));
 };
 
@@ -2191,7 +2207,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 = React.useState(''),
       error = _useState[0],
@@ -2293,7 +2311,7 @@ var LoginModal = function LoginModal(_ref) {
       onSubmit: props.handleSubmit
     }, React__default.createElement("div", {
       className: "modal-title"
-    }, "Login"), React__default.createElement("div", {
+    }, "Log in"), React__default.createElement("div", {
       className: 'login-logo-container'
     }, React__default.createElement("img", {
       className: "login-logo-tff",
@@ -2341,7 +2359,7 @@ var LoginModal = function LoginModal(_ref) {
       className: "login-action-button"
     }, React__default.createElement("button", {
       type: "submit"
-    }, "Login")), showForgotPasswordButton && React__default.createElement("div", {
+    }, "Log in")), showForgotPasswordButton && React__default.createElement("div", {
       className: "forgot-password"
     }, React__default.createElement("span", {
       "aria-hidden": "true",
@@ -2351,7 +2369,7 @@ var LoginModal = function LoginModal(_ref) {
     }, React__default.createElement("span", {
       "aria-hidden": "true",
       onClick: onSignup
-    }, "Sign up"))));
+    }, "Sign up")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null));
   }))));
 };
 
@@ -2381,7 +2399,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 = React.useState(false),
       loading = _useState[0],
@@ -2526,7 +2546,7 @@ var SignupModal = function SignupModal(_ref) {
       className: "login"
     }, React__default.createElement("span", {
       onClick: onLogin
-    }, "Login")));
+    }, "Log in")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null);
   }))));
 };
 
@@ -3011,7 +3031,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.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 = React.useState(false),
       isNewUser = _useState[0],
@@ -3638,7 +3660,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       className: "account-actions-block"
     }, React__default.createElement("div", {
       className: "action-item"
-    }, React__default.createElement("div", null, accountInfoTitle), React__default.createElement("div", null, "Login & skip ahead:")), React__default.createElement("div", {
+    }, React__default.createElement("div", null, accountInfoTitle), React__default.createElement("div", null, "Log in & skip ahead:")), React__default.createElement("div", {
       className: "action-item login-block"
     }, React__default.createElement("button", {
       className: "login-register-button",
@@ -3651,7 +3673,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
           setShowModalLogin(true);
         }
       }
-    }, "Login"), !hideLogo && React__default.createElement("div", {
+    }, "Log in"), !hideLogo && React__default.createElement("div", {
       className: "logo-image-container"
     }, React__default.createElement("img", {
       src: theme === 'dark' ? 'https://www.ticketfairy.com/resources/images/logo-ttf.svg' : 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
@@ -3801,7 +3823,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     onSignup: function onSignup() {
       setShowModalLogin(false);
       setShowModalSignup(true);
-    }
+    },
+    showPoweredByImage: showPoweredByImage
   }), showModalSignup && React__default.createElement(SignupModal, {
     onClose: function onClose() {
       setShowModalSignup(false);
@@ -3811,7 +3834,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       setShowModalLogin(true);
     },
     onRegisterSuccess: onRegisterSuccess,
-    onRegisterError: onRegisterError
+    onRegisterError: onRegisterError,
+    showPoweredByImage: showPoweredByImage
   }), showModalForgotPassword && React__default.createElement(ForgotPasswordModal, {
     onClose: function onClose() {
       setShowModalForgotPassword(false);
@@ -3821,7 +3845,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       setShowModalLogin(true);
     },
     onForgotPasswordSuccess: onForgotPasswordSuccess,
-    onForgotPasswordError: onForgotPasswordError
+    onForgotPasswordError: onForgotPasswordError,
+    showPoweredByImage: showPoweredByImage
   }));
 });
 
@@ -5250,7 +5275,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() {
@@ -5306,7 +5332,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) {
@@ -5549,7 +5575,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 = React.useState({}),
       selectedTickets = _useState[0],
@@ -6105,7 +6132,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setCode: setCode,
     updateTickets: updateTickets,
     codeIsInvalid: codeIsInvalid,
-    setCodeIsInvalid: setCodeIsInvalid
+    setCodeIsInvalid: setCodeIsInvalid,
+    promoText: promoText
   }) : 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                ",
@@ -8241,6 +8269,7 @@ exports.LoginModal = LoginModal;
 exports.MyTicketsContainer = MyTicketsContainer;
 exports.OrderDetailsContainer = OrderDetailsContainer;
 exports.PaymentContainer = PaymentContainer;
+exports.PoweredBy = PoweredBy;
 exports.RedirectModal = RedirectModal;
 exports.ResetPasswordContainer = ResetPasswordContainer;
 exports.RsvpContainer = RsvpContainer;