tf-checkout-react 1.0.38 → 1.0.42
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/utils.d.ts +1 -1
- package/dist/components/stripePayment/index.d.ts +3 -1
- package/dist/tf-checkout-react.cjs.development.css +3 -3
- package/dist/tf-checkout-react.cjs.development.js +87 -48
- 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 +90 -51
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/dist/types/billing-info-data.d.ts +1 -0
- package/package.json +1 -1
- package/src/api/index.ts +4 -4
- package/src/components/billing-info-container/index.tsx +27 -12
- package/src/components/billing-info-container/style.css +8 -5
- package/src/components/billing-info-container/utils.ts +2 -2
- package/src/components/loginModal/style.css +4 -0
- package/src/components/paymentContainer/index.tsx +5 -0
- package/src/components/stripePayment/index.tsx +24 -5
- package/src/components/ticketsContainer/index.tsx +10 -2
- package/src/components/ticketsContainer/style.css +17 -3
- package/src/types/billing-info-data.ts +1 -0
|
@@ -11,6 +11,8 @@ export interface ICheckoutForm {
|
|
|
11
11
|
billing_info: {
|
|
12
12
|
[key: string]: any;
|
|
13
13
|
};
|
|
14
|
+
isLoading: any;
|
|
15
|
+
handleSetLoading: (loading: any) => void;
|
|
14
16
|
}
|
|
15
|
-
declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, }: ICheckoutForm) => JSX.Element;
|
|
17
|
+
declare const CheckoutForm: ({ total, onSubmit, stripeCardOptions, error, stripe_client_secret, currency, billing_info, isLoading, handleSetLoading }: ICheckoutForm) => JSX.Element;
|
|
16
18
|
export default CheckoutForm;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.style_billing-info-container__3ZE3J{margin:0 auto;max-width:800px}.style_billing-info-container__3ZE3J .style_is-half__1W_rP{width:49%}.style_billing-info-container__3ZE3J p{color:#000}.style_billing-info-container__twoFields__2tDqt{display:flex;justify-content:space-between;margin-top:15px}.style_billing-info-container__singleField__2bcsf{margin-top:15px}button{margin-top:10px}.style_account-actions-block__16OH-{color:#182026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;margin-top:10px}.style_login-register-button__fGgZf,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO:hover{background-color:#212529;border:#f28051;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Inter-Bold;font-size:26px;font-weight:700;line-height:1.15;margin-top:10px;min-height:46px;outline:none;overflow:hidden;padding:14px 12px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:49%}.style_logo-image-container__2A2uH{margin-top:5px;text-align:center;width:49%}.style_logo-image-container__2A2uH img{height:30px}.style_login-block__22kcN{align-items:center;display:flex;flex-direction:column}.
|
|
2
|
-
.style_modal-title__2sUq_{align-items:center;background-color:#fff;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:49px;line-height:22px;padding-left:25px;position:relative}.style_login-modal-body__2sFg5{padding:15px 25px}.style_login-modal-body__2sFg5 input{background:#fff!important}.style_login-modal-body__email__2nnEH,.style_login-modal-body__password__qS3g7{margin-bottom:20px}.style_login-action-button__1g9qt button{background-color:#212529;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:26px;font-weight:600;height:45px;line-height:18px;margin:10px 0;outline:none;padding:10px;width:100%}.style_server_auth__error__1340S{color:red;font-family:Inter;font-size:12px;font-style:normal;padding-left:25px;padding-top:15px}.style_info-text-for-login__28JQf{font-size:14px;margin-bottom:4px;padding-left:10px}
|
|
1
|
+
.style_billing-info-container__3ZE3J{margin:0 auto;max-width:800px}.style_billing-info-container__3ZE3J .style_is-half__1W_rP{width:49%}.style_billing-info-container__3ZE3J p{color:#000}.style_billing-info-container__3ZE3J .style_main-header__2OFWa{font-size:2rem;font-weight:600}.style_billing-info-container__twoFields__2tDqt{display:flex;justify-content:space-between;margin-top:15px}.style_billing-info-container__singleField__2bcsf{margin-top:15px}button{margin-top:10px}.style_account-actions-block__16OH-{color:#182026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;margin-top:10px}.style_login-register-button__fGgZf,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO:hover{background-color:#212529;border:#f28051;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Inter-Bold;font-size:26px;font-weight:700;line-height:1.15;margin-top:10px;min-height:46px;outline:none;overflow:hidden;padding:14px 12px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:49%}.style_logo-image-container__2A2uH{margin-top:5px;text-align:center;width:49%}.style_logo-image-container__2A2uH img{height:30px}.style_login-block__22kcN{align-items:center;display:flex;flex-direction:column}.style_login-register-button__fGgZf:hover{background-color:#505050!important;border-color:#505050!important}.style_login-register-block__36tu5{display:flex;justify-content:space-between}
|
|
2
|
+
.style_modal-title__2sUq_{align-items:center;background-color:#fff;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:49px;line-height:22px;padding-left:25px;position:relative}.style_login-modal-body__2sFg5{padding:15px 25px}.style_login-modal-body__2sFg5 input{background:#fff!important}.style_login-modal-body__email__2nnEH,.style_login-modal-body__password__qS3g7{margin-bottom:20px}.style_login-action-button__1g9qt button{background-color:#212529;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:26px;font-weight:600;height:45px;line-height:18px;margin:10px 0;outline:none;padding:10px;width:100%}.style_login-action-button__1g9qt button:hover{background-color:#505050;border-color:#505050}.style_server_auth__error__1340S{color:red;font-family:Inter;font-size:12px;font-style:normal;padding-left:25px;padding-top:15px}.style_info-text-for-login__28JQf{font-size:14px;margin-bottom:4px;padding-left:10px}
|
|
3
3
|
.style_register-container___s5V8{margin:0 auto;max-width:800px}.style_register-container___s5V8 .style_is-half__2XhZU{width:49%}.style_register-container__twoFields__3dAvM{display:flex;justify-content:space-between;margin-top:15px}.style_register-container__singleField__36dGU{margin-top:15px}button{margin-top:10px}
|
|
4
4
|
.style_payment_page__1PUd8{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif}.style_payment_page__1PUd8 .style_order_info_section__J1olw{padding:15px 0}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4{padding-bottom:15px;padding-top:15px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_field-underline__2M8Bd{border-bottom:1px solid #000;padding-bottom:15px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_order_info_title__1MBgS{font-size:14px;font-weight:700;padding-bottom:3px}.style_payment_page__1PUd8 .style_order_info_section__J1olw .style_order_info_block__3kZN4 .style_order_info_text__3gSEK{font-size:16px;line-height:1.15;outline:none}.style_payment_page__1PUd8 .style_MuiBox-root__2LeaA{margin-left:auto;margin-right:auto;padding:20px;text-align:center}.style_payment_page__1PUd8 .style_payment_info_label__3Zmjp{padding:20px 0;text-align:center}.style_payment_page__1PUd8 .style_payment_form__2arf4{color:#fff;padding:20px}.style_payment_page__1PUd8 .style_payment_form__2arf4 input,.style_payment_page__1PUd8 .style_payment_form__2arf4 label{color:#fff}.style_payment_page__1PUd8 .style_payment_button__3WzAn{padding-top:20px;text-align:center}
|
|
5
5
|
.style_card_form_inner__7vzGq{background:#232323;border-radius:8px;padding:15px}.style_card_form_inner__7vzGq .style_card_label_text__F7GFa{color:#fff}.style_card_form_inner__7vzGq .style_StripeElement__jS5TJ{margin:5px 0 10px}.style_card_label_text__F7GFa{color:#fff}.style_payment_button__2rkp8{padding-top:15px;text-align:center}.style_payment_button__2rkp8 button{background-color:#212529;border-radius:8px;color:#fff;cursor:pointer;font-size:26px;padding:15px 30px;transition:opacity .5s;width:200px}.style_payment_button__2rkp8 button:hover{opacity:.7}.style_checkout_error_block__3LUN5{color:#e53935;font-weight:600;padding:15px 0}.style_zip_element__31oFa p{margin-bottom:0}.style_zip_element__31oFa input{background-color:#232323;border:none;color:#fff;font-size:18px;margin-top:5px;outline:none;width:100%}
|
|
6
6
|
.style_confirmation-page__1F9Sh{margin:0 auto;max-width:1024px}.style_confirmation-page__1F9Sh .style_strong-text__27fPG{font-weight:700}.style_confirmation-page__1F9Sh .style_title__2Al5H{color:#333;font-size:24px;font-weight:600}.style_confirmation-page__1F9Sh .style_share-message-section__3tRfP{background:#dff0d8;border:1px solid #d6e9c6;border-radius:5px;color:#2c7221;display:flex;flex-direction:column;margin:20px 0;padding:15px}.style_confirmation-page__1F9Sh .style_main__3LBFA{font-size:15px;font-weight:700}.style_confirmation-page__1F9Sh .style_helper__3L5l6,.style_confirmation-page__1F9Sh .style_main__3LBFA{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif}.style_confirmation-page__1F9Sh .style_helper__3L5l6{font-size:14px;margin-top:5px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px -10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_text_section__3dvbC{margin:10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_title_text__1zFZX{color:#f08057;font-size:28px;padding-bottom:10px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe .style_referral_text__2tAKA{font-size:18px}.style_confirmation-page__1F9Sh .style_referral_text_image_section__1shCe img{margin:10px;max-width:200px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz{-moz-column-gap:5rem;column-gap:5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_invitation_title__x4iqi{font-size:22px;padding-bottom:12px;padding-top:12px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z{flex:1 1;padding:0 5px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT{display:grid;flex-wrap:wrap;margin:0 -7px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT .style_social-media-btns__2kCat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share_buttons__2C4eT .style_social-media-btns__2kCat .style_sharing-btn__IVnek{min-width:130px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ.style_share-by-link-copy__25qUa{padding:0;text-align:left}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_sharing-button__3R2yU{flex:1 1}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_convenient_buttons__2RFH8.style_sharing-btn__IVnek{display:inline}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-by-link__2B83J{background:#000;color:#fff;padding:0}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-by-link__2B83J.style_label__3FIno{margin:0;padding:0;text-align:left}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_sharing-btn__IVnek{flex:1 1;padding:7px;text-align:center}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ{background:#000;color:#fff;padding:10px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ .style_svg_wrapper__268DZ{display:inline}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-btn-inner__2HBGQ .style_share-input__2Pp7g{background-color:#fff;text-align:left;width:300px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_share_section__2XjM2 .style_invitation_section__1xH0Z .style_share-text__V36JV{display:block;font-size:13px;font-weight:600;padding-top:8px;width:100%}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_wrapper__1aDnf{background:#e3e3e3;border:1px solid #dcdcdc;display:grid;grid-template-columns:1fr 1fr;margin:10px 0;padding:15px}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_wrapper__1aDnf.style_free_price__3Hd0-{background:#e9835b;border:1px solid #eb7b4a;color:#fff}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_label__3SVoy{font-weight:600}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_sublabel__2Ckqd{font-size:14px;font-weight:100}.style_confirmation-page__1F9Sh .style_share_wrapper__3JrMz .style_pricing-section_price__3v8bL{font-weight:600;text-align:right}
|
|
7
|
-
body{margin:0;padding:0}.style_get-tickets-page__11KeR{width:100%}.style_event-detail__tier__2CcMs{background-color:#fff;padding:17px 35px 20px}.style_event-detail__tier-name__116US{color:#000;font-family:Inter-Bold;font-family:Bebas Neue;font-size:.85rem;font-weight:700;letter-spacing:.2em;line-height:1.3;margin-bottom:8px;margin-top:16px;
|
|
7
|
+
body{margin:0;padding:0}.style_get-tickets-page__11KeR{width:100%}.style_event-detail__tier__2CcMs{background-color:#fff;padding:17px 35px 20px}.style_event-detail__tier-name__116US{color:#000;font-family:Inter-Bold;font-family:Bebas Neue;font-size:.85rem;font-weight:700;letter-spacing:.2em;line-height:1.3;margin-bottom:8px;margin-top:16px;padding-right:20%;text-transform:uppercase}.style_event-detail__tier-status__IbqO1{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:8px;width:100%}.style_event-detail__tier-status__IbqO1.style_ticket-button__Nty1u{background-color:#212529;border:3px solid #000;border-radius:0;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.2em;line-height:1.5;margin-bottom:10px;width:200px}.style_event-tickets-container__3vdaQ{align-items:center;display:flex;justify-content:space-between}.style_event-detail__tier-status__IbqO1.style_ticket-button__Nty1u.style_true__g6yhC{background-color:#c1c3c6;border-color:#afb0b1}.style_event-detail__tier-price__3doIb{color:#000;font-family:Inter-Bold;font-size:1.5rem;font-weight:700;line-height:1;text-align:center}.style_event-detail__tier-price__3doIb p{margin:0}.style_event-detail__tier-price__3doIb .style_fees__19QjH{font-size:14px;font-weight:400;margin-top:4px;text-align:left}.style_event-detail__tier-price__3doIb .style_old-price__2mSOJ{color:red;font-size:1.3rem;margin-bottom:5px;text-decoration:line-through}.style_alert-info__24Mx5{background-color:#d9edf7;border:1px solid #bce8f1;border-radius:4px;color:#3a87ad;font-size:1em;margin:0 35px;padding:8px 15px;text-align:center;text-shadow:0 1px 0 hsla(0,0%,100%,.5)}.style_event-detail__tier-state__2ethF{color:#30bc9d;font-family:Inter-Bold;font-size:.75rem;font-weight:300;line-height:1;text-align:right;text-transform:uppercase}.style_promo-code-block__ttqVr input{font-size:14px;padding:1px 8px}.style_book-button__1krJI{background-color:#212529;border:3px solid #000;border-radius:0;color:#fff;cursor:pointer;display:block;font-size:26px;font-weight:700;height:50px;letter-spacing:.2em;line-height:1.5;margin:25px auto 10px;text-align:center;width:100%}.style_book-button__1krJI:hover{background-color:#505050;border-color:#505050}.style_loader-container__3iPe2{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar{width:5px}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-track{background:#f1f1f1}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-thumb{background:#888}.style_get-tickets-paper__3ZF-f::-webkit-scrollbar-thumb:hover{background:#555}.style_get-tickets__3Sghy .style_get-tickets__selectbox__2ApAj{width:100%}.style_disabled__310xq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.style_hidden__ceCor{display:none}
|
|
@@ -26,6 +26,7 @@ var Container = _interopDefault(require('@mui/material/Container'));
|
|
|
26
26
|
var Alert = _interopDefault(require('@mui/material/Alert'));
|
|
27
27
|
var reactStripeJs = require('@stripe/react-stripe-js');
|
|
28
28
|
var stripeJs = require('@stripe/stripe-js');
|
|
29
|
+
var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
|
|
29
30
|
var SVG = _interopDefault(require('react-inlinesvg'));
|
|
30
31
|
var _sortBy = _interopDefault(require('lodash/sortBy'));
|
|
31
32
|
var _has = _interopDefault(require('lodash/has'));
|
|
@@ -37,7 +38,6 @@ var _isObject = _interopDefault(require('lodash/isObject'));
|
|
|
37
38
|
var FormControl = _interopDefault(require('@mui/material/FormControl'));
|
|
38
39
|
var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
|
|
39
40
|
var Select = _interopDefault(require('@mui/material/Select'));
|
|
40
|
-
var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
|
|
41
41
|
var Button$1 = _interopDefault(require('react-bootstrap/Button'));
|
|
42
42
|
var jwt_decode = _interopDefault(require('jwt-decode'));
|
|
43
43
|
|
|
@@ -912,10 +912,6 @@ if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
|
|
|
912
912
|
ttfHeaders['Authorization-Guest'] = /*#__PURE__*/localStorage.getItem('auth_guest_token');
|
|
913
913
|
}
|
|
914
914
|
|
|
915
|
-
if (isWindowDefined && window.location.origin !== 'https://www.houseofx.nyc' && window.location.origin !== 'https://tickets-staging.houseofx.nyc') {
|
|
916
|
-
ttfHeaders['X-Source-Origin'] = 'houseofx.com';
|
|
917
|
-
}
|
|
918
|
-
|
|
919
915
|
var publicRequest = /*#__PURE__*/axios.create({
|
|
920
916
|
baseURL: ENV.BASE_URL ,
|
|
921
917
|
headers: ttfHeaders
|
|
@@ -923,7 +919,9 @@ var publicRequest = /*#__PURE__*/axios.create({
|
|
|
923
919
|
publicRequest.interceptors.response.use(function (response) {
|
|
924
920
|
return response;
|
|
925
921
|
}, function (error) {
|
|
926
|
-
|
|
922
|
+
var _error$response;
|
|
923
|
+
|
|
924
|
+
if ((error == null ? void 0 : (_error$response = error.response) == null ? void 0 : _error$response.status) === 401) {
|
|
927
925
|
if (isWindowDefined) {
|
|
928
926
|
window.localStorage.removeItem('auth_guest_token');
|
|
929
927
|
window.localStorage.removeItem('user_data');
|
|
@@ -931,7 +929,7 @@ publicRequest.interceptors.response.use(function (response) {
|
|
|
931
929
|
}
|
|
932
930
|
}
|
|
933
931
|
|
|
934
|
-
return error;
|
|
932
|
+
return Promise.reject(error);
|
|
935
933
|
});
|
|
936
934
|
publicRequest.interceptors.request.use(function (config) {
|
|
937
935
|
var guestToken = isWindowDefined ? window.localStorage.getItem('auth_guest_token') : null;
|
|
@@ -957,9 +955,7 @@ publicRequest.interceptors.request.use(function (config) {
|
|
|
957
955
|
}
|
|
958
956
|
|
|
959
957
|
if (isWindowDefined && window.location.origin !== 'https://www.houseofx.nyc' && window.location.origin !== 'https://tickets-staging.houseofx.nyc') {
|
|
960
|
-
var _updatedHeaders2 = _extends({}, config.headers
|
|
961
|
-
'X-Source-Origin': 'houseofx.com'
|
|
962
|
-
});
|
|
958
|
+
var _updatedHeaders2 = _extends({}, config.headers);
|
|
963
959
|
|
|
964
960
|
config.headers = _updatedHeaders2;
|
|
965
961
|
}
|
|
@@ -1457,7 +1453,7 @@ var setLoggedUserData = function setLoggedUserData(data) {
|
|
|
1457
1453
|
city: (data == null ? void 0 : data.city) || '',
|
|
1458
1454
|
country: (data == null ? void 0 : data.country) || '',
|
|
1459
1455
|
phone: (data == null ? void 0 : data.phone) || '',
|
|
1460
|
-
street_address: (data == null ? void 0 : data.
|
|
1456
|
+
street_address: (data == null ? void 0 : data.streetAddress) || '',
|
|
1461
1457
|
state: (data == null ? void 0 : data.state) || '',
|
|
1462
1458
|
zip: (data == null ? void 0 : data.zip) || (data == null ? void 0 : data.zipCode) || ''
|
|
1463
1459
|
};
|
|
@@ -1965,6 +1961,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
|
|
|
1965
1961
|
|
|
1966
1962
|
if (error != null && error.password) {
|
|
1967
1963
|
formikHelpers.setFieldError('password', error.password);
|
|
1964
|
+
formikHelpers.setFieldError('confirmPassword', error.password);
|
|
1968
1965
|
}
|
|
1969
1966
|
|
|
1970
1967
|
if (error != null && error.email) {
|
|
@@ -2020,6 +2017,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
|
|
|
2020
2017
|
}, "Login"))), _map(data, function (item) {
|
|
2021
2018
|
var id = item.id,
|
|
2022
2019
|
label = item.label,
|
|
2020
|
+
labelClassName = item.labelClassName,
|
|
2023
2021
|
fields = item.fields;
|
|
2024
2022
|
|
|
2025
2023
|
if (label === 'Ticket Holders' && !showTicketHolderName && !showDOB) {
|
|
@@ -2028,7 +2026,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
|
|
|
2028
2026
|
|
|
2029
2027
|
return React__default.createElement(SectionContainer, {
|
|
2030
2028
|
key: id
|
|
2031
|
-
}, React__default.createElement("p",
|
|
2029
|
+
}, React__default.createElement("p", {
|
|
2030
|
+
className: labelClassName
|
|
2031
|
+
}, label), _map(fields, function (group, index) {
|
|
2032
2032
|
var groupClassname = group.groupClassname,
|
|
2033
2033
|
groupItems = group.groupItems,
|
|
2034
2034
|
groupLabel = group.groupLabel,
|
|
@@ -2191,7 +2191,11 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2191
2191
|
error = _ref$error === void 0 ? null : _ref$error,
|
|
2192
2192
|
stripe_client_secret = _ref.stripe_client_secret,
|
|
2193
2193
|
currency = _ref.currency,
|
|
2194
|
-
billing_info = _ref.billing_info
|
|
2194
|
+
billing_info = _ref.billing_info,
|
|
2195
|
+
_ref$isLoading = _ref.isLoading,
|
|
2196
|
+
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
|
|
2197
|
+
_ref$handleSetLoading = _ref.handleSetLoading,
|
|
2198
|
+
handleSetLoading = _ref$handleSetLoading === void 0 ? function () {} : _ref$handleSetLoading;
|
|
2195
2199
|
var stripe = reactStripeJs.useStripe();
|
|
2196
2200
|
var elements = reactStripeJs.useElements();
|
|
2197
2201
|
|
|
@@ -2211,26 +2215,31 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2211
2215
|
while (1) {
|
|
2212
2216
|
switch (_context.prev = _context.next) {
|
|
2213
2217
|
case 0:
|
|
2214
|
-
|
|
2218
|
+
handleSetLoading(true);
|
|
2219
|
+
_context.prev = 1;
|
|
2215
2220
|
event.preventDefault();
|
|
2216
2221
|
|
|
2217
2222
|
if (postalCode) {
|
|
2218
|
-
_context.next =
|
|
2223
|
+
_context.next = 7;
|
|
2219
2224
|
break;
|
|
2220
2225
|
}
|
|
2221
2226
|
|
|
2222
2227
|
setStripeError("Please enter your zip code.");
|
|
2228
|
+
handleSetLoading(false);
|
|
2223
2229
|
return _context.abrupt("return");
|
|
2224
2230
|
|
|
2225
|
-
case
|
|
2231
|
+
case 7:
|
|
2226
2232
|
if (!(!stripe || !elements)) {
|
|
2227
|
-
_context.next =
|
|
2233
|
+
_context.next = 10;
|
|
2228
2234
|
break;
|
|
2229
2235
|
}
|
|
2230
2236
|
|
|
2237
|
+
// Stripe.js has not loaded yet. Make sure to disable
|
|
2238
|
+
// form submission until Stripe.js has loaded.
|
|
2239
|
+
handleSetLoading(false);
|
|
2231
2240
|
return _context.abrupt("return");
|
|
2232
2241
|
|
|
2233
|
-
case
|
|
2242
|
+
case 10:
|
|
2234
2243
|
card = elements.getElement(reactStripeJs.CardNumberElement);
|
|
2235
2244
|
address = {
|
|
2236
2245
|
city: billing_info.city,
|
|
@@ -2238,7 +2247,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2238
2247
|
state: billing_info.state,
|
|
2239
2248
|
postal_code: postalCode
|
|
2240
2249
|
};
|
|
2241
|
-
_context.next =
|
|
2250
|
+
_context.next = 14;
|
|
2242
2251
|
return stripe.createPaymentMethod({
|
|
2243
2252
|
type: 'card',
|
|
2244
2253
|
card: card || {
|
|
@@ -2249,51 +2258,53 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2249
2258
|
}
|
|
2250
2259
|
});
|
|
2251
2260
|
|
|
2252
|
-
case
|
|
2261
|
+
case 14:
|
|
2253
2262
|
paymentMethodReq = _context.sent;
|
|
2254
2263
|
|
|
2255
2264
|
if (!paymentMethodReq.error) {
|
|
2256
|
-
_context.next =
|
|
2265
|
+
_context.next = 19;
|
|
2257
2266
|
break;
|
|
2258
2267
|
}
|
|
2259
2268
|
|
|
2260
2269
|
setStripeError(paymentMethodReq.error.message || null);
|
|
2270
|
+
handleSetLoading(false);
|
|
2261
2271
|
return _context.abrupt("return");
|
|
2262
2272
|
|
|
2263
|
-
case
|
|
2264
|
-
_context.next =
|
|
2273
|
+
case 19:
|
|
2274
|
+
_context.next = 21;
|
|
2265
2275
|
return stripe.confirmCardPayment(stripe_client_secret, {
|
|
2266
2276
|
payment_method: paymentMethodReq.paymentMethod.id
|
|
2267
2277
|
});
|
|
2268
2278
|
|
|
2269
|
-
case
|
|
2279
|
+
case 21:
|
|
2270
2280
|
_yield$stripe$confirm = _context.sent;
|
|
2271
2281
|
_error = _yield$stripe$confirm.error;
|
|
2272
2282
|
|
|
2273
2283
|
if (!_error) {
|
|
2274
|
-
_context.next =
|
|
2284
|
+
_context.next = 27;
|
|
2275
2285
|
break;
|
|
2276
2286
|
}
|
|
2277
2287
|
|
|
2278
2288
|
setStripeError(_error.message);
|
|
2289
|
+
handleSetLoading(false);
|
|
2279
2290
|
return _context.abrupt("return");
|
|
2280
2291
|
|
|
2281
|
-
case
|
|
2292
|
+
case 27:
|
|
2282
2293
|
onSubmit(null);
|
|
2283
|
-
_context.next =
|
|
2294
|
+
_context.next = 33;
|
|
2284
2295
|
break;
|
|
2285
2296
|
|
|
2286
|
-
case
|
|
2287
|
-
_context.prev =
|
|
2288
|
-
_context.t0 = _context["catch"](
|
|
2297
|
+
case 30:
|
|
2298
|
+
_context.prev = 30;
|
|
2299
|
+
_context.t0 = _context["catch"](1);
|
|
2289
2300
|
onSubmit(_context.t0);
|
|
2290
2301
|
|
|
2291
|
-
case
|
|
2302
|
+
case 33:
|
|
2292
2303
|
case "end":
|
|
2293
2304
|
return _context.stop();
|
|
2294
2305
|
}
|
|
2295
2306
|
}
|
|
2296
|
-
}, _callee, null, [[
|
|
2307
|
+
}, _callee, null, [[1, 30]]);
|
|
2297
2308
|
}));
|
|
2298
2309
|
|
|
2299
2310
|
return function handleSubmit(_x) {
|
|
@@ -2305,7 +2316,18 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2305
2316
|
setPostalCode(e.target.value);
|
|
2306
2317
|
};
|
|
2307
2318
|
|
|
2308
|
-
|
|
2319
|
+
React.useEffect(function () {
|
|
2320
|
+
if (typeof window !== 'undefined') {
|
|
2321
|
+
var userData = JSON.parse(window.localStorage.getItem('user_data') || '');
|
|
2322
|
+
|
|
2323
|
+
var zipCode = _get(userData, 'zip', '');
|
|
2324
|
+
|
|
2325
|
+
zipCode && setPostalCode(zipCode);
|
|
2326
|
+
}
|
|
2327
|
+
}, []);
|
|
2328
|
+
return React__default.createElement("div", {
|
|
2329
|
+
className: "stripe_payment_container"
|
|
2330
|
+
}, !!stripeError && React__default.createElement("div", {
|
|
2309
2331
|
className: "checkout_error_block"
|
|
2310
2332
|
}, stripeError), React__default.createElement("form", {
|
|
2311
2333
|
onSubmit: handleSubmit
|
|
@@ -2345,9 +2367,9 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2345
2367
|
}))), React__default.createElement("div", {
|
|
2346
2368
|
className: "payment_button"
|
|
2347
2369
|
}, React__default.createElement("button", {
|
|
2348
|
-
disabled: !stripe || !!error,
|
|
2370
|
+
disabled: !stripe || !!error || isLoading,
|
|
2349
2371
|
type: "submit"
|
|
2350
|
-
}, "Pay " + getCurrencySymbolByCurrency(currency) + total))));
|
|
2372
|
+
}, isLoading ? React__default.createElement(CircularProgress, null) : "Pay " + getCurrencySymbolByCurrency(currency) + total))));
|
|
2351
2373
|
};
|
|
2352
2374
|
|
|
2353
2375
|
var testId = ENV.STRIPE_PUBLISHABLE_KEY ;
|
|
@@ -2393,6 +2415,10 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
2393
2415
|
error = _useState3[0],
|
|
2394
2416
|
setError = _useState3[1];
|
|
2395
2417
|
|
|
2418
|
+
var _useState4 = React.useState(false),
|
|
2419
|
+
paymentIsLoading = _useState4[0],
|
|
2420
|
+
setPaymentIsLoading = _useState4[1];
|
|
2421
|
+
|
|
2396
2422
|
var showFormTitle = Boolean(formTitle);
|
|
2397
2423
|
var showErrorText = Boolean(errorText);
|
|
2398
2424
|
React.useEffect(function () {
|
|
@@ -2457,38 +2483,40 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
2457
2483
|
_context2.prev = 0;
|
|
2458
2484
|
|
|
2459
2485
|
if (!error) {
|
|
2460
|
-
_context2.next =
|
|
2486
|
+
_context2.next = 4;
|
|
2461
2487
|
break;
|
|
2462
2488
|
}
|
|
2463
2489
|
|
|
2490
|
+
setPaymentIsLoading(false);
|
|
2464
2491
|
throw error;
|
|
2465
2492
|
|
|
2466
|
-
case
|
|
2493
|
+
case 4:
|
|
2467
2494
|
order_hash = reviewData.order_details.order_hash;
|
|
2468
|
-
_context2.next =
|
|
2495
|
+
_context2.next = 7;
|
|
2469
2496
|
return handlePaymentSuccess(order_hash);
|
|
2470
2497
|
|
|
2471
|
-
case
|
|
2498
|
+
case 7:
|
|
2472
2499
|
paymentSuccessResponse = _context2.sent;
|
|
2473
2500
|
|
|
2474
2501
|
if (paymentSuccessResponse.status === 200) {
|
|
2475
2502
|
handlePayment(paymentSuccessResponse);
|
|
2503
|
+
setPaymentIsLoading(false);
|
|
2476
2504
|
}
|
|
2477
2505
|
|
|
2478
|
-
_context2.next =
|
|
2506
|
+
_context2.next = 14;
|
|
2479
2507
|
break;
|
|
2480
2508
|
|
|
2481
|
-
case
|
|
2482
|
-
_context2.prev =
|
|
2509
|
+
case 11:
|
|
2510
|
+
_context2.prev = 11;
|
|
2483
2511
|
_context2.t0 = _context2["catch"](0);
|
|
2484
2512
|
setError(_get(_context2.t0, 'response.data.message'));
|
|
2485
2513
|
|
|
2486
|
-
case
|
|
2514
|
+
case 14:
|
|
2487
2515
|
case "end":
|
|
2488
2516
|
return _context2.stop();
|
|
2489
2517
|
}
|
|
2490
2518
|
}
|
|
2491
|
-
}, _callee2, null, [[0,
|
|
2519
|
+
}, _callee2, null, [[0, 11]]);
|
|
2492
2520
|
}));
|
|
2493
2521
|
|
|
2494
2522
|
return function handlePaymentMiddleWare(_x) {
|
|
@@ -2537,7 +2565,11 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
2537
2565
|
onSubmit: handlePaymentMiddleWare,
|
|
2538
2566
|
error: error,
|
|
2539
2567
|
currency: orderData.currency,
|
|
2540
|
-
billing_info: reviewData.billing_info
|
|
2568
|
+
billing_info: reviewData.billing_info,
|
|
2569
|
+
isLoading: paymentIsLoading,
|
|
2570
|
+
handleSetLoading: function handleSetLoading(value) {
|
|
2571
|
+
return setPaymentIsLoading(value);
|
|
2572
|
+
}
|
|
2541
2573
|
}))))));
|
|
2542
2574
|
};
|
|
2543
2575
|
|
|
@@ -2793,7 +2825,9 @@ var renderTiers = function renderTiers(boxOffice, selectedTickets, handleTicketS
|
|
|
2793
2825
|
className: "event-detail__tier-price"
|
|
2794
2826
|
}, ticketIsDiscounted && React__default.createElement("p", {
|
|
2795
2827
|
className: "old-price"
|
|
2796
|
-
}, "$ ", (+tier.oldPrice).toFixed(2)), React__default.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+tier.cost || +tier.price).toFixed(2))
|
|
2828
|
+
}, "$ ", (+tier.oldPrice).toFixed(2)), React__default.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+tier.cost || +tier.price).toFixed(2)), !isSoldOut && React__default.createElement("p", {
|
|
2829
|
+
className: 'fees'
|
|
2830
|
+
}, tier.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React__default.createElement("div", {
|
|
2797
2831
|
className: "event-detail__tier-state",
|
|
2798
2832
|
style: {
|
|
2799
2833
|
minWidth: 55
|
|
@@ -3008,14 +3042,19 @@ var TicketsContainer = function TicketsContainer(_ref) {
|
|
|
3008
3042
|
return React__default.createElement("div", {
|
|
3009
3043
|
className: "get-tickets-page",
|
|
3010
3044
|
style: contentStyle
|
|
3011
|
-
}, isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", null, renderTiers(tickets, selectedTickets, handleTicketSelect, promoCodeIsApplied), promoCodeIsApplied
|
|
3045
|
+
}, isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", null, renderTiers(tickets, selectedTickets, handleTicketSelect, promoCodeIsApplied), promoCodeIsApplied ? React__default.createElement("div", {
|
|
3012
3046
|
className: "alert-info"
|
|
3013
|
-
}, "Your promo code was applied successfully."), showPromoInput && React__default.createElement("div", {
|
|
3047
|
+
}, "Your promo code was applied successfully.") : null, showPromoInput && React__default.createElement("div", {
|
|
3014
3048
|
className: "promo-code-block"
|
|
3015
3049
|
}, React__default.createElement("input", {
|
|
3016
3050
|
placeholder: "Promo Code",
|
|
3017
3051
|
onChange: function onChange(e) {
|
|
3018
3052
|
setPromoCode(e.target.value);
|
|
3053
|
+
},
|
|
3054
|
+
onKeyPress: function onKeyPress(event) {
|
|
3055
|
+
if (event.key === 'Enter') {
|
|
3056
|
+
setPromoCodeUpdated(promoCode);
|
|
3057
|
+
}
|
|
3019
3058
|
}
|
|
3020
3059
|
}), React__default.createElement(Button$1, {
|
|
3021
3060
|
className: "promo-apply-button",
|