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.
- package/dist/components/billing-info-container/index.d.ts +2 -1
- package/dist/components/common/PoweredBy.d.ts +2 -0
- package/dist/components/forgotPasswordModal/index.d.ts +3 -2
- package/dist/components/loginModal/index.d.ts +1 -0
- package/dist/components/registerModal/index.d.ts +3 -2
- package/dist/components/signupModal/index.d.ts +3 -2
- package/dist/index.d.ts +1 -0
- package/dist/tf-checkout-react.cjs.development.js +36 -10
- package/dist/tf-checkout-react.cjs.development.js.map +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js +1 -1
- package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
- package/dist/tf-checkout-react.esm.js +36 -11
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/billing-info-container/index.tsx +5 -0
- package/src/components/common/DatePickerField.tsx +14 -18
- package/src/components/common/PoweredBy.tsx +15 -0
- package/src/components/forgotPasswordModal/index.tsx +11 -5
- package/src/components/loginModal/index.tsx +4 -0
- package/src/components/registerModal/index.tsx +11 -5
- package/src/components/signupModal/index.tsx +22 -16
- package/src/index.ts +2 -1
|
@@ -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>;
|
|
@@ -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 {};
|
|
@@ -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;
|