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.
Files changed (31) hide show
  1. package/dist/api/index.d.ts +1 -0
  2. package/dist/components/confirmationContainer/config.d.ts +1 -0
  3. package/dist/components/confirmationContainer/index.d.ts +2 -2
  4. package/dist/components/waitingList/index.d.ts +2 -1
  5. package/dist/env.d.ts +2 -2
  6. package/dist/index.d.ts +1 -0
  7. package/dist/tf-checkout-react.cjs.development.js +254 -167
  8. package/dist/tf-checkout-react.cjs.development.js.map +1 -1
  9. package/dist/tf-checkout-react.cjs.production.min.js +1 -1
  10. package/dist/tf-checkout-react.cjs.production.min.js.map +1 -1
  11. package/dist/tf-checkout-react.esm.js +257 -171
  12. package/dist/tf-checkout-react.esm.js.map +1 -1
  13. package/dist/utils/index.d.ts +3 -0
  14. package/dist/utils/setConfigs.d.ts +10 -0
  15. package/package.json +1 -1
  16. package/src/api/index.ts +56 -31
  17. package/src/components/billing-info-container/index.tsx +0 -7
  18. package/src/components/billing-info-container/utils.ts +3 -3
  19. package/src/components/confirmationContainer/config.ts +72 -0
  20. package/src/components/confirmationContainer/index.tsx +2 -2
  21. package/src/components/confirmationContainer/social-buttons.tsx +62 -87
  22. package/src/components/loginModal/index.tsx +3 -3
  23. package/src/components/paymentContainer/index.tsx +3 -4
  24. package/src/components/registerModal/index.tsx +3 -3
  25. package/src/components/stripePayment/index.tsx +4 -4
  26. package/src/components/ticketsContainer/index.tsx +1 -3
  27. package/src/components/waitingList/index.tsx +6 -5
  28. package/src/env.ts +3 -3
  29. package/src/index.ts +1 -0
  30. package/src/utils/index.ts +3 -0
  31. package/src/utils/setConfigs.ts +21 -0
@@ -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;
@@ -4,8 +4,8 @@ import { AxiosError } from 'axios';
4
4
  export interface IShareButton {
5
5
  mainLabel: string;
6
6
  subLabel: string;
7
- icon: string;
8
- link: string;
7
+ platform: string;
8
+ shareData: any;
9
9
  }
10
10
  export interface IConfirmationPage {
11
11
  isReferralEnabled: boolean;
@@ -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 ENV: {
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 ENV_PROD: {
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
- // preview
929
- var ENV = {
930
- EVENT_ID: 3483,
931
- BASE_URL: 'https://preview.ttf.fluxtech.me/api',
932
- CLIENT_ID: '4792a61f2fcb49197ab4c2d2f44df570',
933
- CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',
934
- STRIPE_PUBLISHABLE_KEY: 'pk_test_51H4BkOGqveRD6EShliLrT9vd7mPOBPvQSuqmvc3wIinDqxWsCLeS2N7HonPPn6MhjU35ayYy5v4I6MLlD4jNWrd000NSgAF6UL'
935
- }; // prod
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: ENV.BASE_URL ,
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=" + (ENV.CLIENT_ID ), data);
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', ENV.CLIENT_ID );
1196
- bodyFormDataToken.append('client_secret', ENV.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', ENV.CLIENT_ID );
1382
- bodyFormData.append('client_secret', ENV.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', ENV.CLIENT_ID );
1581
- bodyFormData.append('client_secret', ENV.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
- }, element.name === 'email' ? React__default.createElement("div", {
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 || !allowSubmit ? 'disabled-payment-button' : '')
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 testId = ENV.STRIPE_PUBLISHABLE_KEY ;
2957
- var stripePromise = /*#__PURE__*/stripeJs.loadStripe(testId // 'pk_live_51JucaXAnOd2Grid07FqHOkqcoh90bbCYL5bG7OuyM5RtzUoolrFcHroCWici0G9w0YpqO7qsGz6WP7K6HHYw1yhz00cm7fj5n5'
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 SocialButtons = function SocialButtons(_ref) {
3230
- var showDefaultShareButtons = _ref.showDefaultShareButtons,
3231
- shareLink = _ref.shareLink,
3232
- name = _ref.name,
3233
- appId = _ref.appId,
3234
- shareButtons = _ref.shareButtons;
3235
- return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
3236
- className: "convenient_buttons"
3237
- }, "or use one of these convenient buttons:"), React__default.createElement("div", {
3238
- className: "social-media-btns"
3239
- }, showDefaultShareButtons && React__default.createElement(React__default.Fragment, null, React__default.createElement(reactShare.FacebookShareButton, {
3240
- url: shareLink,
3241
- quote: name
3242
- }, React__default.createElement("div", {
3243
- className: 'social-media-sharing'
3244
- }, React__default.createElement("div", {
3245
- className: 'share-icon'
3246
- }, React__default.createElement(reactShare.FacebookIcon, {
3247
- size: 32,
3248
- round: true
3249
- })), React__default.createElement("span", {
3250
- className: "share-text"
3251
- }, "Share on", React__default.createElement("br", null), " Facebook"))), React__default.createElement(reactShare.TwitterShareButton, {
3252
- url: shareLink,
3253
- title: name
3254
- }, React__default.createElement("div", {
3255
- className: 'social-media-sharing'
3256
- }, React__default.createElement("div", {
3257
- className: 'share-icon'
3258
- }, React__default.createElement(reactShare.TwitterIcon, {
3259
- size: 32,
3260
- round: true
3261
- })), React__default.createElement("span", {
3262
- className: "share-text"
3263
- }, "Tweet to your", React__default.createElement("br", null), " Followers"))), React__default.createElement(reactShare.FacebookMessengerShareButton, {
3264
- url: shareLink,
3265
- appId: appId
3266
- }, React__default.createElement("div", {
3267
- className: 'social-media-sharing'
3268
- }, React__default.createElement("div", {
3269
- className: 'share-icon'
3270
- }, React__default.createElement(reactShare.FacebookMessengerIcon, {
3271
- size: 32,
3272
- round: true
3273
- })), React__default.createElement("span", {
3274
- className: "share-text"
3275
- }, "Message friends on", React__default.createElement("br", null), " Facebook"))), React__default.createElement(reactShare.WhatsappShareButton, {
3276
- url: shareLink,
3277
- title: name
3278
- }, React__default.createElement("div", {
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(reactShare.WhatsappIcon, {
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
- }, "Message friends on", React__default.createElement("br", null), " Whatsapp")))), shareButtons.map(function (shareButton, index) {
3288
- return React__default.createElement("div", {
3289
- className: 'sharing-btn',
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
- }, React__default.createElement("a", {
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 id, requestData, _yield$addToWaitingLi, data;
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 = 6;
3671
- return addToWaitingList(id, requestData);
3755
+ _context.next = 5;
3756
+ return addToWaitingList(eventId, requestData);
3672
3757
 
3673
- case 6:
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 = 13;
3766
+ _context.next = 12;
3682
3767
  break;
3683
3768
 
3684
- case 11:
3685
- _context.prev = 11;
3769
+ case 10:
3770
+ _context.prev = 10;
3686
3771
  _context.t0 = _context["catch"](0);
3687
3772
 
3688
- case 13:
3689
- _context.prev = 13;
3773
+ case 12:
3774
+ _context.prev = 12;
3690
3775
  setLoading(false);
3691
- return _context.finish(13);
3776
+ return _context.finish(12);
3692
3777
 
3693
- case 16:
3778
+ case 15:
3694
3779
  case "end":
3695
3780
  return _context.stop();
3696
3781
  }
3697
3782
  }
3698
- }, _callee, null, [[0, 11, 13, 16]]);
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