tf-checkout-react 1.0.68 → 1.0.69
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/confirmationContainer/config.d.ts +1 -0
- package/dist/components/confirmationContainer/index.d.ts +2 -2
- package/dist/components/waitingList/index.d.ts +2 -1
- package/dist/env.d.ts +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/tf-checkout-react.cjs.development.js +254 -167
- 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 +257 -171
- package/dist/tf-checkout-react.esm.js.map +1 -1
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/setConfigs.d.ts +10 -0
- package/package.json +1 -1
- package/src/api/index.ts +56 -31
- package/src/components/billing-info-container/index.tsx +0 -7
- package/src/components/billing-info-container/utils.ts +3 -3
- package/src/components/confirmationContainer/config.ts +72 -0
- package/src/components/confirmationContainer/index.tsx +2 -2
- package/src/components/confirmationContainer/social-buttons.tsx +62 -87
- package/src/components/loginModal/index.tsx +3 -3
- package/src/components/paymentContainer/index.tsx +3 -4
- package/src/components/registerModal/index.tsx +3 -3
- package/src/components/stripePayment/index.tsx +4 -4
- package/src/components/ticketsContainer/index.tsx +1 -3
- package/src/components/waitingList/index.tsx +6 -5
- package/src/env.ts +3 -3
- package/src/index.ts +1 -0
- package/src/utils/index.ts +3 -0
- package/src/utils/setConfigs.ts +21 -0
package/dist/api/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { AxiosInstance } from 'axios';
|
|
|
2
2
|
interface IPublicRequest extends AxiosInstance {
|
|
3
3
|
setGuestToken: (token: string) => void;
|
|
4
4
|
setAccessToken: (token: string) => void;
|
|
5
|
+
setBaseUrl: (baseUrl: string) => void;
|
|
5
6
|
}
|
|
6
7
|
export declare const publicRequest: IPublicRequest;
|
|
7
8
|
export declare const setCustomHeader: (response: any) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function (key: string): any;
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import './style.css';
|
|
3
3
|
interface WaitingListProps {
|
|
4
4
|
tickets: any;
|
|
5
|
+
eventId: number;
|
|
5
6
|
}
|
|
6
|
-
declare const WaitingList: ({ tickets }: WaitingListProps) => JSX.Element;
|
|
7
|
+
declare const WaitingList: ({ tickets, eventId }: WaitingListProps) => JSX.Element;
|
|
7
8
|
export default WaitingList;
|
package/dist/env.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const ENV_TEST: {
|
|
2
2
|
EVENT_ID: number;
|
|
3
3
|
BASE_URL: string;
|
|
4
4
|
CLIENT_ID: string;
|
|
5
5
|
CLIENT_SECRET: string;
|
|
6
6
|
STRIPE_PUBLISHABLE_KEY: string;
|
|
7
7
|
};
|
|
8
|
-
export declare const
|
|
8
|
+
export declare const ENV: {
|
|
9
9
|
EVENT_ID: number;
|
|
10
10
|
BASE_URL: string;
|
|
11
11
|
CLIENT_ID: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -6,3 +6,4 @@ export { currencyNormalizerCreator, createFixedFloatNormalizer, } from './normal
|
|
|
6
6
|
export { LoginModal } from './components/loginModal';
|
|
7
7
|
export { MyTicketsContainer } from './components/myTicketsContainer';
|
|
8
8
|
export { OrderDetailsContainer } from './components/orderDetailsContainer';
|
|
9
|
+
export { setConfigs } from './utils/setConfigs';
|
|
@@ -13,10 +13,10 @@ var _map = _interopDefault(require('lodash/map'));
|
|
|
13
13
|
var _get = _interopDefault(require('lodash/get'));
|
|
14
14
|
var _includes = _interopDefault(require('lodash/includes'));
|
|
15
15
|
var axios = _interopDefault(require('axios'));
|
|
16
|
+
var _forEach = _interopDefault(require('lodash/forEach'));
|
|
16
17
|
var material = require('@mui/material');
|
|
17
18
|
var Modal = _interopDefault(require('@mui/material/Modal'));
|
|
18
19
|
var Box = _interopDefault(require('@mui/material/Box'));
|
|
19
|
-
var _forEach = _interopDefault(require('lodash/forEach'));
|
|
20
20
|
var _flatMapDeep = _interopDefault(require('lodash/flatMapDeep'));
|
|
21
21
|
var _isArray = _interopDefault(require('lodash/isArray'));
|
|
22
22
|
var nanoid = require('nanoid');
|
|
@@ -32,7 +32,6 @@ var Alert = _interopDefault(require('@mui/material/Alert'));
|
|
|
32
32
|
var reactStripeJs = require('@stripe/react-stripe-js');
|
|
33
33
|
var stripeJs = require('@stripe/stripe-js');
|
|
34
34
|
var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
|
|
35
|
-
var SVG = _interopDefault(require('react-inlinesvg'));
|
|
36
35
|
var reactShare = require('react-share');
|
|
37
36
|
var _some = _interopDefault(require('lodash/some'));
|
|
38
37
|
var _find = _interopDefault(require('lodash/find'));
|
|
@@ -925,14 +924,70 @@ var emailValidator = function emailValidator(email) {
|
|
|
925
924
|
return !emailRegex.test(email) ? 'Please enter a valid email address' : '';
|
|
926
925
|
};
|
|
927
926
|
|
|
928
|
-
|
|
929
|
-
var
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
};
|
|
927
|
+
var CONFIGS = {};
|
|
928
|
+
var setConfigs = function setConfigs(configs) {
|
|
929
|
+
_forEach(configs, function (value, key) {
|
|
930
|
+
CONFIGS[key] = value;
|
|
931
|
+
});
|
|
932
|
+
|
|
933
|
+
publicRequest.setBaseUrl(CONFIGS.BASE_URL);
|
|
934
|
+
};
|
|
935
|
+
|
|
936
|
+
var getQueryVariable = function getQueryVariable(variable) {
|
|
937
|
+
if (typeof window !== 'undefined') {
|
|
938
|
+
var query = window.location.search.substring(1);
|
|
939
|
+
var vars = query.split('&');
|
|
940
|
+
|
|
941
|
+
for (var i = 0; i < vars.length; i++) {
|
|
942
|
+
var pair = vars[i].split('=');
|
|
943
|
+
|
|
944
|
+
if (pair[0] === variable) {
|
|
945
|
+
return pair[1];
|
|
946
|
+
}
|
|
947
|
+
}
|
|
948
|
+
}
|
|
949
|
+
|
|
950
|
+
return false;
|
|
951
|
+
};
|
|
952
|
+
|
|
953
|
+
var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
|
|
954
|
+
_inheritsLoose(ErrorFocusInternal, _Component);
|
|
955
|
+
|
|
956
|
+
function ErrorFocusInternal() {
|
|
957
|
+
var _this;
|
|
958
|
+
|
|
959
|
+
_this = _Component.apply(this, arguments) || this;
|
|
960
|
+
|
|
961
|
+
_this.render = function () {
|
|
962
|
+
return null;
|
|
963
|
+
};
|
|
964
|
+
|
|
965
|
+
return _this;
|
|
966
|
+
}
|
|
967
|
+
|
|
968
|
+
var _proto = ErrorFocusInternal.prototype;
|
|
969
|
+
|
|
970
|
+
_proto.componentDidUpdate = function componentDidUpdate(prevProps) {
|
|
971
|
+
var _prevProps$formik = prevProps.formik,
|
|
972
|
+
isSubmitting = _prevProps$formik.isSubmitting,
|
|
973
|
+
isValidating = _prevProps$formik.isValidating,
|
|
974
|
+
errors = _prevProps$formik.errors;
|
|
975
|
+
var keys = Object.keys(errors);
|
|
976
|
+
|
|
977
|
+
if (keys.length > 0 && isSubmitting && !isValidating) {
|
|
978
|
+
var selector = "[name=\"" + keys[0] + "\"]";
|
|
979
|
+
var errorElement = document.querySelector(selector);
|
|
980
|
+
|
|
981
|
+
if (errorElement) {
|
|
982
|
+
errorElement.focus();
|
|
983
|
+
}
|
|
984
|
+
}
|
|
985
|
+
};
|
|
986
|
+
|
|
987
|
+
return ErrorFocusInternal;
|
|
988
|
+
}(React.Component);
|
|
989
|
+
|
|
990
|
+
var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
|
|
936
991
|
|
|
937
992
|
var isWindowDefined = typeof window !== 'undefined';
|
|
938
993
|
var allowedOrigins = ['http://localhost', 'gtsb.io', 'gatsbyjs.io', 'https://www.houseofx.nyc', 'https://tickets-staging.houseofx.nyc'];
|
|
@@ -953,7 +1008,7 @@ if (isWindowDefined && !allowedOrigins.some(function (el) {
|
|
|
953
1008
|
}
|
|
954
1009
|
|
|
955
1010
|
var publicRequest = /*#__PURE__*/axios.create({
|
|
956
|
-
baseURL:
|
|
1011
|
+
baseURL: CONFIGS.BASE_URL || "https://www.ticketfairy.com/api",
|
|
957
1012
|
headers: ttfHeaders
|
|
958
1013
|
});
|
|
959
1014
|
publicRequest.interceptors.response.use(function (response) {
|
|
@@ -1004,6 +1059,10 @@ publicRequest.interceptors.request.use(function (config) {
|
|
|
1004
1059
|
config.headers = _updatedHeaders2;
|
|
1005
1060
|
}
|
|
1006
1061
|
|
|
1062
|
+
if (CONFIGS.BASE_URL) {
|
|
1063
|
+
config.baseURL = CONFIGS.BASE_URL + '/api';
|
|
1064
|
+
}
|
|
1065
|
+
|
|
1007
1066
|
return config;
|
|
1008
1067
|
});
|
|
1009
1068
|
|
|
@@ -1011,6 +1070,10 @@ publicRequest.setGuestToken = function (token) {
|
|
|
1011
1070
|
return publicRequest.defaults.headers.common['Authorization-Guest'] = token;
|
|
1012
1071
|
};
|
|
1013
1072
|
|
|
1073
|
+
publicRequest.setBaseUrl = function (baseUrl) {
|
|
1074
|
+
return publicRequest.defaults.baseURL = baseUrl + '/api';
|
|
1075
|
+
};
|
|
1076
|
+
|
|
1014
1077
|
publicRequest.setAccessToken = function (token) {
|
|
1015
1078
|
return publicRequest.defaults.headers.common.Authorization = token;
|
|
1016
1079
|
};
|
|
@@ -1069,7 +1132,7 @@ var postOnCheckout = function postOnCheckout(data, accessToken) {
|
|
|
1069
1132
|
return res;
|
|
1070
1133
|
};
|
|
1071
1134
|
var authorize = function authorize(data) {
|
|
1072
|
-
return publicRequest.post("/v1/oauth/authorize-rn?client_id=" + (
|
|
1135
|
+
return publicRequest.post("/v1/oauth/authorize-rn?client_id=" + (CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf'), data);
|
|
1073
1136
|
};
|
|
1074
1137
|
var register = function register(data) {
|
|
1075
1138
|
return publicRequest.post('/v1/oauth/register-rn', data);
|
|
@@ -1192,8 +1255,8 @@ var LoginModal = function LoginModal(_ref) {
|
|
|
1192
1255
|
bodyFormDataToken.append('code', resAutorize.data.data.code);
|
|
1193
1256
|
bodyFormDataToken.append('scope', 'profile');
|
|
1194
1257
|
bodyFormDataToken.append('grant_type', 'authorization_code');
|
|
1195
|
-
bodyFormDataToken.append('client_id',
|
|
1196
|
-
bodyFormDataToken.append('client_secret',
|
|
1258
|
+
bodyFormDataToken.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
|
|
1259
|
+
bodyFormDataToken.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
|
|
1197
1260
|
resAccessToken = null;
|
|
1198
1261
|
_context.prev = 15;
|
|
1199
1262
|
_context.next = 18;
|
|
@@ -1378,8 +1441,8 @@ var RegisterModal = function RegisterModal(_ref) {
|
|
|
1378
1441
|
bodyFormData.append('email', email);
|
|
1379
1442
|
bodyFormData.append('password', password);
|
|
1380
1443
|
bodyFormData.append('password_confirmation', confirmPassword);
|
|
1381
|
-
bodyFormData.append('client_id',
|
|
1382
|
-
bodyFormData.append('client_secret',
|
|
1444
|
+
bodyFormData.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
|
|
1445
|
+
bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
|
|
1383
1446
|
_context.next = 11;
|
|
1384
1447
|
return register(bodyFormData);
|
|
1385
1448
|
|
|
@@ -1577,8 +1640,8 @@ var createRegisterFormData = function createRegisterFormData(values, checkoutBod
|
|
|
1577
1640
|
bodyFormData.append('email', values.email);
|
|
1578
1641
|
bodyFormData.append('password', values.password);
|
|
1579
1642
|
bodyFormData.append('password_confirmation', values.confirmPassword);
|
|
1580
|
-
bodyFormData.append('client_id',
|
|
1581
|
-
bodyFormData.append('client_secret',
|
|
1643
|
+
bodyFormData.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
|
|
1644
|
+
bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
|
|
1582
1645
|
|
|
1583
1646
|
_forEach(checkoutBody.attributes, function (item, key) {
|
|
1584
1647
|
bodyFormData.append(key, item);
|
|
@@ -1759,23 +1822,6 @@ var CheckboxField = function CheckboxField(_ref) {
|
|
|
1759
1822
|
}));
|
|
1760
1823
|
};
|
|
1761
1824
|
|
|
1762
|
-
var getQueryVariable = function getQueryVariable(variable) {
|
|
1763
|
-
if (typeof window !== 'undefined') {
|
|
1764
|
-
var query = window.location.search.substring(1);
|
|
1765
|
-
var vars = query.split('&');
|
|
1766
|
-
|
|
1767
|
-
for (var i = 0; i < vars.length; i++) {
|
|
1768
|
-
var pair = vars[i].split('=');
|
|
1769
|
-
|
|
1770
|
-
if (pair[0] === variable) {
|
|
1771
|
-
return pair[1];
|
|
1772
|
-
}
|
|
1773
|
-
}
|
|
1774
|
-
}
|
|
1775
|
-
|
|
1776
|
-
return false;
|
|
1777
|
-
};
|
|
1778
|
-
|
|
1779
1825
|
var SelectField = function SelectField(_ref) {
|
|
1780
1826
|
var label = _ref.label,
|
|
1781
1827
|
_ref$type = _ref.type,
|
|
@@ -1822,45 +1868,6 @@ var SelectField = function SelectField(_ref) {
|
|
|
1822
1868
|
}, error) : null);
|
|
1823
1869
|
};
|
|
1824
1870
|
|
|
1825
|
-
var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
|
|
1826
|
-
_inheritsLoose(ErrorFocusInternal, _Component);
|
|
1827
|
-
|
|
1828
|
-
function ErrorFocusInternal() {
|
|
1829
|
-
var _this;
|
|
1830
|
-
|
|
1831
|
-
_this = _Component.apply(this, arguments) || this;
|
|
1832
|
-
|
|
1833
|
-
_this.render = function () {
|
|
1834
|
-
return null;
|
|
1835
|
-
};
|
|
1836
|
-
|
|
1837
|
-
return _this;
|
|
1838
|
-
}
|
|
1839
|
-
|
|
1840
|
-
var _proto = ErrorFocusInternal.prototype;
|
|
1841
|
-
|
|
1842
|
-
_proto.componentDidUpdate = function componentDidUpdate(prevProps) {
|
|
1843
|
-
var _prevProps$formik = prevProps.formik,
|
|
1844
|
-
isSubmitting = _prevProps$formik.isSubmitting,
|
|
1845
|
-
isValidating = _prevProps$formik.isValidating,
|
|
1846
|
-
errors = _prevProps$formik.errors;
|
|
1847
|
-
var keys = Object.keys(errors);
|
|
1848
|
-
|
|
1849
|
-
if (keys.length > 0 && isSubmitting && !isValidating) {
|
|
1850
|
-
var selector = "[name=\"" + keys[0] + "\"]";
|
|
1851
|
-
var errorElement = document.querySelector(selector);
|
|
1852
|
-
|
|
1853
|
-
if (errorElement) {
|
|
1854
|
-
errorElement.focus();
|
|
1855
|
-
}
|
|
1856
|
-
}
|
|
1857
|
-
};
|
|
1858
|
-
|
|
1859
|
-
return ErrorFocusInternal;
|
|
1860
|
-
}(React.Component);
|
|
1861
|
-
|
|
1862
|
-
var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
|
|
1863
|
-
|
|
1864
1871
|
var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
|
|
1865
1872
|
return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
|
|
1866
1873
|
};
|
|
@@ -2611,9 +2618,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
|
|
|
2611
2618
|
}), function (element) {
|
|
2612
2619
|
return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React__default.createElement(React__default.Fragment, {
|
|
2613
2620
|
key: element.uniqueId
|
|
2614
|
-
},
|
|
2615
|
-
className: "email-checking"
|
|
2616
|
-
}, "IMPORTANT: Please double check that your\n email address is correct. It's where we\n send your confirmation and e-tickets to!") : null, React__default.createElement("div", {
|
|
2621
|
+
}, React__default.createElement("div", {
|
|
2617
2622
|
className: element.className
|
|
2618
2623
|
}, element.component ? element.component : React__default.createElement(formik.Field, {
|
|
2619
2624
|
name: element.name,
|
|
@@ -2890,9 +2895,11 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2890
2895
|
return (item == null ? void 0 : item.checked) === true;
|
|
2891
2896
|
});
|
|
2892
2897
|
setAllowSubmit(allChecked);
|
|
2898
|
+
} else {
|
|
2899
|
+
setAllowSubmit(true);
|
|
2893
2900
|
}
|
|
2894
2901
|
}, [checkboxes]);
|
|
2895
|
-
var buttonIsDiabled = !stripe || !!error || isLoading;
|
|
2902
|
+
var buttonIsDiabled = !stripe || !!error || isLoading || !allowSubmit;
|
|
2896
2903
|
return React__default.createElement("div", {
|
|
2897
2904
|
className: "stripe_payment_container"
|
|
2898
2905
|
}, !!stripeError && React__default.createElement("div", {
|
|
@@ -2946,16 +2953,15 @@ var CheckoutForm = function CheckoutForm(_ref) {
|
|
|
2946
2953
|
checked: checkbox.checked
|
|
2947
2954
|
})));
|
|
2948
2955
|
}), React__default.createElement("div", {
|
|
2949
|
-
className: "payment_button " + (buttonIsDiabled
|
|
2956
|
+
className: "payment_button " + (buttonIsDiabled ? 'disabled-payment-button' : '')
|
|
2950
2957
|
}, React__default.createElement("button", {
|
|
2951
2958
|
disabled: buttonIsDiabled,
|
|
2952
2959
|
type: "submit"
|
|
2953
2960
|
}, isLoading ? React__default.createElement(CircularProgress, null) : "Pay " + getCurrencySymbolByCurrency(currency) + total))));
|
|
2954
2961
|
};
|
|
2955
2962
|
|
|
2956
|
-
var
|
|
2957
|
-
var stripePromise = /*#__PURE__*/stripeJs.loadStripe(
|
|
2958
|
-
);
|
|
2963
|
+
var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || 'pk_test_3Ov1P1oP33A1cxaSjxWE0VjT';
|
|
2964
|
+
var stripePromise = /*#__PURE__*/stripeJs.loadStripe(publishableKey);
|
|
2959
2965
|
var initialOrderValues = {
|
|
2960
2966
|
product_name: '',
|
|
2961
2967
|
ticketType: '',
|
|
@@ -3226,84 +3232,163 @@ var PaymentContainer = function PaymentContainer(_ref) {
|
|
|
3226
3232
|
})))))));
|
|
3227
3233
|
};
|
|
3228
3234
|
|
|
3229
|
-
var
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3234
|
-
|
|
3235
|
-
|
|
3236
|
-
|
|
3237
|
-
},
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
}
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3253
|
-
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
}
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
}
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3235
|
+
var config = {
|
|
3236
|
+
facebook: {
|
|
3237
|
+
component: reactShare.FacebookShareButton,
|
|
3238
|
+
icon: reactShare.FacebookIcon
|
|
3239
|
+
},
|
|
3240
|
+
messenger: {
|
|
3241
|
+
component: reactShare.FacebookMessengerShareButton,
|
|
3242
|
+
icon: reactShare.FacebookMessengerIcon
|
|
3243
|
+
},
|
|
3244
|
+
twitter: {
|
|
3245
|
+
component: reactShare.TwitterShareButton,
|
|
3246
|
+
icon: reactShare.TwitterIcon
|
|
3247
|
+
},
|
|
3248
|
+
linkedin: {
|
|
3249
|
+
component: reactShare.LinkedinShareButton,
|
|
3250
|
+
icon: reactShare.LinkedinIcon
|
|
3251
|
+
},
|
|
3252
|
+
pinterest: {
|
|
3253
|
+
component: reactShare.PinterestShareButton,
|
|
3254
|
+
icon: reactShare.PinterestIcon
|
|
3255
|
+
},
|
|
3256
|
+
vk: {
|
|
3257
|
+
component: reactShare.VKShareButton,
|
|
3258
|
+
icon: reactShare.VKIcon
|
|
3259
|
+
},
|
|
3260
|
+
ok: {
|
|
3261
|
+
component: reactShare.OKShareButton,
|
|
3262
|
+
icon: reactShare.OKIcon
|
|
3263
|
+
},
|
|
3264
|
+
telegram: {
|
|
3265
|
+
component: reactShare.TelegramShareButton,
|
|
3266
|
+
icon: reactShare.TelegramIcon
|
|
3267
|
+
},
|
|
3268
|
+
whatsapp: {
|
|
3269
|
+
component: reactShare.WhatsappShareButton,
|
|
3270
|
+
icon: reactShare.WhatsappIcon
|
|
3271
|
+
},
|
|
3272
|
+
reddit: {
|
|
3273
|
+
component: reactShare.RedditShareButton,
|
|
3274
|
+
icon: reactShare.RedditIcon
|
|
3275
|
+
},
|
|
3276
|
+
tumblr: {
|
|
3277
|
+
component: reactShare.TumblrShareButton,
|
|
3278
|
+
icon: reactShare.TumblrIcon
|
|
3279
|
+
},
|
|
3280
|
+
mailru: {
|
|
3281
|
+
component: reactShare.MailruShareButton,
|
|
3282
|
+
icon: reactShare.MailruIcon
|
|
3283
|
+
},
|
|
3284
|
+
email: {
|
|
3285
|
+
component: reactShare.EmailShareButton,
|
|
3286
|
+
icon: reactShare.EmailIcon
|
|
3287
|
+
},
|
|
3288
|
+
livejournal: {
|
|
3289
|
+
component: reactShare.LivejournalShareButton,
|
|
3290
|
+
icon: reactShare.LivejournalIcon
|
|
3291
|
+
},
|
|
3292
|
+
viber: {
|
|
3293
|
+
component: reactShare.ViberShareButton,
|
|
3294
|
+
icon: reactShare.ViberIcon
|
|
3295
|
+
},
|
|
3296
|
+
workplace: {
|
|
3297
|
+
component: reactShare.WorkplaceShareButton,
|
|
3298
|
+
icon: reactShare.WorkplaceIcon
|
|
3299
|
+
},
|
|
3300
|
+
line: {
|
|
3301
|
+
component: reactShare.LineShareButton,
|
|
3302
|
+
icon: reactShare.LineIcon
|
|
3303
|
+
},
|
|
3304
|
+
pocket: {
|
|
3305
|
+
component: reactShare.PocketShareButton,
|
|
3306
|
+
icon: reactShare.PocketIcon
|
|
3307
|
+
},
|
|
3308
|
+
instapaper: {
|
|
3309
|
+
component: reactShare.InstapaperShareButton,
|
|
3310
|
+
icon: reactShare.InstapaperIcon
|
|
3311
|
+
},
|
|
3312
|
+
weibo: {
|
|
3313
|
+
component: reactShare.WeiboShareButton,
|
|
3314
|
+
icon: reactShare.WeiboIcon
|
|
3315
|
+
},
|
|
3316
|
+
hatena: {
|
|
3317
|
+
component: reactShare.HatenaShareButton,
|
|
3318
|
+
icon: reactShare.HatenaIcon
|
|
3319
|
+
}
|
|
3320
|
+
};
|
|
3321
|
+
function config$1 (key) {
|
|
3322
|
+
return config[key];
|
|
3323
|
+
}
|
|
3324
|
+
|
|
3325
|
+
var SocialComponent = function SocialComponent(_ref) {
|
|
3326
|
+
var _config, _config2;
|
|
3327
|
+
|
|
3328
|
+
var mainLabel = _ref.mainLabel,
|
|
3329
|
+
subLabel = _ref.subLabel,
|
|
3330
|
+
platform = _ref.platform,
|
|
3331
|
+
shareData = _ref.shareData;
|
|
3332
|
+
var Component = (_config = config$1(platform)) == null ? void 0 : _config.component;
|
|
3333
|
+
var Icon = (_config2 = config$1(platform)) == null ? void 0 : _config2.icon;
|
|
3334
|
+
return React__default.createElement(React__default.Fragment, null, Component && React__default.createElement(Component, Object.assign({}, shareData), React__default.createElement("div", {
|
|
3279
3335
|
className: 'social-media-sharing'
|
|
3280
3336
|
}, React__default.createElement("div", {
|
|
3281
3337
|
className: 'share-icon'
|
|
3282
|
-
}, React__default.createElement(
|
|
3338
|
+
}, React__default.createElement(Icon, {
|
|
3283
3339
|
size: 32,
|
|
3284
3340
|
round: true
|
|
3285
3341
|
})), React__default.createElement("span", {
|
|
3286
3342
|
className: "share-text"
|
|
3287
|
-
},
|
|
3288
|
-
|
|
3289
|
-
|
|
3343
|
+
}, mainLabel, React__default.createElement("br", null), " ", subLabel))));
|
|
3344
|
+
};
|
|
3345
|
+
|
|
3346
|
+
var SocialButtons = function SocialButtons(_ref2) {
|
|
3347
|
+
var showDefaultShareButtons = _ref2.showDefaultShareButtons,
|
|
3348
|
+
shareLink = _ref2.shareLink,
|
|
3349
|
+
name = _ref2.name,
|
|
3350
|
+
appId = _ref2.appId,
|
|
3351
|
+
shareButtons = _ref2.shareButtons;
|
|
3352
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
3353
|
+
className: "convenient_buttons"
|
|
3354
|
+
}, "or use one of these convenient buttons:"), React__default.createElement("div", {
|
|
3355
|
+
className: "social-media-btns"
|
|
3356
|
+
}, showDefaultShareButtons && React__default.createElement(React__default.Fragment, null, React__default.createElement(SocialComponent, {
|
|
3357
|
+
mainLabel: 'Share on',
|
|
3358
|
+
subLabel: 'Facebook',
|
|
3359
|
+
platform: 'facebook',
|
|
3360
|
+
shareData: {
|
|
3361
|
+
quote: name,
|
|
3362
|
+
url: shareLink
|
|
3363
|
+
}
|
|
3364
|
+
}), React__default.createElement(SocialComponent, {
|
|
3365
|
+
mainLabel: 'Tweet to your',
|
|
3366
|
+
subLabel: 'Followers',
|
|
3367
|
+
platform: 'twitter',
|
|
3368
|
+
shareData: {
|
|
3369
|
+
title: name,
|
|
3370
|
+
url: shareLink
|
|
3371
|
+
}
|
|
3372
|
+
}), React__default.createElement(SocialComponent, {
|
|
3373
|
+
mainLabel: 'Message friends on',
|
|
3374
|
+
subLabel: 'Facebook',
|
|
3375
|
+
platform: 'messenger',
|
|
3376
|
+
shareData: {
|
|
3377
|
+
appId: appId,
|
|
3378
|
+
url: shareLink
|
|
3379
|
+
}
|
|
3380
|
+
}), React__default.createElement(SocialComponent, {
|
|
3381
|
+
mainLabel: 'Message friends on',
|
|
3382
|
+
subLabel: 'Whatsapp',
|
|
3383
|
+
platform: 'whatsapp',
|
|
3384
|
+
shareData: {
|
|
3385
|
+
title: name,
|
|
3386
|
+
url: shareLink
|
|
3387
|
+
}
|
|
3388
|
+
})), shareButtons.map(function (shareButton, index) {
|
|
3389
|
+
return React__default.createElement(SocialComponent, Object.assign({
|
|
3290
3390
|
key: index
|
|
3291
|
-
},
|
|
3292
|
-
href: shareButton.link,
|
|
3293
|
-
target: "_blank",
|
|
3294
|
-
rel: "noopener noreferrer"
|
|
3295
|
-
}, React__default.createElement("div", {
|
|
3296
|
-
className: 'social-media-sharing'
|
|
3297
|
-
}, React__default.createElement("div", {
|
|
3298
|
-
className: 'share-icon'
|
|
3299
|
-
}, React__default.createElement(SVG, {
|
|
3300
|
-
width: '32px',
|
|
3301
|
-
height: '32px',
|
|
3302
|
-
fill: '#FFF',
|
|
3303
|
-
src: getImage(shareButton.icon)
|
|
3304
|
-
})), React__default.createElement("span", {
|
|
3305
|
-
className: "share-text"
|
|
3306
|
-
}, shareButton.mainLabel, React__default.createElement("br", null), " ", shareButton.subLabel))));
|
|
3391
|
+
}, shareButton));
|
|
3307
3392
|
})));
|
|
3308
3393
|
};
|
|
3309
3394
|
|
|
@@ -3633,7 +3718,8 @@ var generateQuantity = function generateQuantity(n) {
|
|
|
3633
3718
|
|
|
3634
3719
|
var WaitingList = function WaitingList(_ref) {
|
|
3635
3720
|
var _ref$tickets = _ref.tickets,
|
|
3636
|
-
tickets = _ref$tickets === void 0 ? {} : _ref$tickets
|
|
3721
|
+
tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
|
|
3722
|
+
eventId = _ref.eventId;
|
|
3637
3723
|
|
|
3638
3724
|
var _useState = React.useState(false),
|
|
3639
3725
|
showSuccessMessage = _useState[0],
|
|
@@ -3653,7 +3739,7 @@ var WaitingList = function WaitingList(_ref) {
|
|
|
3653
3739
|
|
|
3654
3740
|
var handleSubmit = /*#__PURE__*/function () {
|
|
3655
3741
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(values) {
|
|
3656
|
-
var
|
|
3742
|
+
var requestData, _yield$addToWaitingLi, data;
|
|
3657
3743
|
|
|
3658
3744
|
return runtime_1.wrap(function _callee$(_context) {
|
|
3659
3745
|
while (1) {
|
|
@@ -3661,16 +3747,15 @@ var WaitingList = function WaitingList(_ref) {
|
|
|
3661
3747
|
case 0:
|
|
3662
3748
|
_context.prev = 0;
|
|
3663
3749
|
setLoading(true);
|
|
3664
|
-
id = ENV.EVENT_ID;
|
|
3665
3750
|
requestData = {
|
|
3666
3751
|
data: {
|
|
3667
3752
|
attributes: values
|
|
3668
3753
|
}
|
|
3669
3754
|
};
|
|
3670
|
-
_context.next =
|
|
3671
|
-
return addToWaitingList(
|
|
3755
|
+
_context.next = 5;
|
|
3756
|
+
return addToWaitingList(eventId, requestData);
|
|
3672
3757
|
|
|
3673
|
-
case
|
|
3758
|
+
case 5:
|
|
3674
3759
|
_yield$addToWaitingLi = _context.sent;
|
|
3675
3760
|
data = _yield$addToWaitingLi.data;
|
|
3676
3761
|
|
|
@@ -3678,24 +3763,24 @@ var WaitingList = function WaitingList(_ref) {
|
|
|
3678
3763
|
setShowSuccessMessage(true);
|
|
3679
3764
|
}
|
|
3680
3765
|
|
|
3681
|
-
_context.next =
|
|
3766
|
+
_context.next = 12;
|
|
3682
3767
|
break;
|
|
3683
3768
|
|
|
3684
|
-
case
|
|
3685
|
-
_context.prev =
|
|
3769
|
+
case 10:
|
|
3770
|
+
_context.prev = 10;
|
|
3686
3771
|
_context.t0 = _context["catch"](0);
|
|
3687
3772
|
|
|
3688
|
-
case
|
|
3689
|
-
_context.prev =
|
|
3773
|
+
case 12:
|
|
3774
|
+
_context.prev = 12;
|
|
3690
3775
|
setLoading(false);
|
|
3691
|
-
return _context.finish(
|
|
3776
|
+
return _context.finish(12);
|
|
3692
3777
|
|
|
3693
|
-
case
|
|
3778
|
+
case 15:
|
|
3694
3779
|
case "end":
|
|
3695
3780
|
return _context.stop();
|
|
3696
3781
|
}
|
|
3697
3782
|
}
|
|
3698
|
-
}, _callee, null, [[0,
|
|
3783
|
+
}, _callee, null, [[0, 10, 12, 15]]);
|
|
3699
3784
|
}));
|
|
3700
3785
|
|
|
3701
3786
|
return function handleSubmit(_x) {
|
|
@@ -4007,7 +4092,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
|
|
|
4007
4092
|
className: "get-tickets-page " + theme,
|
|
4008
4093
|
style: contentStyle
|
|
4009
4094
|
}, isLoading ? React__default.createElement(Loader, null) : React__default.createElement(React__default.Fragment, null, showWaitingList ? React__default.createElement(WaitingList, {
|
|
4010
|
-
tickets: tickets
|
|
4095
|
+
tickets: tickets,
|
|
4096
|
+
eventId: eventId
|
|
4011
4097
|
}) : React__default.createElement("div", null, React__default.createElement(TicketsSection, {
|
|
4012
4098
|
ticketsList: tickets,
|
|
4013
4099
|
selectedTickets: selectedTickets,
|
|
@@ -4405,4 +4491,5 @@ exports.PaymentContainer = PaymentContainer;
|
|
|
4405
4491
|
exports.TicketsContainer = TicketsContainer;
|
|
4406
4492
|
exports.createFixedFloatNormalizer = createFixedFloatNormalizer;
|
|
4407
4493
|
exports.currencyNormalizerCreator = currencyNormalizerCreator;
|
|
4494
|
+
exports.setConfigs = setConfigs;
|
|
4408
4495
|
//# sourceMappingURL=tf-checkout-react.cjs.development.js.map
|