tf-checkout-react 1.0.68 → 1.0.72

package/dist/tf-checkout-react.cjs.development.js

@@ -13,10 +13,10 @@ var _map = _interopDefault(require('lodash/map'));
 var _get = _interopDefault(require('lodash/get'));
 var _includes = _interopDefault(require('lodash/includes'));
 var axios = _interopDefault(require('axios'));
+var _forEach = _interopDefault(require('lodash/forEach'));
 var material = require('@mui/material');
 var Modal = _interopDefault(require('@mui/material/Modal'));
 var Box = _interopDefault(require('@mui/material/Box'));
-var _forEach = _interopDefault(require('lodash/forEach'));
 var _flatMapDeep = _interopDefault(require('lodash/flatMapDeep'));
 var _isArray = _interopDefault(require('lodash/isArray'));
 var nanoid = require('nanoid');
@@ -28,11 +28,10 @@ var Select = _interopDefault(require('@mui/material/Select'));
 var MuiPhoneNumber = _interopDefault(require('material-ui-phone-number'));
 var styles = require('@mui/material/styles');
 var Container = _interopDefault(require('@mui/material/Container'));
+var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
 var Alert = _interopDefault(require('@mui/material/Alert'));
 var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
-var CircularProgress = _interopDefault(require('@mui/material/CircularProgress'));
-var SVG = _interopDefault(require('react-inlinesvg'));
 var reactShare = require('react-share');
 var _some = _interopDefault(require('lodash/some'));
 var _find = _interopDefault(require('lodash/find'));
@@ -925,17 +924,73 @@ var emailValidator = function emailValidator(email) {
   return !emailRegex.test(email) ? 'Please enter a valid email address' : '';
 };
 
-// preview
-var ENV = {
-  EVENT_ID: 3483,
-  BASE_URL: 'https://preview.ttf.fluxtech.me/api',
-  CLIENT_ID: '4792a61f2fcb49197ab4c2d2f44df570',
-  CLIENT_SECRET: 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9',
-  STRIPE_PUBLISHABLE_KEY: 'pk_test_51H4BkOGqveRD6EShliLrT9vd7mPOBPvQSuqmvc3wIinDqxWsCLeS2N7HonPPn6MhjU35ayYy5v4I6MLlD4jNWrd000NSgAF6UL'
-}; // prod
+var CONFIGS = {};
+var setConfigs = function setConfigs(configs) {
+  _forEach(configs, function (value, key) {
+    CONFIGS[key] = value;
+  });
+
+  publicRequest.setBaseUrl(CONFIGS.BASE_URL);
+};
+
+var getQueryVariable = function getQueryVariable(variable) {
+  if (typeof window !== 'undefined') {
+    var query = window.location.search.substring(1);
+    var vars = query.split('&');
+
+    for (var i = 0; i < vars.length; i++) {
+      var pair = vars[i].split('=');
+
+      if (pair[0] === variable) {
+        return pair[1];
+      }
+    }
+  }
+
+  return false;
+};
+
+var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(ErrorFocusInternal, _Component);
+
+  function ErrorFocusInternal() {
+    var _this;
+
+    _this = _Component.apply(this, arguments) || this;
+
+    _this.render = function () {
+      return null;
+    };
+
+    return _this;
+  }
+
+  var _proto = ErrorFocusInternal.prototype;
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var _prevProps$formik = prevProps.formik,
+        isSubmitting = _prevProps$formik.isSubmitting,
+        isValidating = _prevProps$formik.isValidating,
+        errors = _prevProps$formik.errors;
+    var keys = Object.keys(errors);
+
+    if (keys.length > 0 && isSubmitting && !isValidating) {
+      var selector = "[name=\"" + keys[0] + "\"]";
+      var errorElement = document.querySelector(selector);
+
+      if (errorElement) {
+        errorElement.focus();
+      }
+    }
+  };
+
+  return ErrorFocusInternal;
+}(React.Component);
+
+var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
 
 var isWindowDefined = typeof window !== 'undefined';
-var allowedOrigins = ['http://localhost', 'gtsb.io', 'gatsbyjs.io', 'https://www.houseofx.nyc', 'https://tickets-staging.houseofx.nyc'];
+var discardedOrigins = ['http://localhost', 'gtsb.io', 'gatsbyjs.io', 'https://www.houseofx.nyc', 'https://tickets-staging.houseofx.nyc'];
 var origin = isWindowDefined && window.location.origin;
 var ttfHeaders = {
   Accept: 'application/vnd.api+json',
@@ -946,14 +1001,14 @@ if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
   ttfHeaders['Authorization-Guest'] = /*#__PURE__*/localStorage.getItem('auth_guest_token');
 }
 
-if (isWindowDefined && !allowedOrigins.some(function (el) {
+if (isWindowDefined && !discardedOrigins.some(function (el) {
   return origin && origin.includes(el);
 })) {
   ttfHeaders['X-Source-Origin'] = 'houseofx.nyc';
 }
 
 var publicRequest = /*#__PURE__*/axios.create({
-  baseURL: ENV.BASE_URL ,
+  baseURL: CONFIGS.BASE_URL || "https://www.ticketfairy.com/api",
   headers: ttfHeaders
 });
 publicRequest.interceptors.response.use(function (response) {
@@ -994,7 +1049,7 @@ publicRequest.interceptors.request.use(function (config) {
     config.headers = _updatedHeaders;
   }
 
-  if (isWindowDefined && !allowedOrigins.some(function (el) {
+  if (isWindowDefined && !discardedOrigins.some(function (el) {
     return origin && origin.includes(el);
   })) {
     var _updatedHeaders2 = _extends({}, config.headers, {
@@ -1004,6 +1059,10 @@ publicRequest.interceptors.request.use(function (config) {
     config.headers = _updatedHeaders2;
   }
 
+  if (CONFIGS.BASE_URL) {
+    config.baseURL = CONFIGS.BASE_URL + '/api';
+  }
+
   return config;
 });
 
@@ -1011,6 +1070,10 @@ publicRequest.setGuestToken = function (token) {
   return publicRequest.defaults.headers.common['Authorization-Guest'] = token;
 };
 
+publicRequest.setBaseUrl = function (baseUrl) {
+  return publicRequest.defaults.baseURL = baseUrl + '/api';
+};
+
 publicRequest.setAccessToken = function (token) {
   return publicRequest.defaults.headers.common.Authorization = token;
 };
@@ -1069,7 +1132,7 @@ var postOnCheckout = function postOnCheckout(data, accessToken) {
   return res;
 };
 var authorize = function authorize(data) {
-  return publicRequest.post("/v1/oauth/authorize-rn?client_id=" + (ENV.CLIENT_ID ), data);
+  return publicRequest.post("/v1/oauth/authorize-rn?client_id=" + (CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf'), data);
 };
 var register = function register(data) {
   return publicRequest.post('/v1/oauth/register-rn', data);
@@ -1192,8 +1255,8 @@ var LoginModal = function LoginModal(_ref) {
                 bodyFormDataToken.append('code', resAutorize.data.data.code);
                 bodyFormDataToken.append('scope', 'profile');
                 bodyFormDataToken.append('grant_type', 'authorization_code');
-                bodyFormDataToken.append('client_id', ENV.CLIENT_ID );
-                bodyFormDataToken.append('client_secret', ENV.CLIENT_SECRET );
+                bodyFormDataToken.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
+                bodyFormDataToken.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
                 resAccessToken = null;
                 _context.prev = 15;
                 _context.next = 18;
@@ -1378,8 +1441,8 @@ var RegisterModal = function RegisterModal(_ref) {
                 bodyFormData.append('email', email);
                 bodyFormData.append('password', password);
                 bodyFormData.append('password_confirmation', confirmPassword);
-                bodyFormData.append('client_id', ENV.CLIENT_ID );
-                bodyFormData.append('client_secret', ENV.CLIENT_SECRET );
+                bodyFormData.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
+                bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
                 _context.next = 11;
                 return register(bodyFormData);
 
@@ -1577,8 +1640,8 @@ var createRegisterFormData = function createRegisterFormData(values, checkoutBod
   bodyFormData.append('email', values.email);
   bodyFormData.append('password', values.password);
   bodyFormData.append('password_confirmation', values.confirmPassword);
-  bodyFormData.append('client_id', ENV.CLIENT_ID );
-  bodyFormData.append('client_secret', ENV.CLIENT_SECRET );
+  bodyFormData.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
+  bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
 
   _forEach(checkoutBody.attributes, function (item, key) {
     bodyFormData.append(key, item);
@@ -1747,7 +1810,7 @@ var CustomField = function CustomField(_ref) {
   }) : null);
 };
 
-var _excluded$1 = ["label", "field", "selectOptions", "theme"];
+var _excluded$1 = ["label", "field", "selectOptions", "theme", "setFieldValue"];
 var CheckboxField = function CheckboxField(_ref) {
   var label = _ref.label,
       field = _ref.field,
@@ -1759,23 +1822,6 @@ var CheckboxField = function CheckboxField(_ref) {
   }));
 };
 
-var getQueryVariable = function getQueryVariable(variable) {
-  if (typeof window !== 'undefined') {
-    var query = window.location.search.substring(1);
-    var vars = query.split('&');
-
-    for (var i = 0; i < vars.length; i++) {
-      var pair = vars[i].split('=');
-
-      if (pair[0] === variable) {
-        return pair[1];
-      }
-    }
-  }
-
-  return false;
-};
-
 var SelectField = function SelectField(_ref) {
   var label = _ref.label,
       _ref$type = _ref.type,
@@ -1822,45 +1868,6 @@ var SelectField = function SelectField(_ref) {
   }, error) : null);
 };
 
-var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(ErrorFocusInternal, _Component);
-
-  function ErrorFocusInternal() {
-    var _this;
-
-    _this = _Component.apply(this, arguments) || this;
-
-    _this.render = function () {
-      return null;
-    };
-
-    return _this;
-  }
-
-  var _proto = ErrorFocusInternal.prototype;
-
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var _prevProps$formik = prevProps.formik,
-        isSubmitting = _prevProps$formik.isSubmitting,
-        isValidating = _prevProps$formik.isValidating,
-        errors = _prevProps$formik.errors;
-    var keys = Object.keys(errors);
-
-    if (keys.length > 0 && isSubmitting && !isValidating) {
-      var selector = "[name=\"" + keys[0] + "\"]";
-      var errorElement = document.querySelector(selector);
-
-      if (errorElement) {
-        errorElement.focus();
-      }
-    }
-  };
-
-  return ErrorFocusInternal;
-}(React.Component);
-
-var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
-
 var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
   return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
 };
@@ -1935,7 +1942,7 @@ var removePlusSign = function removePlusSign(string) {
   return string.replace('+', '');
 };
 
-var _excluded$2 = ["label", "field", "form", "setFieldValue"];
+var _excluded$2 = ["label", "field", "form", "setFieldValue", "selectOptions"];
 var FormikPhoneNumberField = function FormikPhoneNumberField(_ref) {
   var label = _ref.label,
       field = _ref.field,
@@ -2611,9 +2618,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
         }), function (element) {
           return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React__default.createElement(React__default.Fragment, {
             key: element.uniqueId
-          }, element.name === 'email' ? React__default.createElement("div", {
-            className: "email-checking"
-          }, "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", {
+          }, React__default.createElement("div", {
             className: element.className
           }, element.component ? element.component : React__default.createElement(formik.Field, {
             name: element.name,
@@ -2890,9 +2895,11 @@ var CheckoutForm = function CheckoutForm(_ref) {
         return (item == null ? void 0 : item.checked) === true;
       });
       setAllowSubmit(allChecked);
+    } else {
+      setAllowSubmit(true);
     }
   }, [checkboxes]);
-  var buttonIsDiabled = !stripe || !!error || isLoading;
+  var buttonIsDiabled = !stripe || !!error || isLoading || !allowSubmit;
   return React__default.createElement("div", {
     className: "stripe_payment_container"
   }, !!stripeError && React__default.createElement("div", {
@@ -2946,16 +2953,29 @@ var CheckoutForm = function CheckoutForm(_ref) {
       checked: checkbox.checked
     })));
   }), React__default.createElement("div", {
-    className: "payment_button " + (buttonIsDiabled || !allowSubmit ? 'disabled-payment-button' : '')
+    className: "payment_button " + (buttonIsDiabled ? 'disabled-payment-button' : '')
   }, React__default.createElement("button", {
     disabled: buttonIsDiabled,
     type: "submit"
   }, isLoading ? React__default.createElement(CircularProgress, null) : "Pay " + getCurrencySymbolByCurrency(currency) + total))));
 };
 
-var testId = ENV.STRIPE_PUBLISHABLE_KEY ;
-var stripePromise = /*#__PURE__*/stripeJs.loadStripe(testId // 'pk_live_51JucaXAnOd2Grid07FqHOkqcoh90bbCYL5bG7OuyM5RtzUoolrFcHroCWici0G9w0YpqO7qsGz6WP7K6HHYw1yhz00cm7fj5n5'
-);
+var publishableKey = CONFIGS.STRIPE_PUBLISHABLE_KEY || '';
+
+var getStripePromise = function getStripePromise(stripePublishableKey) {
+  if (stripePublishableKey === void 0) {
+    stripePublishableKey = publishableKey;
+  }
+
+  return stripeJs.loadStripe(stripePublishableKey);
+};
+
+function Loader() {
+  return React__default.createElement("div", {
+    className: "loader-container"
+  }, React__default.createElement(CircularProgress, null));
+}
+
 var initialOrderValues = {
   product_name: '',
   ticketType: '',
@@ -3009,9 +3029,13 @@ var PaymentContainer = function PaymentContainer(_ref) {
       paymentIsLoading = _useState4[0],
       setPaymentIsLoading = _useState4[1];
 
-  var _useState5 = React.useState([]),
-      conditions = _useState5[0],
-      setConditions = _useState5[1];
+  var _useState5 = React.useState(true),
+      paymentDataIsLoading = _useState5[0],
+      setPaymentDataIsLoading = _useState5[1];
+
+  var _useState6 = React.useState([]),
+      conditions = _useState6[0],
+      setConditions = _useState6[1];
 
   var showFormTitle = Boolean(formTitle);
   var showErrorText = Boolean(errorText);
@@ -3060,11 +3084,16 @@ var PaymentContainer = function PaymentContainer(_ref) {
               onGetPaymentDataError(_context.t0.response);
 
             case 11:
+              _context.prev = 11;
+              setPaymentDataIsLoading(false);
+              return _context.finish(11);
+
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 7]]);
+      }, _callee, null, [[0, 7, 11, 14]]);
     }))();
   }, [checkoutData]); //just once
 
@@ -3181,7 +3210,7 @@ var PaymentContainer = function PaymentContainer(_ref) {
     severity: "error",
     onClose: onErrorClose,
     variant: "filled"
-  }, error), React__default.createElement(Container, {
+  }, error), paymentDataIsLoading && React__default.createElement(Loader, null), !paymentDataIsLoading && React__default.createElement(Container, {
     maxWidth: "md"
   }, showFormTitle && React__default.createElement("h1", null, formTitle), React__default.createElement("div", {
     className: "order_info_text"
@@ -3209,9 +3238,9 @@ var PaymentContainer = function PaymentContainer(_ref) {
   }, "Please provide your payment information"), showErrorText && React__default.createElement("p", {
     className: "payment_info__error"
   }, errorText), React__default.createElement("div", null, React__default.createElement(reactStripeJs.Elements, {
-    stripe: stripePromise
+    stripe: getStripePromise(_get(reviewData, 'payment_method.stripe_publishable_key'))
   }, React__default.createElement(CheckoutForm, {
-    stripe_client_secret: reviewData.payment_method.stripe_client_secret,
+    stripe_client_secret: _get(reviewData, 'payment_method.stripe_client_secret'),
     total: orderData.total,
     onSubmit: handlePaymentMiddleWare,
     error: error,
@@ -3226,84 +3255,163 @@ var PaymentContainer = function PaymentContainer(_ref) {
   })))))));
 };
 
-var SocialButtons = function SocialButtons(_ref) {
-  var showDefaultShareButtons = _ref.showDefaultShareButtons,
-      shareLink = _ref.shareLink,
-      name = _ref.name,
-      appId = _ref.appId,
-      shareButtons = _ref.shareButtons;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "convenient_buttons"
-  }, "or use one of these convenient buttons:"), React__default.createElement("div", {
-    className: "social-media-btns"
-  }, showDefaultShareButtons && React__default.createElement(React__default.Fragment, null, React__default.createElement(reactShare.FacebookShareButton, {
-    url: shareLink,
-    quote: name
-  }, React__default.createElement("div", {
-    className: 'social-media-sharing'
-  }, React__default.createElement("div", {
-    className: 'share-icon'
-  }, React__default.createElement(reactShare.FacebookIcon, {
-    size: 32,
-    round: true
-  })), React__default.createElement("span", {
-    className: "share-text"
-  }, "Share on", React__default.createElement("br", null), " Facebook"))), React__default.createElement(reactShare.TwitterShareButton, {
-    url: shareLink,
-    title: name
-  }, React__default.createElement("div", {
-    className: 'social-media-sharing'
-  }, React__default.createElement("div", {
-    className: 'share-icon'
-  }, React__default.createElement(reactShare.TwitterIcon, {
-    size: 32,
-    round: true
-  })), React__default.createElement("span", {
-    className: "share-text"
-  }, "Tweet to your", React__default.createElement("br", null), " Followers"))), React__default.createElement(reactShare.FacebookMessengerShareButton, {
-    url: shareLink,
-    appId: appId
-  }, React__default.createElement("div", {
-    className: 'social-media-sharing'
-  }, React__default.createElement("div", {
-    className: 'share-icon'
-  }, React__default.createElement(reactShare.FacebookMessengerIcon, {
-    size: 32,
-    round: true
-  })), React__default.createElement("span", {
-    className: "share-text"
-  }, "Message friends on", React__default.createElement("br", null), " Facebook"))), React__default.createElement(reactShare.WhatsappShareButton, {
-    url: shareLink,
-    title: name
-  }, React__default.createElement("div", {
+var config = {
+  facebook: {
+    component: reactShare.FacebookShareButton,
+    icon: reactShare.FacebookIcon
+  },
+  messenger: {
+    component: reactShare.FacebookMessengerShareButton,
+    icon: reactShare.FacebookMessengerIcon
+  },
+  twitter: {
+    component: reactShare.TwitterShareButton,
+    icon: reactShare.TwitterIcon
+  },
+  linkedin: {
+    component: reactShare.LinkedinShareButton,
+    icon: reactShare.LinkedinIcon
+  },
+  pinterest: {
+    component: reactShare.PinterestShareButton,
+    icon: reactShare.PinterestIcon
+  },
+  vk: {
+    component: reactShare.VKShareButton,
+    icon: reactShare.VKIcon
+  },
+  ok: {
+    component: reactShare.OKShareButton,
+    icon: reactShare.OKIcon
+  },
+  telegram: {
+    component: reactShare.TelegramShareButton,
+    icon: reactShare.TelegramIcon
+  },
+  whatsapp: {
+    component: reactShare.WhatsappShareButton,
+    icon: reactShare.WhatsappIcon
+  },
+  reddit: {
+    component: reactShare.RedditShareButton,
+    icon: reactShare.RedditIcon
+  },
+  tumblr: {
+    component: reactShare.TumblrShareButton,
+    icon: reactShare.TumblrIcon
+  },
+  mailru: {
+    component: reactShare.MailruShareButton,
+    icon: reactShare.MailruIcon
+  },
+  email: {
+    component: reactShare.EmailShareButton,
+    icon: reactShare.EmailIcon
+  },
+  livejournal: {
+    component: reactShare.LivejournalShareButton,
+    icon: reactShare.LivejournalIcon
+  },
+  viber: {
+    component: reactShare.ViberShareButton,
+    icon: reactShare.ViberIcon
+  },
+  workplace: {
+    component: reactShare.WorkplaceShareButton,
+    icon: reactShare.WorkplaceIcon
+  },
+  line: {
+    component: reactShare.LineShareButton,
+    icon: reactShare.LineIcon
+  },
+  pocket: {
+    component: reactShare.PocketShareButton,
+    icon: reactShare.PocketIcon
+  },
+  instapaper: {
+    component: reactShare.InstapaperShareButton,
+    icon: reactShare.InstapaperIcon
+  },
+  weibo: {
+    component: reactShare.WeiboShareButton,
+    icon: reactShare.WeiboIcon
+  },
+  hatena: {
+    component: reactShare.HatenaShareButton,
+    icon: reactShare.HatenaIcon
+  }
+};
+function config$1 (key) {
+  return config[key];
+}
+
+var SocialComponent = function SocialComponent(_ref) {
+  var _config, _config2;
+
+  var mainLabel = _ref.mainLabel,
+      subLabel = _ref.subLabel,
+      platform = _ref.platform,
+      shareData = _ref.shareData;
+  var Component = (_config = config$1(platform)) == null ? void 0 : _config.component;
+  var Icon = (_config2 = config$1(platform)) == null ? void 0 : _config2.icon;
+  return React__default.createElement(React__default.Fragment, null, Component && React__default.createElement(Component, Object.assign({}, shareData), React__default.createElement("div", {
     className: 'social-media-sharing'
   }, React__default.createElement("div", {
     className: 'share-icon'
-  }, React__default.createElement(reactShare.WhatsappIcon, {
+  }, React__default.createElement(Icon, {
     size: 32,
     round: true
   })), React__default.createElement("span", {
     className: "share-text"
-  }, "Message friends on", React__default.createElement("br", null), " Whatsapp")))), shareButtons.map(function (shareButton, index) {
-    return React__default.createElement("div", {
-      className: 'sharing-btn',
+  }, mainLabel, React__default.createElement("br", null), " ", subLabel))));
+};
+
+var SocialButtons = function SocialButtons(_ref2) {
+  var showDefaultShareButtons = _ref2.showDefaultShareButtons,
+      shareLink = _ref2.shareLink,
+      name = _ref2.name,
+      appId = _ref2.appId,
+      shareButtons = _ref2.shareButtons;
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "convenient_buttons"
+  }, "or use one of these convenient buttons:"), React__default.createElement("div", {
+    className: "social-media-btns"
+  }, showDefaultShareButtons && React__default.createElement(React__default.Fragment, null, React__default.createElement(SocialComponent, {
+    mainLabel: 'Share on',
+    subLabel: 'Facebook',
+    platform: 'facebook',
+    shareData: {
+      quote: name,
+      url: shareLink
+    }
+  }), React__default.createElement(SocialComponent, {
+    mainLabel: 'Tweet to your',
+    subLabel: 'Followers',
+    platform: 'twitter',
+    shareData: {
+      title: name,
+      url: shareLink
+    }
+  }), React__default.createElement(SocialComponent, {
+    mainLabel: 'Message friends on',
+    subLabel: 'Facebook',
+    platform: 'messenger',
+    shareData: {
+      appId: appId,
+      url: shareLink
+    }
+  }), React__default.createElement(SocialComponent, {
+    mainLabel: 'Message friends on',
+    subLabel: 'Whatsapp',
+    platform: 'whatsapp',
+    shareData: {
+      title: name,
+      url: shareLink
+    }
+  })), shareButtons.map(function (shareButton, index) {
+    return React__default.createElement(SocialComponent, Object.assign({
       key: index
-    }, React__default.createElement("a", {
-      href: shareButton.link,
-      target: "_blank",
-      rel: "noopener noreferrer"
-    }, React__default.createElement("div", {
-      className: 'social-media-sharing'
-    }, React__default.createElement("div", {
-      className: 'share-icon'
-    }, React__default.createElement(SVG, {
-      width: '32px',
-      height: '32px',
-      fill: '#FFF',
-      src: getImage(shareButton.icon)
-    })), React__default.createElement("span", {
-      className: "share-text"
-    }, shareButton.mainLabel, React__default.createElement("br", null), " ", shareButton.subLabel))));
+    }, shareButton));
   })));
 };
 
@@ -3633,7 +3741,8 @@ var generateQuantity = function generateQuantity(n) {
 
 var WaitingList = function WaitingList(_ref) {
   var _ref$tickets = _ref.tickets,
-      tickets = _ref$tickets === void 0 ? {} : _ref$tickets;
+      tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
+      eventId = _ref.eventId;
 
   var _useState = React.useState(false),
       showSuccessMessage = _useState[0],
@@ -3653,7 +3762,7 @@ var WaitingList = function WaitingList(_ref) {
 
   var handleSubmit = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(values) {
-      var id, requestData, _yield$addToWaitingLi, data;
+      var requestData, _yield$addToWaitingLi, data;
 
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
@@ -3661,16 +3770,15 @@ var WaitingList = function WaitingList(_ref) {
             case 0:
               _context.prev = 0;
               setLoading(true);
-              id = ENV.EVENT_ID;
               requestData = {
                 data: {
                   attributes: values
                 }
               };
-              _context.next = 6;
-              return addToWaitingList(id, requestData);
+              _context.next = 5;
+              return addToWaitingList(eventId, requestData);
 
-            case 6:
+            case 5:
               _yield$addToWaitingLi = _context.sent;
               data = _yield$addToWaitingLi.data;
 
@@ -3678,24 +3786,24 @@ var WaitingList = function WaitingList(_ref) {
                 setShowSuccessMessage(true);
               }
 
-              _context.next = 13;
+              _context.next = 12;
               break;
 
-            case 11:
-              _context.prev = 11;
+            case 10:
+              _context.prev = 10;
               _context.t0 = _context["catch"](0);
 
-            case 13:
-              _context.prev = 13;
+            case 12:
+              _context.prev = 12;
               setLoading(false);
-              return _context.finish(13);
+              return _context.finish(12);
 
-            case 16:
+            case 15:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 11, 13, 16]]);
+      }, _callee, null, [[0, 10, 12, 15]]);
     }));
 
     return function handleSubmit(_x) {
@@ -3782,7 +3890,7 @@ var WaitingList = function WaitingList(_ref) {
   }) : 'ADD TO WAITING LIST')))));
 };
 
-function Loader() {
+function Loader$1() {
   return React__default.createElement("div", {
     className: "loader-container"
   }, React__default.createElement(CircularProgress, null));
@@ -4006,8 +4114,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
   return React__default.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
-  }, isLoading ? React__default.createElement(Loader, null) : React__default.createElement(React__default.Fragment, null, showWaitingList ? React__default.createElement(WaitingList, {
-    tickets: tickets
+  }, isLoading ? React__default.createElement(Loader$1, null) : React__default.createElement(React__default.Fragment, null, showWaitingList ? React__default.createElement(WaitingList, {
+    tickets: tickets,
+    eventId: eventId
   }) : React__default.createElement("div", null, React__default.createElement(TicketsSection, {
     ticketsList: tickets,
     selectedTickets: selectedTickets,
@@ -4405,4 +4514,5 @@ exports.PaymentContainer = PaymentContainer;
 exports.TicketsContainer = TicketsContainer;
 exports.createFixedFloatNormalizer = createFixedFloatNormalizer;
 exports.currencyNormalizerCreator = currencyNormalizerCreator;
+exports.setConfigs = setConfigs;
 //# sourceMappingURL=tf-checkout-react.cjs.development.js.map