tf-checkout-react 1.0.89 → 1.0.93
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 +2 -1
- package/dist/tf-checkout-react.cjs.development.js +75 -49
- 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 +75 -49
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/dist/tf-checkout-styles.css +1 -1
- package/package.json +2 -2
- package/src/api/index.ts +1 -1
- package/src/components/billing-info-container/index.tsx +32 -25
- package/src/components/billing-info-container/utils.ts +11 -1
- package/src/components/confirmationContainer/social-buttons.tsx +3 -0
- package/src/components/loginModal/index.tsx +8 -0
- package/src/components/loginModal/style.css +9 -0
|
@@ -1287,7 +1287,7 @@ var getStates = function getStates(countryId) {
|
|
|
1287
1287
|
return publicRequest.get("/countries/" + countryId + "/states/");
|
|
1288
1288
|
};
|
|
1289
1289
|
var getOrders = function getOrders(page, limit, eventSlug) {
|
|
1290
|
-
return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug);
|
|
1290
|
+
return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug + "&filter[brand]=" + CONFIGS.BRAND_SLUG);
|
|
1291
1291
|
};
|
|
1292
1292
|
var getOrderDetails = function getOrderDetails(orderId) {
|
|
1293
1293
|
return publicRequest.get("/v1/account/order/" + orderId);
|
|
@@ -1331,6 +1331,12 @@ var LoginModal = function LoginModal(_ref) {
|
|
|
1331
1331
|
error = _useState[0],
|
|
1332
1332
|
setError = _useState[1];
|
|
1333
1333
|
|
|
1334
|
+
var handleForgotPassword = function handleForgotPassword() {
|
|
1335
|
+
if (typeof window !== 'undefined') {
|
|
1336
|
+
window.open(CONFIGS.BASE_URL + "/password-restore/");
|
|
1337
|
+
}
|
|
1338
|
+
};
|
|
1339
|
+
|
|
1334
1340
|
return React.createElement(Modal, {
|
|
1335
1341
|
open: true,
|
|
1336
1342
|
onClose: onClose,
|
|
@@ -1509,7 +1515,11 @@ var LoginModal = function LoginModal(_ref) {
|
|
|
1509
1515
|
className: "login-action-button"
|
|
1510
1516
|
}, React.createElement("button", {
|
|
1511
1517
|
type: "submit"
|
|
1512
|
-
}, "Login"))
|
|
1518
|
+
}, "Login")), React.createElement("div", {
|
|
1519
|
+
className: 'forgot-password'
|
|
1520
|
+
}, React.createElement("span", {
|
|
1521
|
+
onClick: handleForgotPassword
|
|
1522
|
+
}, "Forgot password?"))));
|
|
1513
1523
|
}))));
|
|
1514
1524
|
};
|
|
1515
1525
|
|
|
@@ -1849,7 +1859,7 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
|
|
|
1849
1859
|
|
|
1850
1860
|
return body;
|
|
1851
1861
|
};
|
|
1852
|
-
var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
1862
|
+
var getValidateFunctions = function getValidateFunctions(element, states, values) {
|
|
1853
1863
|
var validationFunctions = [];
|
|
1854
1864
|
|
|
1855
1865
|
if (element.required) {
|
|
@@ -1862,6 +1872,14 @@ var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
|
1862
1872
|
validationFunctions.push(element.onValidate);
|
|
1863
1873
|
}
|
|
1864
1874
|
|
|
1875
|
+
if (element.name === 'confirmEmail') {
|
|
1876
|
+
var isSameEmail = function isSameEmail(confirmEmail) {
|
|
1877
|
+
return values.email !== confirmEmail ? 'Please confirm your email address correctly' : null;
|
|
1878
|
+
};
|
|
1879
|
+
|
|
1880
|
+
validationFunctions.push(isSameEmail);
|
|
1881
|
+
}
|
|
1882
|
+
|
|
1865
1883
|
return combineValidators.apply(void 0, validationFunctions);
|
|
1866
1884
|
};
|
|
1867
1885
|
var assingUniqueIds = function assingUniqueIds(data) {
|
|
@@ -2362,7 +2380,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2362
2380
|
|
|
2363
2381
|
var ttfOptIn = Boolean(_get(cartInfoData, 'ttfOptIn', false));
|
|
2364
2382
|
|
|
2365
|
-
var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
|
|
2383
|
+
var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
|
|
2384
|
+
|
|
2385
|
+
var flagRequirePhone = _get(cartInfoData, 'flagRequirePhone', false); // Get prevProps
|
|
2366
2386
|
|
|
2367
2387
|
|
|
2368
2388
|
var prevData = useRef(data);
|
|
@@ -2605,7 +2625,24 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2605
2625
|
}();
|
|
2606
2626
|
|
|
2607
2627
|
collectPaymentData();
|
|
2608
|
-
}, [skipPage, ticketsQuantity]);
|
|
2628
|
+
}, [skipPage, ticketsQuantity]);
|
|
2629
|
+
|
|
2630
|
+
var collectCheckoutBody = function collectCheckoutBody(values) {
|
|
2631
|
+
var checkoutBody = {}; // Auto collect ticket holders name when it was skipped optionally
|
|
2632
|
+
|
|
2633
|
+
if (showDOB && !showTicketHolders && canSkipHolderNames) {
|
|
2634
|
+
checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true);
|
|
2635
|
+
} else {
|
|
2636
|
+
checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
|
|
2637
|
+
emailLogged: emailLogged,
|
|
2638
|
+
firstNameLogged: firstNameLogged,
|
|
2639
|
+
lastNameLogged: lastNameLogged
|
|
2640
|
+
}, showDOB);
|
|
2641
|
+
}
|
|
2642
|
+
|
|
2643
|
+
return checkoutBody;
|
|
2644
|
+
}; // Displaying loader
|
|
2645
|
+
|
|
2609
2646
|
|
|
2610
2647
|
if (loading) {
|
|
2611
2648
|
return React.createElement(Backdrop, {
|
|
@@ -2639,7 +2676,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2639
2676
|
_context6.prev = 0;
|
|
2640
2677
|
|
|
2641
2678
|
if (!isLoggedIn) {
|
|
2642
|
-
_context6.next =
|
|
2679
|
+
_context6.next = 17;
|
|
2643
2680
|
break;
|
|
2644
2681
|
}
|
|
2645
2682
|
|
|
@@ -2661,31 +2698,20 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2661
2698
|
}
|
|
2662
2699
|
|
|
2663
2700
|
case 9:
|
|
2664
|
-
_checkoutBody =
|
|
2665
|
-
|
|
2666
|
-
if (showDOB && !showTicketHolders && canSkipHolderNames) {
|
|
2667
|
-
_checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true);
|
|
2668
|
-
} else {
|
|
2669
|
-
_checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
|
|
2670
|
-
emailLogged: emailLogged,
|
|
2671
|
-
firstNameLogged: firstNameLogged,
|
|
2672
|
-
lastNameLogged: lastNameLogged
|
|
2673
|
-
}, showDOB);
|
|
2674
|
-
}
|
|
2675
|
-
|
|
2676
|
-
_context6.next = 13;
|
|
2701
|
+
_checkoutBody = collectCheckoutBody(values);
|
|
2702
|
+
_context6.next = 12;
|
|
2677
2703
|
return postOnCheckout(_checkoutBody, access_token);
|
|
2678
2704
|
|
|
2679
|
-
case
|
|
2705
|
+
case 12:
|
|
2680
2706
|
_res = _context6.sent;
|
|
2681
|
-
_context6.next =
|
|
2707
|
+
_context6.next = 15;
|
|
2682
2708
|
return getPaymentData(_res.data.data.attributes.hash);
|
|
2683
2709
|
|
|
2684
|
-
case
|
|
2710
|
+
case 15:
|
|
2685
2711
|
handleSubmit(values, formikHelpers, eventId, _res);
|
|
2686
2712
|
return _context6.abrupt("return");
|
|
2687
2713
|
|
|
2688
|
-
case
|
|
2714
|
+
case 17:
|
|
2689
2715
|
checkoutBodyForRegistration = createCheckoutDataBody(ticketsQuantity.length, values, {
|
|
2690
2716
|
emailLogged: emailLogged,
|
|
2691
2717
|
firstNameLogged: firstNameLogged,
|
|
@@ -2693,11 +2719,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2693
2719
|
}, showDOB);
|
|
2694
2720
|
bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration);
|
|
2695
2721
|
access_token_register = null;
|
|
2696
|
-
_context6.prev =
|
|
2697
|
-
_context6.next =
|
|
2722
|
+
_context6.prev = 20;
|
|
2723
|
+
_context6.next = 23;
|
|
2698
2724
|
return register(bodyFormData);
|
|
2699
2725
|
|
|
2700
|
-
case
|
|
2726
|
+
case 23:
|
|
2701
2727
|
resRegister = _context6.sent;
|
|
2702
2728
|
access_token_register = _get(resRegister, 'data.data.attributes.access_token');
|
|
2703
2729
|
refreshToken = _get(resRegister, 'data.data.attributes.refresh_token');
|
|
@@ -2707,12 +2733,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2707
2733
|
refreshToken: refreshToken
|
|
2708
2734
|
};
|
|
2709
2735
|
onRegisterSuccess(tokens);
|
|
2710
|
-
_context6.next =
|
|
2736
|
+
_context6.next = 35;
|
|
2711
2737
|
break;
|
|
2712
2738
|
|
|
2713
|
-
case
|
|
2714
|
-
_context6.prev =
|
|
2715
|
-
_context6.t0 = _context6["catch"](
|
|
2739
|
+
case 31:
|
|
2740
|
+
_context6.prev = 31;
|
|
2741
|
+
_context6.t0 = _context6["catch"](20);
|
|
2716
2742
|
|
|
2717
2743
|
if (axios.isAxiosError(_context6.t0)) {
|
|
2718
2744
|
_error = _context6.t0 == null ? void 0 : (_e$response = _context6.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
|
|
@@ -2737,11 +2763,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2737
2763
|
|
|
2738
2764
|
return _context6.abrupt("return");
|
|
2739
2765
|
|
|
2740
|
-
case
|
|
2741
|
-
_context6.next =
|
|
2766
|
+
case 35:
|
|
2767
|
+
_context6.next = 37;
|
|
2742
2768
|
return getProfileData(access_token_register);
|
|
2743
2769
|
|
|
2744
|
-
case
|
|
2770
|
+
case 37:
|
|
2745
2771
|
profileData = _context6.sent;
|
|
2746
2772
|
profileSpecifiedData = _get(profileData, 'data.data');
|
|
2747
2773
|
profileDataObj = setLoggedUserData(profileSpecifiedData);
|
|
@@ -2750,26 +2776,22 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2750
2776
|
window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
|
|
2751
2777
|
}
|
|
2752
2778
|
|
|
2753
|
-
checkoutBody =
|
|
2754
|
-
|
|
2755
|
-
firstNameLogged: firstNameLogged,
|
|
2756
|
-
lastNameLogged: lastNameLogged
|
|
2757
|
-
}, showDOB);
|
|
2758
|
-
_context6.next = 45;
|
|
2779
|
+
checkoutBody = collectCheckoutBody(values);
|
|
2780
|
+
_context6.next = 44;
|
|
2759
2781
|
return postOnCheckout(checkoutBody, access_token_register);
|
|
2760
2782
|
|
|
2761
|
-
case
|
|
2783
|
+
case 44:
|
|
2762
2784
|
res = _context6.sent;
|
|
2763
|
-
_context6.next =
|
|
2785
|
+
_context6.next = 47;
|
|
2764
2786
|
return getPaymentData(res.data.data.attributes.hash);
|
|
2765
2787
|
|
|
2766
|
-
case
|
|
2788
|
+
case 47:
|
|
2767
2789
|
handleSubmit(values, formikHelpers, eventId, res);
|
|
2768
|
-
_context6.next =
|
|
2790
|
+
_context6.next = 53;
|
|
2769
2791
|
break;
|
|
2770
2792
|
|
|
2771
|
-
case
|
|
2772
|
-
_context6.prev =
|
|
2793
|
+
case 50:
|
|
2794
|
+
_context6.prev = 50;
|
|
2773
2795
|
_context6.t1 = _context6["catch"](0);
|
|
2774
2796
|
|
|
2775
2797
|
if (axios.isAxiosError(_context6.t1)) {
|
|
@@ -2793,12 +2815,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2793
2815
|
onSubmitError(_context6.t1);
|
|
2794
2816
|
}
|
|
2795
2817
|
|
|
2796
|
-
case
|
|
2818
|
+
case 53:
|
|
2797
2819
|
case "end":
|
|
2798
2820
|
return _context6.stop();
|
|
2799
2821
|
}
|
|
2800
2822
|
}
|
|
2801
|
-
}, _callee6, null, [[0,
|
|
2823
|
+
}, _callee6, null, [[0, 50], [20, 31]]);
|
|
2802
2824
|
}));
|
|
2803
2825
|
|
|
2804
2826
|
function onSubmit(_x2, _x3) {
|
|
@@ -2868,6 +2890,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2868
2890
|
return false;
|
|
2869
2891
|
}
|
|
2870
2892
|
|
|
2893
|
+
if (el.name === 'phone' && !flagRequirePhone) {
|
|
2894
|
+
el.required = true;
|
|
2895
|
+
}
|
|
2896
|
+
|
|
2871
2897
|
return true;
|
|
2872
2898
|
}), function (element) {
|
|
2873
2899
|
return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React.createElement(React.Fragment, {
|
|
@@ -2878,7 +2904,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2878
2904
|
name: element.name,
|
|
2879
2905
|
label: element.label,
|
|
2880
2906
|
type: element.type,
|
|
2881
|
-
validate: getValidateFunctions(element, states),
|
|
2907
|
+
validate: getValidateFunctions(element, states, props.values),
|
|
2882
2908
|
setFieldValue: props.setFieldValue,
|
|
2883
2909
|
onBlur: props.handleBlur,
|
|
2884
2910
|
component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? FormikPhoneNumberField : CustomField,
|
|
@@ -3748,7 +3774,7 @@ var SocialButtons = function SocialButtons(_ref2) {
|
|
|
3748
3774
|
return React.createElement(SocialComponent, Object.assign({
|
|
3749
3775
|
key: index
|
|
3750
3776
|
}, shareButton));
|
|
3751
|
-
})));
|
|
3777
|
+
})), (showDefaultShareButtons || shareButtons.length) && React.createElement("p", null, "We ", React.createElement("strong", null, "never"), " post on Facebook without your permission!"));
|
|
3752
3778
|
};
|
|
3753
3779
|
|
|
3754
3780
|
var ConfirmationContainer = function ConfirmationContainer(_ref) {
|