tf-checkout-react 1.0.90 → 1.0.94
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/api/index.d.ts +1 -0
- package/dist/components/billing-info-container/utils.d.ts +2 -1
- package/dist/components/ticketsContainer/ReferralLogic.d.ts +5 -0
- package/dist/tf-checkout-react.cjs.development.js +79 -7
- 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 +79 -7
- 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 +11 -9
- package/src/components/billing-info-container/index.tsx +6 -1
- 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
- package/src/components/ticketsContainer/ReferralLogic.tsx +33 -0
- package/src/components/ticketsContainer/index.tsx +2 -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);
|
|
@@ -1298,6 +1298,11 @@ var addToWaitingList = function addToWaitingList(id, data) {
|
|
|
1298
1298
|
var getConditions = function getConditions(eventId) {
|
|
1299
1299
|
return publicRequest.get("v1/event/" + eventId + "/conditions");
|
|
1300
1300
|
};
|
|
1301
|
+
var postReferralVisits = function postReferralVisits(eventId, referralId) {
|
|
1302
|
+
return publicRequest.post("/v1/event/" + eventId + "/referrer/", {
|
|
1303
|
+
referrer: "" + referralId
|
|
1304
|
+
});
|
|
1305
|
+
};
|
|
1301
1306
|
|
|
1302
1307
|
var style = {
|
|
1303
1308
|
position: 'absolute',
|
|
@@ -1331,6 +1336,12 @@ var LoginModal = function LoginModal(_ref) {
|
|
|
1331
1336
|
error = _useState[0],
|
|
1332
1337
|
setError = _useState[1];
|
|
1333
1338
|
|
|
1339
|
+
var handleForgotPassword = function handleForgotPassword() {
|
|
1340
|
+
if (typeof window !== 'undefined') {
|
|
1341
|
+
window.open(CONFIGS.BASE_URL + "/password-restore/");
|
|
1342
|
+
}
|
|
1343
|
+
};
|
|
1344
|
+
|
|
1334
1345
|
return React.createElement(Modal, {
|
|
1335
1346
|
open: true,
|
|
1336
1347
|
onClose: onClose,
|
|
@@ -1509,7 +1520,11 @@ var LoginModal = function LoginModal(_ref) {
|
|
|
1509
1520
|
className: "login-action-button"
|
|
1510
1521
|
}, React.createElement("button", {
|
|
1511
1522
|
type: "submit"
|
|
1512
|
-
}, "Login"))
|
|
1523
|
+
}, "Login")), React.createElement("div", {
|
|
1524
|
+
className: 'forgot-password'
|
|
1525
|
+
}, React.createElement("span", {
|
|
1526
|
+
onClick: handleForgotPassword
|
|
1527
|
+
}, "Forgot password?"))));
|
|
1513
1528
|
}))));
|
|
1514
1529
|
};
|
|
1515
1530
|
|
|
@@ -1849,7 +1864,7 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
|
|
|
1849
1864
|
|
|
1850
1865
|
return body;
|
|
1851
1866
|
};
|
|
1852
|
-
var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
1867
|
+
var getValidateFunctions = function getValidateFunctions(element, states, values) {
|
|
1853
1868
|
var validationFunctions = [];
|
|
1854
1869
|
|
|
1855
1870
|
if (element.required) {
|
|
@@ -1862,6 +1877,14 @@ var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
|
1862
1877
|
validationFunctions.push(element.onValidate);
|
|
1863
1878
|
}
|
|
1864
1879
|
|
|
1880
|
+
if (element.name === 'confirmEmail') {
|
|
1881
|
+
var isSameEmail = function isSameEmail(confirmEmail) {
|
|
1882
|
+
return values.email !== confirmEmail ? 'Please confirm your email address correctly' : null;
|
|
1883
|
+
};
|
|
1884
|
+
|
|
1885
|
+
validationFunctions.push(isSameEmail);
|
|
1886
|
+
}
|
|
1887
|
+
|
|
1865
1888
|
return combineValidators.apply(void 0, validationFunctions);
|
|
1866
1889
|
};
|
|
1867
1890
|
var assingUniqueIds = function assingUniqueIds(data) {
|
|
@@ -2362,7 +2385,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2362
2385
|
|
|
2363
2386
|
var ttfOptIn = Boolean(_get(cartInfoData, 'ttfOptIn', false));
|
|
2364
2387
|
|
|
2365
|
-
var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
|
|
2388
|
+
var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
|
|
2389
|
+
|
|
2390
|
+
var flagRequirePhone = _get(cartInfoData, 'flagRequirePhone', false); // Get prevProps
|
|
2366
2391
|
|
|
2367
2392
|
|
|
2368
2393
|
var prevData = useRef(data);
|
|
@@ -2870,6 +2895,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2870
2895
|
return false;
|
|
2871
2896
|
}
|
|
2872
2897
|
|
|
2898
|
+
if (el.name === 'phone' && !flagRequirePhone) {
|
|
2899
|
+
el.required = true;
|
|
2900
|
+
}
|
|
2901
|
+
|
|
2873
2902
|
return true;
|
|
2874
2903
|
}), function (element) {
|
|
2875
2904
|
return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React.createElement(React.Fragment, {
|
|
@@ -2880,7 +2909,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2880
2909
|
name: element.name,
|
|
2881
2910
|
label: element.label,
|
|
2882
2911
|
type: element.type,
|
|
2883
|
-
validate: getValidateFunctions(element, states),
|
|
2912
|
+
validate: getValidateFunctions(element, states, props.values),
|
|
2884
2913
|
setFieldValue: props.setFieldValue,
|
|
2885
2914
|
onBlur: props.handleBlur,
|
|
2886
2915
|
component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? FormikPhoneNumberField : CustomField,
|
|
@@ -3750,7 +3779,7 @@ var SocialButtons = function SocialButtons(_ref2) {
|
|
|
3750
3779
|
return React.createElement(SocialComponent, Object.assign({
|
|
3751
3780
|
key: index
|
|
3752
3781
|
}, shareButton));
|
|
3753
|
-
})));
|
|
3782
|
+
})), (showDefaultShareButtons || shareButtons.length) && React.createElement("p", null, "We ", React.createElement("strong", null, "never"), " post on Facebook without your permission!"));
|
|
3754
3783
|
};
|
|
3755
3784
|
|
|
3756
3785
|
var ConfirmationContainer = function ConfirmationContainer(_ref) {
|
|
@@ -4386,6 +4415,47 @@ function Countdown(_ref) {
|
|
|
4386
4415
|
}, message)));
|
|
4387
4416
|
}
|
|
4388
4417
|
|
|
4418
|
+
var ReferralLogic = function ReferralLogic(props) {
|
|
4419
|
+
var eventId = props.eventId;
|
|
4420
|
+
var isWindowDefined = typeof window !== 'undefined';
|
|
4421
|
+
useEffect(function () {
|
|
4422
|
+
if (isWindowDefined) {
|
|
4423
|
+
var params = new URL("" + window.location).searchParams;
|
|
4424
|
+
var referralId = params.get('ttf_r') || '';
|
|
4425
|
+
var isAlreadyCounted = !!localStorage.getItem('referral_key');
|
|
4426
|
+
|
|
4427
|
+
if (referralId && eventId && !isAlreadyCounted) {
|
|
4428
|
+
_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
|
|
4429
|
+
return runtime_1.wrap(function _callee$(_context) {
|
|
4430
|
+
while (1) {
|
|
4431
|
+
switch (_context.prev = _context.next) {
|
|
4432
|
+
case 0:
|
|
4433
|
+
_context.prev = 0;
|
|
4434
|
+
_context.next = 3;
|
|
4435
|
+
return postReferralVisits("" + eventId, referralId);
|
|
4436
|
+
|
|
4437
|
+
case 3:
|
|
4438
|
+
localStorage.setItem('referral_key', [eventId, '.', referralId].join(''));
|
|
4439
|
+
_context.next = 8;
|
|
4440
|
+
break;
|
|
4441
|
+
|
|
4442
|
+
case 6:
|
|
4443
|
+
_context.prev = 6;
|
|
4444
|
+
_context.t0 = _context["catch"](0);
|
|
4445
|
+
|
|
4446
|
+
case 8:
|
|
4447
|
+
case "end":
|
|
4448
|
+
return _context.stop();
|
|
4449
|
+
}
|
|
4450
|
+
}
|
|
4451
|
+
}, _callee, null, [[0, 6]]);
|
|
4452
|
+
}))();
|
|
4453
|
+
}
|
|
4454
|
+
}
|
|
4455
|
+
}, []);
|
|
4456
|
+
return null;
|
|
4457
|
+
};
|
|
4458
|
+
|
|
4389
4459
|
function Loader$1() {
|
|
4390
4460
|
return React.createElement("div", {
|
|
4391
4461
|
className: "loader-container"
|
|
@@ -4730,7 +4800,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
|
|
|
4730
4800
|
}, []);
|
|
4731
4801
|
return React.createElement(ThemeProvider$1, {
|
|
4732
4802
|
theme: themeMui
|
|
4733
|
-
}, React.createElement(
|
|
4803
|
+
}, React.createElement(ReferralLogic, {
|
|
4804
|
+
eventId: eventId
|
|
4805
|
+
}), React.createElement("div", {
|
|
4734
4806
|
className: "get-tickets-page " + theme,
|
|
4735
4807
|
style: contentStyle
|
|
4736
4808
|
}, isLoading ? React.createElement(Loader$1, null) : React.createElement("div", null, React.createElement(TicketsSection, {
|