tf-checkout-react 1.3.26 → 1.3.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -48,5 +48,6 @@ export interface IBillingInfoPage {
48
48
  showForgotPasswordButton?: boolean;
49
49
  showSignUpButton?: boolean;
50
50
  brandOptIn?: boolean;
51
+ showPoweredByImage?: boolean;
51
52
  }
52
- 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>;
53
+ 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>;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const PoweredBy: () => JSX.Element;
@@ -1,11 +1,12 @@
1
- import { FC } from 'react';
2
- import { AxiosError } from 'axios';
3
1
  import './style.css';
2
+ import { AxiosError } from 'axios';
3
+ import { FC } from 'react';
4
4
  interface IForgotPasswordProps {
5
5
  onClose: () => void;
6
6
  onLogin: () => void;
7
7
  onForgotPasswordSuccess: (res: any) => void;
8
8
  onForgotPasswordError: (e: AxiosError) => void;
9
+ showPoweredByImage?: boolean;
9
10
  }
10
11
  export declare const ForgotPasswordModal: FC<IForgotPasswordProps>;
11
12
  export {};
@@ -16,6 +16,7 @@ interface Props {
16
16
  logo?: string;
17
17
  showForgotPasswordButton?: boolean;
18
18
  showSignUpButton?: boolean;
19
+ showPoweredByImage?: boolean;
19
20
  }
20
21
  interface IUserData {
21
22
  id: string;
@@ -1,11 +1,12 @@
1
- import { FC } from 'react';
2
- import { AxiosError } from 'axios';
3
1
  import './style.css';
2
+ import { AxiosError } from 'axios';
3
+ import { FC } from 'react';
4
4
  interface Props {
5
5
  onClose: () => void;
6
6
  onRegister: () => void;
7
7
  onGetProfileDataSuccess: (res: any) => void;
8
8
  onGetProfileDataError: (e: AxiosError) => void;
9
+ showPoweredByImage?: boolean;
9
10
  }
10
11
  export declare const RegisterModal: FC<Props>;
11
12
  export {};
@@ -1,6 +1,6 @@
1
- import { FC } from 'react';
2
- import { AxiosError } from 'axios';
3
1
  import './style.css';
2
+ import { AxiosError } from 'axios';
3
+ import { FC } from 'react';
4
4
  interface ISignupProps {
5
5
  onClose: () => void;
6
6
  onLogin: () => void;
@@ -9,6 +9,7 @@ interface ISignupProps {
9
9
  refreshToken: string;
10
10
  }) => void;
11
11
  onRegisterError: (e: AxiosError, email: string) => void;
12
+ showPoweredByImage?: boolean;
12
13
  }
13
14
  export declare const SignupModal: FC<ISignupProps>;
14
15
  export {};
package/dist/index.d.ts CHANGED
@@ -13,3 +13,4 @@ export { RsvpContainer } from './components/rsvpContainer';
13
13
  export { ResetPasswordContainer } from './components/resetPasswordContainer';
14
14
  export { ForgotPasswordModal } from './components/forgotPasswordModal';
15
15
  export { AddonsContainter } from './components/addonsContainer';
16
+ export { PoweredBy } from './components/common/PoweredBy';
@@ -2022,6 +2022,20 @@ var SnackbarAlert = function SnackbarAlert(_ref) {
2022
2022
  }, message)));
2023
2023
  };
2024
2024
 
2025
+ var PoweredBy = function PoweredBy() {
2026
+ return React__default.createElement("div", {
2027
+ className: "powered-container"
2028
+ }, React__default.createElement("div", {
2029
+ className: 'powered-text'
2030
+ }, "Powered By"), React__default.createElement("img", {
2031
+ className: 'powered-img',
2032
+ alt: "The Ticket Fairy",
2033
+ src: "https://cdn-checkout.s3.us-east-2.amazonaws.com/IconTicketFairy.svg"
2034
+ }), React__default.createElement("div", {
2035
+ className: 'powered-ttf'
2036
+ }, "The", React__default.createElement("strong", null, "Ticket"), "Fairy"));
2037
+ };
2038
+
2025
2039
  var style = {
2026
2040
  position: 'absolute',
2027
2041
  top: '50%',
@@ -2044,7 +2058,9 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
2044
2058
  _ref$onForgotPassword = _ref.onForgotPasswordSuccess,
2045
2059
  onForgotPasswordSuccess = _ref$onForgotPassword === void 0 ? function () {} : _ref$onForgotPassword,
2046
2060
  _ref$onForgotPassword2 = _ref.onForgotPasswordError,
2047
- onForgotPasswordError = _ref$onForgotPassword2 === void 0 ? function () {} : _ref$onForgotPassword2;
2061
+ onForgotPasswordError = _ref$onForgotPassword2 === void 0 ? function () {} : _ref$onForgotPassword2,
2062
+ _ref$showPoweredByIma = _ref.showPoweredByImage,
2063
+ showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
2048
2064
 
2049
2065
  var _useState = React.useState(false),
2050
2066
  loading = _useState[0],
@@ -2141,7 +2157,7 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
2141
2157
  className: "login"
2142
2158
  }, React__default.createElement("span", {
2143
2159
  onClick: onLogin
2144
- }, "Back to Log In")));
2160
+ }, "Back to Log In")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null);
2145
2161
  }))));
2146
2162
  };
2147
2163
 
@@ -2191,7 +2207,9 @@ var LoginModal = function LoginModal(_ref) {
2191
2207
  _ref$showForgotPasswo = _ref.showForgotPasswordButton,
2192
2208
  showForgotPasswordButton = _ref$showForgotPasswo === void 0 ? false : _ref$showForgotPasswo,
2193
2209
  _ref$showSignUpButton = _ref.showSignUpButton,
2194
- showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton;
2210
+ showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton,
2211
+ _ref$showPoweredByIma = _ref.showPoweredByImage,
2212
+ showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
2195
2213
 
2196
2214
  var _useState = React.useState(''),
2197
2215
  error = _useState[0],
@@ -2351,7 +2369,7 @@ var LoginModal = function LoginModal(_ref) {
2351
2369
  }, React__default.createElement("span", {
2352
2370
  "aria-hidden": "true",
2353
2371
  onClick: onSignup
2354
- }, "Sign up"))));
2372
+ }, "Sign up")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null));
2355
2373
  }))));
2356
2374
  };
2357
2375
 
@@ -2381,7 +2399,9 @@ var SignupModal = function SignupModal(_ref) {
2381
2399
  _ref$onRegisterSucces = _ref.onRegisterSuccess,
2382
2400
  onRegisterSuccess = _ref$onRegisterSucces === void 0 ? function () {} : _ref$onRegisterSucces,
2383
2401
  _ref$onRegisterError = _ref.onRegisterError,
2384
- onRegisterError = _ref$onRegisterError === void 0 ? function () {} : _ref$onRegisterError;
2402
+ onRegisterError = _ref$onRegisterError === void 0 ? function () {} : _ref$onRegisterError,
2403
+ _ref$showPoweredByIma = _ref.showPoweredByImage,
2404
+ showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
2385
2405
 
2386
2406
  var _useState = React.useState(false),
2387
2407
  loading = _useState[0],
@@ -2526,7 +2546,7 @@ var SignupModal = function SignupModal(_ref) {
2526
2546
  className: "login"
2527
2547
  }, React__default.createElement("span", {
2528
2548
  onClick: onLogin
2529
- }, "Login")));
2549
+ }, "Login")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null);
2530
2550
  }))));
2531
2551
  };
2532
2552
 
@@ -3011,7 +3031,9 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
3011
3031
  _ref4$showSignUpButto = _ref4.showSignUpButton,
3012
3032
  showSignUpButton = _ref4$showSignUpButto === void 0 ? false : _ref4$showSignUpButto,
3013
3033
  _ref4$brandOptIn = _ref4.brandOptIn,
3014
- brandOptIn = _ref4$brandOptIn === void 0 ? false : _ref4$brandOptIn;
3034
+ brandOptIn = _ref4$brandOptIn === void 0 ? false : _ref4$brandOptIn,
3035
+ _ref4$showPoweredByIm = _ref4.showPoweredByImage,
3036
+ showPoweredByImage = _ref4$showPoweredByIm === void 0 ? false : _ref4$showPoweredByIm;
3015
3037
 
3016
3038
  var _useState = React.useState(false),
3017
3039
  isNewUser = _useState[0],
@@ -3801,7 +3823,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
3801
3823
  onSignup: function onSignup() {
3802
3824
  setShowModalLogin(false);
3803
3825
  setShowModalSignup(true);
3804
- }
3826
+ },
3827
+ showPoweredByImage: showPoweredByImage
3805
3828
  }), showModalSignup && React__default.createElement(SignupModal, {
3806
3829
  onClose: function onClose() {
3807
3830
  setShowModalSignup(false);
@@ -3811,7 +3834,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
3811
3834
  setShowModalLogin(true);
3812
3835
  },
3813
3836
  onRegisterSuccess: onRegisterSuccess,
3814
- onRegisterError: onRegisterError
3837
+ onRegisterError: onRegisterError,
3838
+ showPoweredByImage: showPoweredByImage
3815
3839
  }), showModalForgotPassword && React__default.createElement(ForgotPasswordModal, {
3816
3840
  onClose: function onClose() {
3817
3841
  setShowModalForgotPassword(false);
@@ -3821,7 +3845,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
3821
3845
  setShowModalLogin(true);
3822
3846
  },
3823
3847
  onForgotPasswordSuccess: onForgotPasswordSuccess,
3824
- onForgotPasswordError: onForgotPasswordError
3848
+ onForgotPasswordError: onForgotPasswordError,
3849
+ showPoweredByImage: showPoweredByImage
3825
3850
  }));
3826
3851
  });
3827
3852
 
@@ -8241,6 +8266,7 @@ exports.LoginModal = LoginModal;
8241
8266
  exports.MyTicketsContainer = MyTicketsContainer;
8242
8267
  exports.OrderDetailsContainer = OrderDetailsContainer;
8243
8268
  exports.PaymentContainer = PaymentContainer;
8269
+ exports.PoweredBy = PoweredBy;
8244
8270
  exports.RedirectModal = RedirectModal;
8245
8271
  exports.ResetPasswordContainer = ResetPasswordContainer;
8246
8272
  exports.RsvpContainer = RsvpContainer;