tf-checkout-react 1.0.91 → 1.0.95
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 +69 -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 +69 -7
- package/dist/tf-checkout-react.esm.js.map +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/ticketsContainer/ReferralLogic.tsx +33 -0
- package/src/components/ticketsContainer/TicketsSection.tsx +1 -1
- 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',
|
|
@@ -1859,7 +1864,7 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
|
|
|
1859
1864
|
|
|
1860
1865
|
return body;
|
|
1861
1866
|
};
|
|
1862
|
-
var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
1867
|
+
var getValidateFunctions = function getValidateFunctions(element, states, values) {
|
|
1863
1868
|
var validationFunctions = [];
|
|
1864
1869
|
|
|
1865
1870
|
if (element.required) {
|
|
@@ -1872,6 +1877,14 @@ var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
|
1872
1877
|
validationFunctions.push(element.onValidate);
|
|
1873
1878
|
}
|
|
1874
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
|
+
|
|
1875
1888
|
return combineValidators.apply(void 0, validationFunctions);
|
|
1876
1889
|
};
|
|
1877
1890
|
var assingUniqueIds = function assingUniqueIds(data) {
|
|
@@ -2372,7 +2385,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2372
2385
|
|
|
2373
2386
|
var ttfOptIn = Boolean(_get(cartInfoData, 'ttfOptIn', false));
|
|
2374
2387
|
|
|
2375
|
-
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
|
|
2376
2391
|
|
|
2377
2392
|
|
|
2378
2393
|
var prevData = useRef(data);
|
|
@@ -2880,6 +2895,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2880
2895
|
return false;
|
|
2881
2896
|
}
|
|
2882
2897
|
|
|
2898
|
+
if (el.name === 'phone' && !flagRequirePhone) {
|
|
2899
|
+
el.required = true;
|
|
2900
|
+
}
|
|
2901
|
+
|
|
2883
2902
|
return true;
|
|
2884
2903
|
}), function (element) {
|
|
2885
2904
|
return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React.createElement(React.Fragment, {
|
|
@@ -2890,7 +2909,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2890
2909
|
name: element.name,
|
|
2891
2910
|
label: element.label,
|
|
2892
2911
|
type: element.type,
|
|
2893
|
-
validate: getValidateFunctions(element, states),
|
|
2912
|
+
validate: getValidateFunctions(element, states, props.values),
|
|
2894
2913
|
setFieldValue: props.setFieldValue,
|
|
2895
2914
|
onBlur: props.handleBlur,
|
|
2896
2915
|
component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? FormikPhoneNumberField : CustomField,
|
|
@@ -3760,7 +3779,7 @@ var SocialButtons = function SocialButtons(_ref2) {
|
|
|
3760
3779
|
return React.createElement(SocialComponent, Object.assign({
|
|
3761
3780
|
key: index
|
|
3762
3781
|
}, shareButton));
|
|
3763
|
-
})));
|
|
3782
|
+
})), (showDefaultShareButtons || shareButtons.length) && React.createElement("p", null, "We ", React.createElement("strong", null, "never"), " post on Facebook without your permission!"));
|
|
3764
3783
|
};
|
|
3765
3784
|
|
|
3766
3785
|
var ConfirmationContainer = function ConfirmationContainer(_ref) {
|
|
@@ -4062,7 +4081,7 @@ var TicketsSection = function TicketsSection(_ref) {
|
|
|
4062
4081
|
className: "old-price"
|
|
4063
4082
|
}, "$ ", (+ticket.oldPrice).toFixed(2)), React.createElement("p", null, ticketPrice), !isSoldOut && !ticketIsFree && React.createElement("p", {
|
|
4064
4083
|
className: "fees"
|
|
4065
|
-
}, ticket.
|
|
4084
|
+
}, ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)')), React.createElement("div", {
|
|
4066
4085
|
className: "event-detail__tier-state",
|
|
4067
4086
|
style: {
|
|
4068
4087
|
minWidth: 55
|
|
@@ -4396,6 +4415,47 @@ function Countdown(_ref) {
|
|
|
4396
4415
|
}, message)));
|
|
4397
4416
|
}
|
|
4398
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
|
+
|
|
4399
4459
|
function Loader$1() {
|
|
4400
4460
|
return React.createElement("div", {
|
|
4401
4461
|
className: "loader-container"
|
|
@@ -4740,7 +4800,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
|
|
|
4740
4800
|
}, []);
|
|
4741
4801
|
return React.createElement(ThemeProvider$1, {
|
|
4742
4802
|
theme: themeMui
|
|
4743
|
-
}, React.createElement(
|
|
4803
|
+
}, React.createElement(ReferralLogic, {
|
|
4804
|
+
eventId: eventId
|
|
4805
|
+
}), React.createElement("div", {
|
|
4744
4806
|
className: "get-tickets-page " + theme,
|
|
4745
4807
|
style: contentStyle
|
|
4746
4808
|
}, isLoading ? React.createElement(Loader$1, null) : React.createElement("div", null, React.createElement(TicketsSection, {
|