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
package/dist/api/index.d.ts
CHANGED
|
@@ -27,4 +27,5 @@ export declare const getOrders: (page: number, limit: number, eventSlug: string)
|
|
|
27
27
|
export declare const getOrderDetails: (orderId: string) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
28
28
|
export declare const addToWaitingList: (id: number, data: any) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
29
29
|
export declare const getConditions: (eventId: string) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
30
|
+
export declare const postReferralVisits: (eventId: string, referralId: string) => Promise<import("axios").AxiosResponse<any, any>>;
|
|
30
31
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IGroupItem } from '../../types';
|
|
2
|
+
import { FormikValues } from 'formik';
|
|
2
3
|
export interface ILoggedInValues {
|
|
3
4
|
emailLogged?: string;
|
|
4
5
|
firstNameLogged?: string;
|
|
@@ -48,6 +49,6 @@ export declare const setLoggedUserData: (data: IUserData) => {
|
|
|
48
49
|
export declare const createCheckoutDataBody: (ticketsQuantity: number, values?: IValues, logedInValues?: ILoggedInValues, includeDob?: boolean) => ICheckoutBody;
|
|
49
50
|
export declare const getValidateFunctions: (element: IGroupItem, states: {
|
|
50
51
|
[key: string]: any;
|
|
51
|
-
}[]) => (...value: any) => any;
|
|
52
|
+
}[], values: FormikValues) => (...value: any) => any;
|
|
52
53
|
export declare const assingUniqueIds: (data: any) => any;
|
|
53
54
|
export {};
|
|
@@ -1294,7 +1294,7 @@ var getStates = function getStates(countryId) {
|
|
|
1294
1294
|
return publicRequest.get("/countries/" + countryId + "/states/");
|
|
1295
1295
|
};
|
|
1296
1296
|
var getOrders = function getOrders(page, limit, eventSlug) {
|
|
1297
|
-
return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug);
|
|
1297
|
+
return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug + "&filter[brand]=" + CONFIGS.BRAND_SLUG);
|
|
1298
1298
|
};
|
|
1299
1299
|
var getOrderDetails = function getOrderDetails(orderId) {
|
|
1300
1300
|
return publicRequest.get("/v1/account/order/" + orderId);
|
|
@@ -1305,6 +1305,11 @@ var addToWaitingList = function addToWaitingList(id, data) {
|
|
|
1305
1305
|
var getConditions = function getConditions(eventId) {
|
|
1306
1306
|
return publicRequest.get("v1/event/" + eventId + "/conditions");
|
|
1307
1307
|
};
|
|
1308
|
+
var postReferralVisits = function postReferralVisits(eventId, referralId) {
|
|
1309
|
+
return publicRequest.post("/v1/event/" + eventId + "/referrer/", {
|
|
1310
|
+
referrer: "" + referralId
|
|
1311
|
+
});
|
|
1312
|
+
};
|
|
1308
1313
|
|
|
1309
1314
|
var style = {
|
|
1310
1315
|
position: 'absolute',
|
|
@@ -1866,7 +1871,7 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
|
|
|
1866
1871
|
|
|
1867
1872
|
return body;
|
|
1868
1873
|
};
|
|
1869
|
-
var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
1874
|
+
var getValidateFunctions = function getValidateFunctions(element, states, values) {
|
|
1870
1875
|
var validationFunctions = [];
|
|
1871
1876
|
|
|
1872
1877
|
if (element.required) {
|
|
@@ -1879,6 +1884,14 @@ var getValidateFunctions = function getValidateFunctions(element, states) {
|
|
|
1879
1884
|
validationFunctions.push(element.onValidate);
|
|
1880
1885
|
}
|
|
1881
1886
|
|
|
1887
|
+
if (element.name === 'confirmEmail') {
|
|
1888
|
+
var isSameEmail = function isSameEmail(confirmEmail) {
|
|
1889
|
+
return values.email !== confirmEmail ? 'Please confirm your email address correctly' : null;
|
|
1890
|
+
};
|
|
1891
|
+
|
|
1892
|
+
validationFunctions.push(isSameEmail);
|
|
1893
|
+
}
|
|
1894
|
+
|
|
1882
1895
|
return combineValidators.apply(void 0, validationFunctions);
|
|
1883
1896
|
};
|
|
1884
1897
|
var assingUniqueIds = function assingUniqueIds(data) {
|
|
@@ -2379,7 +2392,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2379
2392
|
|
|
2380
2393
|
var ttfOptIn = Boolean(_get(cartInfoData, 'ttfOptIn', false));
|
|
2381
2394
|
|
|
2382
|
-
var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
|
|
2395
|
+
var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
|
|
2396
|
+
|
|
2397
|
+
var flagRequirePhone = _get(cartInfoData, 'flagRequirePhone', false); // Get prevProps
|
|
2383
2398
|
|
|
2384
2399
|
|
|
2385
2400
|
var prevData = React.useRef(data);
|
|
@@ -2887,6 +2902,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2887
2902
|
return false;
|
|
2888
2903
|
}
|
|
2889
2904
|
|
|
2905
|
+
if (el.name === 'phone' && !flagRequirePhone) {
|
|
2906
|
+
el.required = true;
|
|
2907
|
+
}
|
|
2908
|
+
|
|
2890
2909
|
return true;
|
|
2891
2910
|
}), function (element) {
|
|
2892
2911
|
return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React__default.createElement(React__default.Fragment, {
|
|
@@ -2897,7 +2916,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2897
2916
|
name: element.name,
|
|
2898
2917
|
label: element.label,
|
|
2899
2918
|
type: element.type,
|
|
2900
|
-
validate: getValidateFunctions(element, states),
|
|
2919
|
+
validate: getValidateFunctions(element, states, props.values),
|
|
2901
2920
|
setFieldValue: props.setFieldValue,
|
|
2902
2921
|
onBlur: props.handleBlur,
|
|
2903
2922
|
component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? FormikPhoneNumberField : CustomField,
|
|
@@ -3767,7 +3786,7 @@ var SocialButtons = function SocialButtons(_ref2) {
|
|
|
3767
3786
|
return React__default.createElement(SocialComponent, Object.assign({
|
|
3768
3787
|
key: index
|
|
3769
3788
|
}, shareButton));
|
|
3770
|
-
})));
|
|
3789
|
+
})), (showDefaultShareButtons || shareButtons.length) && React__default.createElement("p", null, "We ", React__default.createElement("strong", null, "never"), " post on Facebook without your permission!"));
|
|
3771
3790
|
};
|
|
3772
3791
|
|
|
3773
3792
|
var ConfirmationContainer = function ConfirmationContainer(_ref) {
|
|
@@ -4069,7 +4088,7 @@ var TicketsSection = function TicketsSection(_ref) {
|
|
|
4069
4088
|
className: "old-price"
|
|
4070
4089
|
}, "$ ", (+ticket.oldPrice).toFixed(2)), React__default.createElement("p", null, ticketPrice), !isSoldOut && !ticketIsFree && React__default.createElement("p", {
|
|
4071
4090
|
className: "fees"
|
|
4072
|
-
}, ticket.
|
|
4091
|
+
}, ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)')), React__default.createElement("div", {
|
|
4073
4092
|
className: "event-detail__tier-state",
|
|
4074
4093
|
style: {
|
|
4075
4094
|
minWidth: 55
|
|
@@ -4398,6 +4417,47 @@ function Countdown(_ref) {
|
|
|
4398
4417
|
}, message)));
|
|
4399
4418
|
}
|
|
4400
4419
|
|
|
4420
|
+
var ReferralLogic = function ReferralLogic(props) {
|
|
4421
|
+
var eventId = props.eventId;
|
|
4422
|
+
var isWindowDefined = typeof window !== 'undefined';
|
|
4423
|
+
React.useEffect(function () {
|
|
4424
|
+
if (isWindowDefined) {
|
|
4425
|
+
var params = new URL("" + window.location).searchParams;
|
|
4426
|
+
var referralId = params.get('ttf_r') || '';
|
|
4427
|
+
var isAlreadyCounted = !!localStorage.getItem('referral_key');
|
|
4428
|
+
|
|
4429
|
+
if (referralId && eventId && !isAlreadyCounted) {
|
|
4430
|
+
_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
|
|
4431
|
+
return runtime_1.wrap(function _callee$(_context) {
|
|
4432
|
+
while (1) {
|
|
4433
|
+
switch (_context.prev = _context.next) {
|
|
4434
|
+
case 0:
|
|
4435
|
+
_context.prev = 0;
|
|
4436
|
+
_context.next = 3;
|
|
4437
|
+
return postReferralVisits("" + eventId, referralId);
|
|
4438
|
+
|
|
4439
|
+
case 3:
|
|
4440
|
+
localStorage.setItem('referral_key', [eventId, '.', referralId].join(''));
|
|
4441
|
+
_context.next = 8;
|
|
4442
|
+
break;
|
|
4443
|
+
|
|
4444
|
+
case 6:
|
|
4445
|
+
_context.prev = 6;
|
|
4446
|
+
_context.t0 = _context["catch"](0);
|
|
4447
|
+
|
|
4448
|
+
case 8:
|
|
4449
|
+
case "end":
|
|
4450
|
+
return _context.stop();
|
|
4451
|
+
}
|
|
4452
|
+
}
|
|
4453
|
+
}, _callee, null, [[0, 6]]);
|
|
4454
|
+
}))();
|
|
4455
|
+
}
|
|
4456
|
+
}
|
|
4457
|
+
}, []);
|
|
4458
|
+
return null;
|
|
4459
|
+
};
|
|
4460
|
+
|
|
4401
4461
|
function Loader$1() {
|
|
4402
4462
|
return React__default.createElement("div", {
|
|
4403
4463
|
className: "loader-container"
|
|
@@ -4742,7 +4802,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
|
|
|
4742
4802
|
}, []);
|
|
4743
4803
|
return React__default.createElement(privateTheming.ThemeProvider, {
|
|
4744
4804
|
theme: themeMui
|
|
4745
|
-
}, React__default.createElement(
|
|
4805
|
+
}, React__default.createElement(ReferralLogic, {
|
|
4806
|
+
eventId: eventId
|
|
4807
|
+
}), React__default.createElement("div", {
|
|
4746
4808
|
className: "get-tickets-page " + theme,
|
|
4747
4809
|
style: contentStyle
|
|
4748
4810
|
}, isLoading ? React__default.createElement(Loader$1, null) : React__default.createElement("div", null, React__default.createElement(TicketsSection, {
|