tf-checkout-react 1.7.1 → 1.7.3

package/dist/tf-checkout-react.esm.js

@@ -8,7 +8,6 @@ import _find from 'lodash-es/find';
 import _forEach from 'lodash-es/forEach';
 import _get from 'lodash-es/get';
 import _identity from 'lodash-es/identity';
-import _includes from 'lodash-es/includes';
 import _isEmpty from 'lodash-es/isEmpty';
 import _isEqual from 'lodash-es/isEqual';
 import _map from 'lodash-es/map';
@@ -33,6 +32,7 @@ import VisibilityOff from '@mui/icons-material/VisibilityOff';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
 import TextField from '@mui/material/TextField';
+import _includes from 'lodash-es/includes';
 import _isFunction from 'lodash-es/isFunction';
 import _isObject from 'lodash-es/isObject';
 import MuiPhoneNumber from 'material-ui-phone-number';
@@ -724,7 +724,7 @@ var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWit
   var ticket_holders = [];
   var first_name = _get(logedInValues, 'firstName') || _get(logedInValues, 'first_name') || _get(userCredentials, 'firstNameLogged') || '';
   var last_name = _get(logedInValues, 'lastName') || _get(logedInValues, 'last_name') || _get(userCredentials, 'lastNameLogged') || '';
-  var phone = _get(logedInValues, 'phone', '');
+  var phone = _get(logedInValues, 'phone') || _get(userCredentials, 'phoneLogged') || '';
   var email = _get(logedInValues, 'email') || _get(userCredentials, 'emailLogged') || '';
   for (var i = 0; i <= ticketsQuantity - 1; i++) {
     var individualHolder = i ? {
@@ -1140,6 +1140,66 @@ var logout = /*#__PURE__*/function () {
     return _ref5.apply(this, arguments);
   };
 }();
+/**
+ * Checks whether a given email address already exists via the `/ajax/contact-email` endpoint.
+ *
+ * The underlying API is expected to return a JSON object containing:
+ * - `exists`: `1` if the email exists, `0` otherwise
+ * - `error`: `1` if an error occurred, `0` otherwise
+ * - `message`: an optional error message when `error === 1`
+ *
+ * This function normalizes that response to an object with:
+ * - `exists`: a boolean indicating whether the email exists
+ * - `error`: an optional string containing an error message, if any
+ *
+ * On network or unexpected errors, it returns `{ exists: false, error: 'Failed to check email' }`.
+ *
+ * @param {string} email - The email address to check for existence.
+ * @returns {Promise<{ exists: boolean; error?: string }>} A promise that resolves to the normalized
+ *          result of the email existence check.
+ */
+var checkEmailExists = /*#__PURE__*/function () {
+  var _ref6 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(email) {
+    var _publicRequest$defaul, formData, baseUrl, url, response;
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          _context6.prev = 0;
+          formData = new FormData();
+          formData.append('email', email);
+          formData.append('is_checkout_flow', 'true');
+          baseUrl = ((_publicRequest$defaul = publicRequest.defaults.baseURL) == null ? void 0 : _publicRequest$defaul.replace('/api', '')) || '';
+          url = baseUrl + "/ajax/contact-email";
+          _context6.next = 8;
+          return publicRequest.post(url, formData, {
+            headers: {
+              'Content-Type': 'multipart/form-data'
+            }
+          });
+        case 8:
+          response = _context6.sent;
+          return _context6.abrupt("return", {
+            exists: response.data.exists === 1,
+            error: response.data.error === 1 ? response.data.message : undefined
+          });
+        case 12:
+          _context6.prev = 12;
+          _context6.t0 = _context6["catch"](0);
+          console.error('Error checking email:', _context6.t0);
+          return _context6.abrupt("return", {
+            exists: false,
+            error: 'Failed to check email'
+          });
+        case 16:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6, null, [[0, 12]]);
+  }));
+  return function checkEmailExists(_x4) {
+    return _ref6.apply(this, arguments);
+  };
+}();
 
 var getOrders = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(page, limit, eventSlug) {
@@ -2403,6 +2463,50 @@ var usePixel = /*#__PURE__*/function () {
   };
 }();
 
+var emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+var combineValidators = function combineValidators() {
+  for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
+    validators[_key] = arguments[_key];
+  }
+  return function () {
+    for (var i = 0; i < validators.length; ++i) {
+      var error_message = validators[i].apply(validators, arguments);
+      if (error_message) return error_message;
+    }
+  };
+};
+function isFalsy(item) {
+  try {
+    if (!item ||
+    // handles most, like false, 0, null, etc
+    typeof item === 'object' && Object.keys(item).length === 0 &&
+    // for empty objects, like {}, []
+    !(typeof item.addEventListener === 'function') // omit webpage elements
+    ) {
+      return true;
+    }
+  } catch (err) {
+    return true;
+  }
+  return false;
+}
+var requiredValidator = function requiredValidator(value, message) {
+  var errorMessage = '';
+  if (isFalsy(typeof value === 'string' ? value.trim() : value)) {
+    errorMessage = message || 'Required';
+  }
+  return errorMessage;
+};
+var emailValidator = function emailValidator(email) {
+  return !emailRegex.test(email) ? 'Please enter a valid email address' : '';
+};
+var passwordValidator = function passwordValidator(password) {
+  if (!password || password.length < 6) {
+    return 'The password must be at least 6 characters.';
+  }
+  return '';
+};
+
 var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
   return !value ? '' : getCurrencySymbolByCurrency(currency) + " " + value;
 };
@@ -2678,44 +2782,6 @@ var cartAdapter = function cartAdapter(cart) {
   };
 };
 
-var emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-var combineValidators = function combineValidators() {
-  for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
-    validators[_key] = arguments[_key];
-  }
-  return function () {
-    for (var i = 0; i < validators.length; ++i) {
-      var error_message = validators[i].apply(validators, arguments);
-      if (error_message) return error_message;
-    }
-  };
-};
-function isFalsy(item) {
-  try {
-    if (!item ||
-    // handles most, like false, 0, null, etc
-    typeof item === 'object' && Object.keys(item).length === 0 &&
-    // for empty objects, like {}, []
-    !(typeof item.addEventListener === 'function') // omit webpage elements
-    ) {
-      return true;
-    }
-  } catch (err) {
-    return true;
-  }
-  return false;
-}
-var requiredValidator = function requiredValidator(value, message) {
-  var errorMessage = '';
-  if (isFalsy(typeof value === 'string' ? value.trim() : value)) {
-    errorMessage = message || 'Required';
-  }
-  return errorMessage;
-};
-var emailValidator = function emailValidator(email) {
-  return !emailRegex.test(email) ? 'Please enter a valid email address' : '';
-};
-
 var CheckboxField = function CheckboxField(_ref) {
   var label = _ref.label,
     field = _ref.field,
@@ -2848,7 +2914,7 @@ var CustomField = function CustomField(_ref2) {
     },
     InputLabelProps: {
       sx: customTheme == null ? void 0 : customTheme.input,
-      shrink: isShrinked || Boolean(field.value) || isAutoFilled
+      shrink: isSelectField || isShrinked || Boolean(field.value) || isAutoFilled
     },
     InputProps: finalInputProps,
     inputProps: _extends({}, inputProps, pInputProps),
@@ -2885,6 +2951,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     setFieldValue = _ref$form.setFieldValue,
     setFieldTouched = _ref$form.setFieldTouched,
     setErrors = _ref$form.setErrors,
+    submitCount = _ref$form.submitCount,
     _ref$disableDropdown = _ref.disableDropdown,
     disableDropdown = _ref$disableDropdown === void 0 ? true : _ref$disableDropdown,
     _ref$defaultCountry = _ref.defaultCountry,
@@ -2895,6 +2962,7 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     isCountryCodeEditable = _ref.isCountryCodeEditable;
   var error = _get(errors, field.name);
   var isTouched = Boolean(_get(touched, field.name));
+  var isSubmitAttempted = Boolean(submitCount && submitCount > 0);
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var debounceCb = useCallback(_debounce(function (cb) {
     return void cb();
@@ -2967,8 +3035,8 @@ var PhoneNumberField = function PhoneNumberField(_ref) {
     defaultCountry: defaultCountry,
     disableDropdown: disableDropdown,
     label: label,
-    error: !!error && (isTouched || fill),
-    helperText: (isTouched || fill) && error,
+    error: !!error && (isTouched || fill || isSubmitAttempted),
+    helperText: (isTouched || fill || isSubmitAttempted) && error,
     fullWidth: true,
     autoFormat: false,
     disableAreaCodes: true,
@@ -3333,31 +3401,9 @@ var getInitialValues = function getInitialValues(data, propsInitialValues, userV
   initialValues['holderFirstName-0'] = propsInitialValues.firstName || userValues.firstName || '';
   initialValues['holderLastName-0'] = propsInitialValues.lastName || userValues.lastName || '';
   initialValues['holderEmail-0'] = propsInitialValues.email || userValues.email || '';
+  initialValues['holderPhone-0'] = propsInitialValues.phone || userValues.phone || '';
   return _extends({}, initialValues, ticketHoldersCustomFieldsInitValues);
 };
-var createRegisterFormData = function createRegisterFormData(values, checkoutBody, flagFreeTicket) {
-  if (values === void 0) {
-    values = {};
-  }
-  if (flagFreeTicket === void 0) {
-    flagFreeTicket = false;
-  }
-  var bodyFormData = new FormData();
-  bodyFormData.append('first_name', values.firstName);
-  bodyFormData.append('last_name', values.lastName);
-  bodyFormData.append('email', values.email);
-  bodyFormData.append('password', values.password);
-  bodyFormData.append('password_confirmation', values.confirmPassword);
-  bodyFormData.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
-  bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
-  bodyFormData.append('check_cart_expiration', 'true');
-  _forEach(checkoutBody.attributes, function (item, key) {
-    if (!(flagFreeTicket && ['country', 'state', 'city', 'street_address'].includes(key))) {
-      bodyFormData.append(key, item);
-    }
-  });
-  return bodyFormData;
-};
 var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, values, logedInValues, includeDob) {
   if (values === void 0) {
     values = {};
@@ -3392,7 +3438,7 @@ var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, va
     return {
       first_name: !index ? item["holderFirstName-" + index] || logedInValues.firstNameLogged || '' : item["holderFirstName-" + index] || '',
       last_name: !index ? item["holderLastName-" + index] || logedInValues.lastNameLogged || '' : item["holderLastName-" + index] || '',
-      phone: item["holderPhone-" + index] || '',
+      phone: !index ? item["holderPhone-" + index] || logedInValues.phoneLogged || '' : item["holderPhone-" + index] || '',
       email: !index ? item["holderEmail-" + index] || logedInValues.emailLogged || '' : item["holderEmail-" + index] || ''
     };
   });
@@ -4814,7 +4860,9 @@ var LoginModal = function LoginModal(_ref) {
     _ref$showSignUpButton = _ref.showSignUpButton,
     showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton,
     _ref$showPoweredByIma = _ref.showPoweredByImage,
-    showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
+    showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma,
+    _ref$registerUrl = _ref.registerUrl,
+    registerUrl = _ref$registerUrl === void 0 ? 'https://www.ticketfairy.com/register' : _ref$registerUrl;
   var _useState = useState(''),
     error = _useState[0],
     setError = _useState[1];
@@ -4942,9 +4990,16 @@ var LoginModal = function LoginModal(_ref) {
       onClick: onForgotPassword
     }, "Forgot password?")), showSignUpButton && React.createElement("div", {
       className: "forgot-password"
-    }, React.createElement("span", {
+    }, onSignup !== _identity ? React.createElement("span", {
       "aria-hidden": "true",
-      onClick: onSignup
+      onClick: onSignup,
+      style: {
+        cursor: 'pointer'
+      }
+    }, "Sign up") : React.createElement("a", {
+      href: registerUrl,
+      target: "_blank",
+      rel: "noopener noreferrer"
     }, "Sign up")), showPoweredByImage ? React.createElement(PoweredBy, null) : null));
   }))));
 };
@@ -6000,6 +6055,13 @@ var LogicRunner = function LogicRunner(_ref) {
     shouldFetchCountries = _ref.shouldFetchCountries,
     brandOptIn = _ref.brandOptIn;
   var prevCountry = useRef(values.country);
+  var prevBuyerData = useRef({
+    firstName: '',
+    lastName: '',
+    email: '',
+    phone: ''
+  });
+  var hasLoadedUserData = useRef(false);
   useEffect(function () {
     var fetchStates = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -6047,146 +6109,253 @@ var LogicRunner = function LogicRunner(_ref) {
     }();
     shouldFetchCountries && fetchStates();
   }, [values.country, setStates, setFieldValue]);
+  // Auto-fill first holder with buyer data
+  useEffect(function () {
+    var buyerFirstName = values.firstName || '';
+    var buyerLastName = values.lastName || '';
+    var buyerEmail = values.email || '';
+    var buyerPhone = values.phone || '';
+    // Check if any buyer data has changed
+    var firstNameChanged = prevBuyerData.current.firstName !== buyerFirstName;
+    var lastNameChanged = prevBuyerData.current.lastName !== buyerLastName;
+    var emailChanged = prevBuyerData.current.email !== buyerEmail;
+    var phoneChanged = prevBuyerData.current.phone !== buyerPhone;
+    // Update holder fields individually based on what changed
+    if (firstNameChanged) {
+      setFieldValue('holderFirstName-0', buyerFirstName, false);
+      prevBuyerData.current.firstName = buyerFirstName;
+    }
+    if (lastNameChanged) {
+      setFieldValue('holderLastName-0', buyerLastName, false);
+      prevBuyerData.current.lastName = buyerLastName;
+    }
+    if (emailChanged) {
+      setFieldValue('holderEmail-0', buyerEmail, false);
+      prevBuyerData.current.email = buyerEmail;
+    }
+    if (phoneChanged) {
+      setFieldValue('holderPhone-0', buyerPhone, false);
+      prevBuyerData.current.phone = buyerPhone;
+    }
+  }, [values.firstName, values.lastName, values.email, values.phone, setFieldValue]);
   var userDataEncoded = isBrowser ? window.localStorage.getItem('user_data') : '';
   useEffect(function () {
-    // set user data from local storage
+    // set user data from local storage only on initial load
     var getStoredUserData = function getStoredUserData() {
-      if (isBrowser) {
-        if (userDataEncoded) {
-          try {
-            var parsedData = JSON.parse(userDataEncoded);
-            var mappedValues = {
-              firstName: (parsedData == null ? void 0 : parsedData.first_name) || (parsedData == null ? void 0 : parsedData.firstName) || '',
-              lastName: (parsedData == null ? void 0 : parsedData.last_name) || (parsedData == null ? void 0 : parsedData.lastName) || '',
-              email: (parsedData == null ? void 0 : parsedData.email) || '',
-              phone: (parsedData == null ? void 0 : parsedData.phone) || '',
-              confirmEmail: (parsedData == null ? void 0 : parsedData.email) || '',
-              state: (parsedData == null ? void 0 : parsedData.state) || '',
-              street_address: (parsedData == null ? void 0 : parsedData.street_address) || '',
-              country: (parsedData == null ? void 0 : parsedData.country) || '1',
-              zip: (parsedData == null ? void 0 : parsedData.zip) || '',
-              brand_opt_in: brandOptIn ? brandOptIn : (parsedData == null ? void 0 : parsedData.brand_opt_in) || false,
-              city: (parsedData == null ? void 0 : parsedData.city) || '',
-              confirmPassword: '',
-              password: '',
-              'holderFirstName-0': (parsedData == null ? void 0 : parsedData.first_name) || (parsedData == null ? void 0 : parsedData.firstName) || '',
-              'holderLastName-0': (parsedData == null ? void 0 : parsedData.last_name) || (parsedData == null ? void 0 : parsedData.lastName) || '',
-              'holderEmail-0': (parsedData == null ? void 0 : parsedData.email) || ''
-            };
-            var extraDataJSON = window.localStorage.getItem('extraData');
-            var extraData = extraDataJSON ? JSON.parse(extraDataJSON) : null;
-            setValues(_extends({}, values, mappedValues, extraData != null ? extraData : {}));
-            setUserValues(mappedValues);
-          } catch (e) {}
-        }
+      if (isBrowser && userDataEncoded && !hasLoadedUserData.current) {
+        try {
+          var parsedData = JSON.parse(userDataEncoded);
+          var mappedValues = {
+            firstName: (parsedData == null ? void 0 : parsedData.first_name) || (parsedData == null ? void 0 : parsedData.firstName) || '',
+            lastName: (parsedData == null ? void 0 : parsedData.last_name) || (parsedData == null ? void 0 : parsedData.lastName) || '',
+            email: (parsedData == null ? void 0 : parsedData.email) || '',
+            phone: (parsedData == null ? void 0 : parsedData.phone) || '',
+            confirmEmail: (parsedData == null ? void 0 : parsedData.email) || '',
+            state: (parsedData == null ? void 0 : parsedData.state) || '',
+            street_address: (parsedData == null ? void 0 : parsedData.street_address) || '',
+            country: (parsedData == null ? void 0 : parsedData.country) || '1',
+            zip: (parsedData == null ? void 0 : parsedData.zip) || '',
+            brand_opt_in: brandOptIn ? brandOptIn : (parsedData == null ? void 0 : parsedData.brand_opt_in) || false,
+            city: (parsedData == null ? void 0 : parsedData.city) || '',
+            confirmPassword: '',
+            password: '',
+            'holderFirstName-0': (parsedData == null ? void 0 : parsedData.first_name) || (parsedData == null ? void 0 : parsedData.firstName) || '',
+            'holderLastName-0': (parsedData == null ? void 0 : parsedData.last_name) || (parsedData == null ? void 0 : parsedData.lastName) || '',
+            'holderEmail-0': (parsedData == null ? void 0 : parsedData.email) || '',
+            'holderPhone-0': (parsedData == null ? void 0 : parsedData.phone) || ''
+          };
+          var extraDataJSON = window.localStorage.getItem('extraData');
+          var extraData = extraDataJSON ? JSON.parse(extraDataJSON) : null;
+          setValues(_extends({}, values, mappedValues, extraData != null ? extraData : {}));
+          setUserValues(mappedValues);
+          hasLoadedUserData.current = true;
+        } catch (e) {}
       }
     };
     getStoredUserData();
-  }, [userDataEncoded, setValues, setUserValues, brandOptIn]);
+    // Only run on mount or when userDataEncoded first becomes available
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+// Component to check if email exists
+/**
+ * A utility component that checks if an email address already exists in the system.
+ *
+ * Performs debounced validation and existence checking for user email addresses.
+ * Only checks when both email and confirmEmail match, are valid, and user is not logged in.
+ *
+ * @param email - The primary email address to check
+ * @param confirmEmail - The confirmation email address (must match email)
+ * @param isLoggedIn - Whether the user is currently logged in
+ * @param setEmailExists - Callback function to update the email existence state
+ *
+ * @remarks
+ * - Uses a 500ms debounce to avoid excessive API calls
+ * - Validates email format using regex before checking existence
+ * - Automatically returns false if user is logged in
+ * - Returns null as it's a logic-only component with no UI
+ */
+var EmailExistenceChecker = function EmailExistenceChecker(_ref4) {
+  var email = _ref4.email,
+    confirmEmail = _ref4.confirmEmail,
+    isLoggedIn = _ref4.isLoggedIn,
+    setEmailExists = _ref4.setEmailExists;
+  useEffect(function () {
+    var checkEmail = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var result;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!isLoggedIn) {
+                _context2.next = 3;
+                break;
+              }
+              setEmailExists(false);
+              return _context2.abrupt("return");
+            case 3:
+              if (!(!email || !confirmEmail || email !== confirmEmail || !emailRegex.test(email))) {
+                _context2.next = 6;
+                break;
+              }
+              setEmailExists(false);
+              return _context2.abrupt("return");
+            case 6:
+              _context2.prev = 6;
+              _context2.next = 9;
+              return checkEmailExists(email);
+            case 9:
+              result = _context2.sent;
+              setEmailExists(result.exists);
+              _context2.next = 16;
+              break;
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](6);
+              setEmailExists(false);
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[6, 13]]);
+      }));
+      return function checkEmail() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+    // Debounce the check
+    var timeoutId = setTimeout(function () {
+      checkEmail();
+    }, 800);
+    return function () {
+      return clearTimeout(timeoutId);
+    };
+  }, [email, confirmEmail, isLoggedIn, setEmailExists]);
   return null;
 };
-var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
+var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref6) {
   var _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2, _reviewData$payment_m2, _checkoutUpdateData$a3, _checkoutUpdateData$a4, _checkoutUpdateData$a5;
-  var _ref4$data = _ref4.data,
-    data = _ref4$data === void 0 ? [] : _ref4$data,
-    _ref4$ticketHoldersFi = _ref4.ticketHoldersFields,
-    ticketHoldersFields = _ref4$ticketHoldersFi === void 0 ? {
+  var _ref6$data = _ref6.data,
+    data = _ref6$data === void 0 ? [] : _ref6$data,
+    _ref6$ticketHoldersFi = _ref6.ticketHoldersFields,
+    ticketHoldersFields = _ref6$ticketHoldersFi === void 0 ? {
       id: 1,
       fields: []
-    } : _ref4$ticketHoldersFi,
-    _ref4$initialValues = _ref4.initialValues,
-    initialValues = _ref4$initialValues === void 0 ? {} : _ref4$initialValues,
-    _ref4$buttonName = _ref4.buttonName,
-    buttonName = _ref4$buttonName === void 0 ? 'Submit' : _ref4$buttonName,
-    _ref4$freeOrderButton = _ref4.freeOrderButtonName,
-    freeOrderButtonName = _ref4$freeOrderButton === void 0 ? 'Complete Registration' : _ref4$freeOrderButton,
-    _ref4$handleSubmit = _ref4.handleSubmit,
-    handleSubmit = _ref4$handleSubmit === void 0 ? _identity : _ref4$handleSubmit,
-    _ref4$theme = _ref4.theme,
-    theme = _ref4$theme === void 0 ? 'light' : _ref4$theme,
-    _ref4$onRegisterSucce = _ref4.onRegisterSuccess,
-    onRegisterSuccess = _ref4$onRegisterSucce === void 0 ? _identity : _ref4$onRegisterSucce,
-    _ref4$onRegisterError = _ref4.onRegisterError,
-    onRegisterError = _ref4$onRegisterError === void 0 ? _identity : _ref4$onRegisterError,
-    _ref4$onSubmitError = _ref4.onSubmitError,
-    onSubmitError = _ref4$onSubmitError === void 0 ? _identity : _ref4$onSubmitError,
-    _ref4$onGetCartSucces = _ref4.onGetCartSuccess,
-    onGetCartSuccess = _ref4$onGetCartSucces === void 0 ? _identity : _ref4$onGetCartSucces,
-    _ref4$onGetCartError = _ref4.onGetCartError,
-    onGetCartError = _ref4$onGetCartError === void 0 ? _identity : _ref4$onGetCartError,
-    _ref4$onGetCountriesS = _ref4.onGetCountriesSuccess,
-    onGetCountriesSuccess = _ref4$onGetCountriesS === void 0 ? _identity : _ref4$onGetCountriesS,
-    _ref4$onGetCountriesE = _ref4.onGetCountriesError,
-    onGetCountriesError = _ref4$onGetCountriesE === void 0 ? _identity : _ref4$onGetCountriesE,
-    _ref4$onGetStatesSucc = _ref4.onGetStatesSuccess,
-    onGetStatesSuccess = _ref4$onGetStatesSucc === void 0 ? _identity : _ref4$onGetStatesSucc,
-    _ref4$onGetStatesErro = _ref4.onGetStatesError,
-    onGetStatesError = _ref4$onGetStatesErro === void 0 ? _identity : _ref4$onGetStatesErro,
-    _ref4$onGetProfileDat = _ref4.onGetProfileDataSuccess,
-    _onGetProfileDataSuccess = _ref4$onGetProfileDat === void 0 ? _identity : _ref4$onGetProfileDat,
-    _ref4$onGetProfileDat2 = _ref4.onGetProfileDataError,
-    onGetProfileDataError = _ref4$onGetProfileDat2 === void 0 ? _identity : _ref4$onGetProfileDat2,
-    onLogin = _ref4.onLogin,
-    _ref4$onLoginSuccess = _ref4.onLoginSuccess,
-    onLoginSuccess = _ref4$onLoginSuccess === void 0 ? _identity : _ref4$onLoginSuccess,
-    _ref4$onCheckoutUpdat = _ref4.onCheckoutUpdateSuccess,
-    onCheckoutUpdateSuccess = _ref4$onCheckoutUpdat === void 0 ? _identity : _ref4$onCheckoutUpdat,
-    _ref4$onCheckoutUpdat2 = _ref4.onCheckoutUpdateError,
-    onCheckoutUpdateError = _ref4$onCheckoutUpdat2 === void 0 ? _identity : _ref4$onCheckoutUpdat2,
-    _ref4$isLoggedIn = _ref4.isLoggedIn,
-    pIsLoggedIn = _ref4$isLoggedIn === void 0 ? false : _ref4$isLoggedIn,
-    _ref4$accountInfoTitl = _ref4.accountInfoTitle,
-    accountInfoTitle = _ref4$accountInfoTitl === void 0 ? '' : _ref4$accountInfoTitl,
-    hideLogo = _ref4.hideLogo,
-    themeOptions = _ref4.themeOptions,
-    _ref4$onErrorClose = _ref4.onErrorClose,
-    onErrorClose = _ref4$onErrorClose === void 0 ? _identity : _ref4$onErrorClose,
-    _ref4$hideErrorsAlert = _ref4.hideErrorsAlertSection,
-    hideErrorsAlertSection = _ref4$hideErrorsAlert === void 0 ? false : _ref4$hideErrorsAlert,
-    _ref4$onSkipBillingPa = _ref4.onSkipBillingPage,
-    onSkipBillingPage = _ref4$onSkipBillingPa === void 0 ? _identity : _ref4$onSkipBillingPa,
-    _ref4$skipPage = _ref4.skipPage,
-    skipPage = _ref4$skipPage === void 0 ? false : _ref4$skipPage,
-    _ref4$canSkipHolderNa = _ref4.canSkipHolderNames,
-    canSkipHolderNames = _ref4$canSkipHolderNa === void 0 ? false : _ref4$canSkipHolderNa,
-    _ref4$onForgotPasswor = _ref4.onForgotPasswordSuccess,
-    onForgotPasswordSuccess = _ref4$onForgotPasswor === void 0 ? _identity : _ref4$onForgotPasswor,
-    _ref4$onForgotPasswor2 = _ref4.onForgotPasswordError,
-    onForgotPasswordError = _ref4$onForgotPasswor2 === void 0 ? _identity : _ref4$onForgotPasswor2,
-    _ref4$shouldFetchCoun = _ref4.shouldFetchCountries,
-    shouldFetchCountries = _ref4$shouldFetchCoun === void 0 ? true : _ref4$shouldFetchCoun,
-    _ref4$onCountdownFini = _ref4.onCountdownFinish,
-    onCountdownFinish = _ref4$onCountdownFini === void 0 ? _identity : _ref4$onCountdownFini,
-    _ref4$enableTimer = _ref4.enableTimer,
-    enableTimer = _ref4$enableTimer === void 0 ? false : _ref4$enableTimer,
-    logo = _ref4.logo,
-    _ref4$showForgotPassw = _ref4.showForgotPasswordButton,
-    showForgotPasswordButton = _ref4$showForgotPassw === void 0 ? false : _ref4$showForgotPassw,
-    _ref4$showSignUpButto = _ref4.showSignUpButton,
-    showSignUpButton = _ref4$showSignUpButto === void 0 ? false : _ref4$showSignUpButto,
-    _ref4$brandOptIn = _ref4.brandOptIn,
-    brandOptIn = _ref4$brandOptIn === void 0 ? false : _ref4$brandOptIn,
-    _ref4$showPoweredByIm = _ref4.showPoweredByImage,
-    showPoweredByImage = _ref4$showPoweredByIm === void 0 ? false : _ref4$showPoweredByIm,
-    customFieldsOrderKeys = _ref4.customFieldsOrderKeys,
-    customFieldsTicketHolderKeys = _ref4.customFieldsTicketHolderKeys,
-    _ref4$isCountryCodeEd = _ref4.isCountryCodeEditable,
-    isCountryCodeEditable = _ref4$isCountryCodeEd === void 0 ? true : _ref4$isCountryCodeEd,
-    _ref4$onPendingVerifi = _ref4.onPendingVerification,
-    onPendingVerification = _ref4$onPendingVerifi === void 0 ? _identity : _ref4$onPendingVerifi,
-    _ref4$onGetCheckoutCo = _ref4.onGetCheckoutConfigsSuccess,
-    onGetCheckoutConfigsSuccess = _ref4$onGetCheckoutCo === void 0 ? _identity : _ref4$onGetCheckoutCo,
-    _ref4$onGetCheckoutCo2 = _ref4.onGetCheckoutConfigsError,
-    onGetCheckoutConfigsError = _ref4$onGetCheckoutCo2 === void 0 ? _identity : _ref4$onGetCheckoutCo2,
-    _ref4$includeAddons = _ref4.includeAddons,
-    includeAddons = _ref4$includeAddons === void 0 ? false : _ref4$includeAddons,
-    addonsProps = _ref4.addonsProps,
-    addOnDataWithCustomFields = _ref4.addOnDataWithCustomFields,
-    _ref4$isSinglePageChe = _ref4.isSinglePageCheckout,
-    isSinglePageCheckout = _ref4$isSinglePageChe === void 0 ? false : _ref4$isSinglePageChe,
-    _ref4$paymentProps = _ref4.paymentProps,
-    paymentProps = _ref4$paymentProps === void 0 ? {} : _ref4$paymentProps,
-    paymentSectionAddon = _ref4.paymentSectionAddon;
+    } : _ref6$ticketHoldersFi,
+    _ref6$initialValues = _ref6.initialValues,
+    initialValues = _ref6$initialValues === void 0 ? {} : _ref6$initialValues,
+    _ref6$buttonName = _ref6.buttonName,
+    buttonName = _ref6$buttonName === void 0 ? 'Submit' : _ref6$buttonName,
+    _ref6$freeOrderButton = _ref6.freeOrderButtonName,
+    freeOrderButtonName = _ref6$freeOrderButton === void 0 ? 'Complete Registration' : _ref6$freeOrderButton,
+    _ref6$handleSubmit = _ref6.handleSubmit,
+    handleSubmit = _ref6$handleSubmit === void 0 ? _identity : _ref6$handleSubmit,
+    _ref6$theme = _ref6.theme,
+    theme = _ref6$theme === void 0 ? 'light' : _ref6$theme,
+    _ref6$onRegisterSucce = _ref6.onRegisterSuccess,
+    onRegisterSuccess = _ref6$onRegisterSucce === void 0 ? _identity : _ref6$onRegisterSucce,
+    _ref6$onRegisterError = _ref6.onRegisterError,
+    onRegisterError = _ref6$onRegisterError === void 0 ? _identity : _ref6$onRegisterError,
+    _ref6$onSubmitError = _ref6.onSubmitError,
+    onSubmitError = _ref6$onSubmitError === void 0 ? _identity : _ref6$onSubmitError,
+    _ref6$onGetCartSucces = _ref6.onGetCartSuccess,
+    onGetCartSuccess = _ref6$onGetCartSucces === void 0 ? _identity : _ref6$onGetCartSucces,
+    _ref6$onGetCartError = _ref6.onGetCartError,
+    onGetCartError = _ref6$onGetCartError === void 0 ? _identity : _ref6$onGetCartError,
+    _ref6$onGetCountriesS = _ref6.onGetCountriesSuccess,
+    onGetCountriesSuccess = _ref6$onGetCountriesS === void 0 ? _identity : _ref6$onGetCountriesS,
+    _ref6$onGetCountriesE = _ref6.onGetCountriesError,
+    onGetCountriesError = _ref6$onGetCountriesE === void 0 ? _identity : _ref6$onGetCountriesE,
+    _ref6$onGetStatesSucc = _ref6.onGetStatesSuccess,
+    onGetStatesSuccess = _ref6$onGetStatesSucc === void 0 ? _identity : _ref6$onGetStatesSucc,
+    _ref6$onGetStatesErro = _ref6.onGetStatesError,
+    onGetStatesError = _ref6$onGetStatesErro === void 0 ? _identity : _ref6$onGetStatesErro,
+    _ref6$onGetProfileDat = _ref6.onGetProfileDataSuccess,
+    _onGetProfileDataSuccess = _ref6$onGetProfileDat === void 0 ? _identity : _ref6$onGetProfileDat,
+    _ref6$onGetProfileDat2 = _ref6.onGetProfileDataError,
+    onGetProfileDataError = _ref6$onGetProfileDat2 === void 0 ? _identity : _ref6$onGetProfileDat2,
+    onLogin = _ref6.onLogin,
+    _ref6$onLoginSuccess = _ref6.onLoginSuccess,
+    onLoginSuccess = _ref6$onLoginSuccess === void 0 ? _identity : _ref6$onLoginSuccess,
+    _ref6$onCheckoutUpdat = _ref6.onCheckoutUpdateSuccess,
+    onCheckoutUpdateSuccess = _ref6$onCheckoutUpdat === void 0 ? _identity : _ref6$onCheckoutUpdat,
+    _ref6$onCheckoutUpdat2 = _ref6.onCheckoutUpdateError,
+    onCheckoutUpdateError = _ref6$onCheckoutUpdat2 === void 0 ? _identity : _ref6$onCheckoutUpdat2,
+    _ref6$isLoggedIn = _ref6.isLoggedIn,
+    pIsLoggedIn = _ref6$isLoggedIn === void 0 ? false : _ref6$isLoggedIn,
+    _ref6$accountInfoTitl = _ref6.accountInfoTitle,
+    accountInfoTitle = _ref6$accountInfoTitl === void 0 ? '' : _ref6$accountInfoTitl,
+    hideLogo = _ref6.hideLogo,
+    themeOptions = _ref6.themeOptions,
+    _ref6$onErrorClose = _ref6.onErrorClose,
+    onErrorClose = _ref6$onErrorClose === void 0 ? _identity : _ref6$onErrorClose,
+    _ref6$hideErrorsAlert = _ref6.hideErrorsAlertSection,
+    hideErrorsAlertSection = _ref6$hideErrorsAlert === void 0 ? false : _ref6$hideErrorsAlert,
+    _ref6$onSkipBillingPa = _ref6.onSkipBillingPage,
+    onSkipBillingPage = _ref6$onSkipBillingPa === void 0 ? _identity : _ref6$onSkipBillingPa,
+    _ref6$skipPage = _ref6.skipPage,
+    skipPage = _ref6$skipPage === void 0 ? false : _ref6$skipPage,
+    _ref6$canSkipHolderNa = _ref6.canSkipHolderNames,
+    canSkipHolderNames = _ref6$canSkipHolderNa === void 0 ? false : _ref6$canSkipHolderNa,
+    _ref6$onForgotPasswor = _ref6.onForgotPasswordSuccess,
+    onForgotPasswordSuccess = _ref6$onForgotPasswor === void 0 ? _identity : _ref6$onForgotPasswor,
+    _ref6$onForgotPasswor2 = _ref6.onForgotPasswordError,
+    onForgotPasswordError = _ref6$onForgotPasswor2 === void 0 ? _identity : _ref6$onForgotPasswor2,
+    _ref6$shouldFetchCoun = _ref6.shouldFetchCountries,
+    shouldFetchCountries = _ref6$shouldFetchCoun === void 0 ? true : _ref6$shouldFetchCoun,
+    _ref6$onCountdownFini = _ref6.onCountdownFinish,
+    onCountdownFinish = _ref6$onCountdownFini === void 0 ? _identity : _ref6$onCountdownFini,
+    _ref6$enableTimer = _ref6.enableTimer,
+    enableTimer = _ref6$enableTimer === void 0 ? false : _ref6$enableTimer,
+    logo = _ref6.logo,
+    _ref6$showForgotPassw = _ref6.showForgotPasswordButton,
+    showForgotPasswordButton = _ref6$showForgotPassw === void 0 ? false : _ref6$showForgotPassw,
+    _ref6$showSignUpButto = _ref6.showSignUpButton,
+    showSignUpButton = _ref6$showSignUpButto === void 0 ? false : _ref6$showSignUpButto,
+    _ref6$brandOptIn = _ref6.brandOptIn,
+    brandOptIn = _ref6$brandOptIn === void 0 ? false : _ref6$brandOptIn,
+    _ref6$showPoweredByIm = _ref6.showPoweredByImage,
+    showPoweredByImage = _ref6$showPoweredByIm === void 0 ? false : _ref6$showPoweredByIm,
+    customFieldsOrderKeys = _ref6.customFieldsOrderKeys,
+    customFieldsTicketHolderKeys = _ref6.customFieldsTicketHolderKeys,
+    _ref6$isCountryCodeEd = _ref6.isCountryCodeEditable,
+    isCountryCodeEditable = _ref6$isCountryCodeEd === void 0 ? true : _ref6$isCountryCodeEd,
+    _ref6$onPendingVerifi = _ref6.onPendingVerification,
+    onPendingVerification = _ref6$onPendingVerifi === void 0 ? _identity : _ref6$onPendingVerifi,
+    _ref6$onGetCheckoutCo = _ref6.onGetCheckoutConfigsSuccess,
+    onGetCheckoutConfigsSuccess = _ref6$onGetCheckoutCo === void 0 ? _identity : _ref6$onGetCheckoutCo,
+    _ref6$onGetCheckoutCo2 = _ref6.onGetCheckoutConfigsError,
+    onGetCheckoutConfigsError = _ref6$onGetCheckoutCo2 === void 0 ? _identity : _ref6$onGetCheckoutCo2,
+    _ref6$includeAddons = _ref6.includeAddons,
+    includeAddons = _ref6$includeAddons === void 0 ? false : _ref6$includeAddons,
+    addonsProps = _ref6.addonsProps,
+    addOnDataWithCustomFields = _ref6.addOnDataWithCustomFields,
+    _ref6$isSinglePageChe = _ref6.isSinglePageCheckout,
+    isSinglePageCheckout = _ref6$isSinglePageChe === void 0 ? false : _ref6$isSinglePageChe,
+    _ref6$paymentProps = _ref6.paymentProps,
+    paymentProps = _ref6$paymentProps === void 0 ? {} : _ref6$paymentProps,
+    paymentSectionAddon = _ref6.paymentSectionAddon;
   var _useState = useState(null),
     extraData = _useState[0],
     setExtraData = _useState[1];
@@ -6196,9 +6365,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   var _useState3 = useState(null),
     configs = _useState3[0],
     setConfigs = _useState3[1];
-  var _useState4 = useState(false),
-    isNewUser = _useState4[0],
-    setIsNewUser = _useState4[1];
+  var isNewUser = false;
   var themeMui = createTheme(themeOptions);
   var elementsRef = useRef(null);
   var stripeRef = useRef(null);
@@ -6227,41 +6394,39 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
     resale: false,
     resaleWithAddons: false
   };
-  var _useState5 = useState(assingUniqueIds(data)),
-    dataWithUniqueIds = _useState5[0],
-    setDataWithUniqueIds = _useState5[1];
+  var _useState4 = useState(assingUniqueIds(data)),
+    dataWithUniqueIds = _useState4[0],
+    setDataWithUniqueIds = _useState4[1];
   var xtfCookie = getCookieByName('X-TF-ECOMMERCE');
-  var _useState6 = useState(!!(pIsLoggedIn || xtfCookie)),
-    isLoggedIn = _useState6[0],
-    setIsLoggedIn = _useState6[1];
-  var _useState7 = useState({}),
-    cartInfoData = _useState7[0],
-    setCartInfo = _useState7[1];
+  var _useState5 = useState(!!(pIsLoggedIn || xtfCookie)),
+    isLoggedIn = _useState5[0],
+    setIsLoggedIn = _useState5[1];
+  var _useState6 = useState({}),
+    cartInfoData = _useState6[0],
+    setCartInfo = _useState6[1];
+  var _useState7 = useState([]),
+    countries = _useState7[0],
+    setCountries = _useState7[1];
   var _useState8 = useState([]),
-    countries = _useState8[0],
-    setCountries = _useState8[1];
-  var _useState9 = useState([]),
-    states = _useState9[0],
-    setStates = _useState9[1];
+    states = _useState8[0],
+    setStates = _useState8[1];
+  var _useState9 = useState(false),
+    showModalLogin = _useState9[0],
+    setShowModalLogin = _useState9[1];
+  var alreadyHasUser = false;
   var _useState10 = useState(false),
-    showModalLogin = _useState10[0],
-    setShowModalLogin = _useState10[1];
+    userExpired = _useState10[0],
+    setUserExpired = _useState10[1];
   var _useState11 = useState(false),
-    alreadyHasUser = _useState11[0],
-    setAlreadyHasUser = _useState11[1];
+    showModalSignup = _useState11[0],
+    setShowModalSignup = _useState11[1];
   var _useState12 = useState(false),
-    userExpired = _useState12[0],
-    setUserExpired = _useState12[1];
-  var _useState13 = useState(false),
-    showModalSignup = _useState13[0],
-    setShowModalSignup = _useState13[1];
-  var _useState14 = useState(false),
-    showModalForgotPassword = _useState14[0],
-    setShowModalForgotPassword = _useState14[1];
-  var _useState15 = useState([]),
-    ticketsQuantity = _useState15[0],
-    setTicketsQuantity = _useState15[1];
-  var _useState16 = useState({
+    showModalForgotPassword = _useState12[0],
+    setShowModalForgotPassword = _useState12[1];
+  var _useState13 = useState([]),
+    ticketsQuantity = _useState13[0],
+    setTicketsQuantity = _useState13[1];
+  var _useState14 = useState({
       firstName: '',
       lastName: '',
       email: '',
@@ -6276,26 +6441,30 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       state: '',
       zip: ''
     }),
-    userValues = _useState16[0],
-    setUserValues = _useState16[1];
+    userValues = _useState14[0],
+    setUserValues = _useState14[1];
+  var _useState15 = useState(true),
+    loading = _useState15[0],
+    setLoading = _useState15[1];
+  var _useState16 = useState(false),
+    cardLoading = _useState16[0],
+    setCardLoading = _useState16[1];
   var _useState17 = useState(true),
-    loading = _useState17[0],
-    setLoading = _useState17[1];
-  var _useState18 = useState(false),
-    cardLoading = _useState18[0],
-    setCardLoading = _useState18[1];
-  var _useState19 = useState(true),
-    isCountriesLoading = _useState19[0],
-    setIsCountriesLoading = _useState19[1];
-  var _useState20 = useState(null),
-    error = _useState20[0],
-    setError = _useState20[1];
-  var _useState21 = useState(false),
-    phoneValidationIsLoading = _useState21[0],
-    setPhoneValidationIsLoading = _useState21[1];
+    isCountriesLoading = _useState17[0],
+    setIsCountriesLoading = _useState17[1];
+  var _useState18 = useState(null),
+    error = _useState18[0],
+    setError = _useState18[1];
+  var _useState19 = useState(false),
+    phoneValidationIsLoading = _useState19[0],
+    setPhoneValidationIsLoading = _useState19[1];
+  var _useState20 = useState(false),
+    emailExists = _useState20[0],
+    setEmailExists = _useState20[1];
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
   var firstNameLogged = _get(userData, 'first_name', '') || _get(userValues, 'first_name', '');
   var lastNameLogged = _get(userData, 'last_name', '') || _get(userValues, 'last_name', '');
+  var phoneLogged = _get(userData, 'phone', '') || _get(userValues, 'phone', '');
   var showDOB = configs == null ? void 0 : configs.age_required;
   var showTicketHolders = configs == null ? void 0 : configs.names_required;
   var eventId = configs == null ? void 0 : configs.event_id;
@@ -6323,18 +6492,18 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   var collectOptionalBusinessCategory = configs == null ? void 0 : configs.collect_optional_business_category;
   var eventHasAddons = configs == null ? void 0 : configs.has_add_on;
   var hideBusinessCategoryField = !collectMandatoryBusinessCategory && !collectOptionalBusinessCategory;
-  var _useState22 = useState(),
-    pendingVerificationMessage = _useState22[0],
-    setPendingVerificationMessage = _useState22[1];
+  var _useState21 = useState(),
+    pendingVerificationMessage = _useState21[0],
+    setPendingVerificationMessage = _useState21[1];
+  var _useState22 = useState({}),
+    reviewData = _useState22[0],
+    setReviewData = _useState22[1];
   var _useState23 = useState({}),
-    reviewData = _useState23[0],
-    setReviewData = _useState23[1];
-  var _useState24 = useState({}),
-    checkoutData = _useState24[0],
-    setCheckoutData = _useState24[1];
-  var _useState25 = useState(null),
-    checkoutUpdateData = _useState25[0],
-    setCheckoutUpdateData = _useState25[1];
+    checkoutData = _useState23[0],
+    setCheckoutData = _useState23[1];
+  var _useState24 = useState(null),
+    checkoutUpdateData = _useState24[0],
+    setCheckoutUpdateData = _useState24[1];
   var prevData = useRef(data);
   var addAddOnsInAttributes = useCallback(function (checkoutBody) {
     var selectedAddOns = window.localStorage.getItem('add_ons') || '{}';
@@ -6342,9 +6511,9 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
     checkoutBody.attributes.add_ons = JSON.parse(selectedAddOns);
     checkoutBody.attributes.add_on_data_capture = JSON.parse(addOnDataCapture);
   }, []);
-  var _useState26 = useState({}),
-    singleCheckoutAddons = _useState26[0],
-    setSingleCheckoutAddOns = _useState26[1];
+  var _useState25 = useState({}),
+    singleCheckoutAddons = _useState25[0],
+    setSingleCheckoutAddOns = _useState25[1];
   var orderIsFree = !Number(checkoutData == null ? void 0 : checkoutData.total);
   useEffect(function () {
     var hasUniqueId = _get(dataWithUniqueIds, '[0].uniqueId');
@@ -6375,37 +6544,37 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   useEffect(function () {
     // fetch countries data
     var fetchCountries = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var res;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context2.prev = 0;
-              _context2.next = 3;
+              _context3.prev = 0;
+              _context3.next = 3;
               return getCountries();
             case 3:
-              res = _context2.sent;
+              res = _context3.sent;
               setCustomHeader(res);
               setCountries(res.data);
               setIsCountriesLoading(false);
               onGetCountriesSuccess(res.data);
-              _context2.next = 14;
+              _context3.next = 14;
               break;
             case 10:
-              _context2.prev = 10;
-              _context2.t0 = _context2["catch"](0);
-              if (axios.isAxiosError(_context2.t0)) {
-                onGetCountriesError(_context2.t0);
+              _context3.prev = 10;
+              _context3.t0 = _context3["catch"](0);
+              if (axios.isAxiosError(_context3.t0)) {
+                onGetCountriesError(_context3.t0);
               }
               setIsCountriesLoading(false);
             case 14:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, null, [[0, 10]]);
+        }, _callee3, null, [[0, 10]]);
       }));
       return function fetchCountries() {
-        return _ref5.apply(this, arguments);
+        return _ref7.apply(this, arguments);
       };
     }();
     shouldFetchCountries && fetchCountries();
@@ -6421,17 +6590,17 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   }, [eventId, isSinglePageCheckout, shouldFetchCountries, onGetCountriesSuccess, onGetCountriesError]);
   // fetch cart data
   var fetchCart = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var res, cartInfo, _cartInfo$cart, cart;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context3.prev = 0;
+            _context4.prev = 0;
             setCardLoading(true);
-            _context3.next = 4;
+            _context4.next = 4;
             return getCart();
           case 4:
-            res = _context3.sent;
+            res = _context4.sent;
             setCustomHeader(res);
             cartInfo = res.data.attributes;
             setCartInfo(cartInfo);
@@ -6440,44 +6609,44 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
               return nanoid();
             }));
             onGetCartSuccess(res.data);
-            _context3.next = 16;
+            _context4.next = 16;
             break;
           case 13:
-            _context3.prev = 13;
-            _context3.t0 = _context3["catch"](0);
-            if (axios.isAxiosError(_context3.t0)) {
-              onGetCartError(_context3.t0);
+            _context4.prev = 13;
+            _context4.t0 = _context4["catch"](0);
+            if (axios.isAxiosError(_context4.t0)) {
+              onGetCartError(_context4.t0);
             }
           case 16:
-            _context3.prev = 16;
+            _context4.prev = 16;
             setCardLoading(false);
-            return _context3.finish(16);
+            return _context4.finish(16);
           case 19:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3, null, [[0, 13, 16, 19]]);
+      }, _callee4, null, [[0, 13, 16, 19]]);
     }));
     return function fetchCart() {
-      return _ref6.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   // fetch user data
   var fetchUserData = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var userDataResponse, profileSpecifiedData, profileDataObj;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context4.prev = 0;
+            _context5.prev = 0;
             if (!isLoggedIn) {
-              _context4.next = 10;
+              _context5.next = 10;
               break;
             }
-            _context4.next = 4;
+            _context5.next = 4;
             return getProfileData();
           case 4:
-            userDataResponse = _context4.sent;
+            userDataResponse = _context5.sent;
             profileSpecifiedData = _get(userDataResponse, 'data');
             profileDataObj = setLoggedUserData(profileSpecifiedData);
             setUserValues(_extends({}, profileDataObj, {
@@ -6487,22 +6656,22 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
             window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
             _onGetProfileDataSuccess(userDataResponse.data);
           case 10:
-            _context4.next = 15;
+            _context5.next = 15;
             break;
           case 12:
-            _context4.prev = 12;
-            _context4.t0 = _context4["catch"](0);
-            if (axios.isAxiosError(_context4.t0)) {
-              onGetProfileDataError(_context4.t0);
+            _context5.prev = 12;
+            _context5.t0 = _context5["catch"](0);
+            if (axios.isAxiosError(_context5.t0)) {
+              onGetProfileDataError(_context5.t0);
             }
           case 15:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4, null, [[0, 12]]);
+      }, _callee5, null, [[0, 12]]);
     }));
     return function fetchUserData() {
-      return _ref7.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -6511,19 +6680,19 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   }, [isLoggedIn]);
   useEffect(function () {
     var fetchCheckoutUpdate = /*#__PURE__*/function () {
-      var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
         var checkoutUpdateResponse, checkoutAttributes, cartPriceBreakdown;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               if (eventId) {
-                _context5.next = 2;
+                _context6.next = 2;
                 break;
               }
-              return _context5.abrupt("return");
+              return _context6.abrupt("return");
             case 2:
-              _context5.prev = 2;
-              _context5.next = 5;
+              _context6.prev = 2;
+              _context6.next = 5;
               return updateCheckout({
                 attributes: {
                   event_id: eventId,
@@ -6531,7 +6700,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 }
               });
             case 5:
-              checkoutUpdateResponse = _context5.sent;
+              checkoutUpdateResponse = _context6.sent;
               console.log('Stripe in [useEffect] fetchCheckoutUpdate', checkoutUpdateResponse);
               if (checkoutUpdateResponse.success) {
                 checkoutAttributes = checkoutUpdateResponse.data.attributes;
@@ -6546,71 +6715,71 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                   expires_at: expirationTime
                 }, cartPriceBreakdown));
               }
-              _context5.next = 13;
+              _context6.next = 13;
               break;
             case 10:
-              _context5.prev = 10;
-              _context5.t0 = _context5["catch"](2);
-              console.error('Failed to fetch checkout update:', _context5.t0);
+              _context6.prev = 10;
+              _context6.t0 = _context6["catch"](2);
+              console.error('Failed to fetch checkout update:', _context6.t0);
             case 13:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, null, [[2, 10]]);
+        }, _callee6, null, [[2, 10]]);
       }));
       return function fetchCheckoutUpdate() {
-        return _ref8.apply(this, arguments);
+        return _ref10.apply(this, arguments);
       };
     }();
     fetchCheckoutUpdate();
   }, [eventId, additionalConfigs == null ? void 0 : additionalConfigs.resale]);
   useEffect(function () {
     var collectPaymentData = /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+      var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
         var checkoutBody, checkoutResponse;
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               if (!(skipPage && !_isEmpty(ticketsQuantity) && !showDOB && !loading && !isNewUser)) {
-                _context6.next = 20;
+                _context7.next = 20;
                 break;
               }
               setLoading(true);
               checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, userData);
-              _context6.prev = 3;
+              _context7.prev = 3;
               if (isBrowser) {
                 addAddOnsInAttributes(checkoutBody);
               }
-              _context6.next = 7;
+              _context7.next = 7;
               return postOnCheckout(checkoutBody, flagFreeTicket);
             case 7:
-              checkoutResponse = _context6.sent;
+              checkoutResponse = _context7.sent;
               removeReferralKey();
               removeAdditionalConfigs();
               onSkipBillingPage(checkoutResponse.data.attributes);
               setLoading(false);
-              _context6.next = 18;
+              _context7.next = 18;
               break;
             case 14:
-              _context6.prev = 14;
-              _context6.t0 = _context6["catch"](3);
-              onSubmitError(_context6.t0);
-              if (_get(_context6.t0, 'response.data.data.hasUnverifiedOrder')) {
-                setPendingVerificationMessage(_get(_context6.t0, 'response.data.message'));
+              _context7.prev = 14;
+              _context7.t0 = _context7["catch"](3);
+              onSubmitError(_context7.t0);
+              if (_get(_context7.t0, 'response.data.data.hasUnverifiedOrder')) {
+                setPendingVerificationMessage(_get(_context7.t0, 'response.data.message'));
               }
             case 18:
-              _context6.next = 21;
+              _context7.next = 21;
               break;
             case 20:
               setLoading(false);
             case 21:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, null, [[3, 14]]);
+        }, _callee7, null, [[3, 14]]);
       }));
       return function collectPaymentData() {
-        return _ref9.apply(this, arguments);
+        return _ref11.apply(this, arguments);
       };
     }();
     collectPaymentData();
@@ -6622,13 +6791,15 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true, {
         emailLogged: emailLogged,
         firstNameLogged: firstNameLogged,
-        lastNameLogged: lastNameLogged
+        lastNameLogged: lastNameLogged,
+        phoneLogged: phoneLogged
       });
     } else {
       checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
         emailLogged: emailLogged || profileData.email,
         firstNameLogged: firstNameLogged || profileData.first_name || profileData.firstName,
-        lastNameLogged: lastNameLogged || profileData.last_name || profileData.lastName
+        lastNameLogged: lastNameLogged || profileData.last_name || profileData.lastName,
+        phoneLogged: phoneLogged || profileData.phone
       }, showDOB);
     }
     // Collect data_capture for Order Custom Fields
@@ -6706,7 +6877,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
     return {
       attributes: mergedAttributes
     };
-  }, [showDOB, showTicketHolders, canSkipHolderNames, customFieldsOrderKeys, ticketsQuantity.length, emailLogged, firstNameLogged, lastNameLogged, customFieldsTicketHolderKeys]);
+  }, [showDOB, showTicketHolders, canSkipHolderNames, customFieldsOrderKeys, ticketsQuantity.length, emailLogged, firstNameLogged, lastNameLogged, phoneLogged, customFieldsTicketHolderKeys]);
   var removeReferralKey = useCallback(function () {
     localStorage.removeItem('referral_key');
   }, []);
@@ -6736,24 +6907,24 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
     }),
     processPayment = _useStripePayment.processPayment;
   var updateCheckoutWithAddOns = useCallback( /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(addOns) {
+    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(addOns) {
       var mergedAddOns, _checkoutUpdateData, checkoutResponse, checkoutDataObj, errorMessage;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             if (addOns === void 0) {
               addOns = {};
             }
             if (isSinglePageCheckout) {
-              _context7.next = 3;
+              _context8.next = 3;
               break;
             }
-            return _context7.abrupt("return");
+            return _context8.abrupt("return");
           case 3:
             mergedAddOns = _extends({}, singleCheckoutAddons); // Update existing entries and add new ones
-            Object.entries(addOns).forEach(function (_ref11) {
-              var key = _ref11[0],
-                value = _ref11[1];
+            Object.entries(addOns).forEach(function (_ref13) {
+              var key = _ref13[0],
+                value = _ref13[1];
               var amount = Number(value);
               if (amount) {
                 mergedAddOns[key] = amount;
@@ -6761,7 +6932,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 delete mergedAddOns[key];
               }
             });
-            _context7.prev = 5;
+            _context8.prev = 5;
             _checkoutUpdateData = {
               attributes: {
                 event_id: eventId,
@@ -6769,51 +6940,51 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 is_from_resale: additionalConfigs == null ? void 0 : additionalConfigs.resale
               }
             };
-            _context7.next = 9;
+            _context8.next = 9;
             return updateCheckout(_checkoutUpdateData);
           case 9:
-            checkoutResponse = _context7.sent;
+            checkoutResponse = _context8.sent;
             if (checkoutResponse.success) {
               checkoutDataObj = _get(checkoutResponse, 'data.attributes.cart_price_breakdown', {});
               setCheckoutData(checkoutDataObj);
               setSingleCheckoutAddOns(mergedAddOns);
             }
-            _context7.next = 18;
+            _context8.next = 18;
             break;
           case 13:
-            _context7.prev = 13;
-            _context7.t0 = _context7["catch"](5);
-            errorMessage = _get(_context7.t0, 'response.data.message', 'Failed to update add-ons');
+            _context8.prev = 13;
+            _context8.t0 = _context8["catch"](5);
+            errorMessage = _get(_context8.t0, 'response.data.message', 'Failed to update add-ons');
             setError(errorMessage);
-            onCheckoutUpdateError(_context7.t0);
+            onCheckoutUpdateError(_context8.t0);
           case 18:
           case "end":
-            return _context7.stop();
+            return _context8.stop();
         }
-      }, _callee7, null, [[5, 13]]);
+      }, _callee8, null, [[5, 13]]);
     }));
     return function (_x) {
-      return _ref10.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }(), [eventId, isSinglePageCheckout, onCheckoutUpdateError, onCheckoutUpdateSuccess]);
   console.log({
     checkoutData: checkoutData
   });
   var handleAddOnSelect = useCallback( /*#__PURE__*/function () {
-    var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(selectedAddOns) {
-      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+    var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(selectedAddOns) {
+      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
-            _context8.next = 2;
+            _context9.next = 2;
             return updateCheckoutWithAddOns(selectedAddOns);
           case 2:
           case "end":
-            return _context8.stop();
+            return _context9.stop();
         }
-      }, _callee8);
+      }, _callee9);
     }));
     return function (_x2) {
-      return _ref12.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }(), [updateCheckoutWithAddOns]);
   var onAddOnSelect = useCallback(function (id, value, addon, fieldUpdates) {
@@ -6897,19 +7068,42 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
     }, initialValues), userValues, ticketHoldersFields, ticketsQuantity),
     enableReinitialize: false,
     onSubmit: function () {
-      var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(values, formikHelpers) {
-        var _checkoutBody$attribu2, _checkoutBody$attribu3, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, refreshToken, userProfile, hasUnverifiedOrder, message, profileData, profileSpecifiedData, profileDataObj, userDataObj, checkoutBody, storedAddOnDataCapture, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, paymentMethod, paymentPlanAvailable, _hasUnverifiedOrder, _message, _e$response, event;
-        return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+      var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(values, formikHelpers) {
+        var _checkoutBody$attribu2, _checkoutBody$attribu3, flagRequirePhoneLocal, holdersCount, hasHolderPhoneError, i, fieldName, value, userDataObj, profileData, profileSpecifiedData, checkoutBody, storedAddOnDataCapture, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, paymentMethod, paymentPlanAvailable, hasUnverifiedOrder, message, _e$response, event;
+        return _regeneratorRuntime().wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _context9.prev = 0;
+              _context10.prev = 0;
+              // Validation: if phone is required for ticket holders, mark errors and stop submit
+              flagRequirePhoneLocal = Boolean(configs == null ? void 0 : configs.phone_required);
+              if (!flagRequirePhoneLocal) {
+                _context10.next = 8;
+                break;
+              }
+              holdersCount = ticketsQuantity.length;
+              hasHolderPhoneError = false;
+              for (i = 0; i < holdersCount; i++) {
+                fieldName = "holderPhone-" + i;
+                value = _get(values, fieldName, '');
+                if (!value) {
+                  hasHolderPhoneError = true;
+                  formikHelpers.setFieldTouched(fieldName, true, false);
+                  formikHelpers.setFieldError(fieldName, 'This field is required');
+                }
+              }
+              if (!hasHolderPhoneError) {
+                _context10.next = 8;
+                break;
+              }
+              return _context10.abrupt("return");
+            case 8:
               if (!((!elementsRef.current || !stripeRef.current) && !orderIsFree)) {
-                _context9.next = 4;
+                _context10.next = 11;
                 break;
               }
               setError('Fill in the payment details');
-              return _context9.abrupt("return");
-            case 4:
+              return _context10.abrupt("return");
+            case 11:
               if (isBrowser) {
                 window.localStorage.setItem('extraData', JSON.stringify({
                   data_capture: {
@@ -6920,68 +7114,43 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                   }
                 }));
               }
-              if (isLoggedIn) {
-                _context9.next = 28;
+              // Guest checkout: no need to register, just get profile if logged in
+              userDataObj = userData;
+              if (!isLoggedIn) {
+                _context10.next = 28;
                 break;
               }
-              checkoutBodyForRegistration = createCheckoutDataBody(ticketsQuantity.length, values, {
-                emailLogged: emailLogged,
-                firstNameLogged: firstNameLogged,
-                lastNameLogged: lastNameLogged
-              }, showDOB);
-              bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration, flagFreeTicket);
-              _context9.prev = 9;
-              setLoading(true);
-              _context9.next = 13;
-              return register(bodyFormData);
-            case 13:
-              resRegister = _context9.sent;
-              _xtfCookie = _get(resRegister, 'headers.x-tf-ecommerce');
-              refreshToken = _get(resRegister, 'data.attributes.refresh_token');
-              userProfile = _get(resRegister, 'data.attributes.user_profile');
-              setIsNewUser(true);
-              onRegisterSuccess({
-                xtfCookie: _xtfCookie,
-                refreshToken: refreshToken,
-                userProfile: userProfile
-              });
-              _context9.next = 28;
-              break;
-            case 21:
-              _context9.prev = 21;
-              _context9.t0 = _context9["catch"](9);
-              setLoading(false);
-              hasUnverifiedOrder = _get(_context9.t0, 'response.data.data.hasUnverifiedOrder');
-              message = _get(_context9.t0, 'response.data.message', {});
-              if (hasUnverifiedOrder && typeof message === 'string') {
-                setPendingVerificationMessage(message);
-              } else if (axios.isAxiosError(_context9.t0)) {
-                if (_includes(message, 'You must be aged') && typeof message === 'string') {
-                  formikHelpers.setFieldError('holderAge', message);
-                }
-                if (typeof message !== 'string' && message != null && message.password) {
-                  formikHelpers.setFieldError('password', message.password);
-                  formikHelpers.setFieldError('confirmPassword', message.password);
-                }
-                if (typeof message !== 'string' && message != null && message.email && !onLogin) {
-                  // False will stand for outside controll
-                  setAlreadyHasUser(true);
-                  setShowModalLogin(true);
-                }
-                if (_includes(error, 'The cart is expired') && !hideErrorsAlertSection) {
-                  setError(error);
-                }
-                onRegisterError(_context9.t0, values.email);
-              }
-              return _context9.abrupt("return");
-            case 28:
-              _context9.next = 30;
+              _context10.prev = 15;
+              _context10.next = 18;
               return getProfileData();
-            case 30:
-              profileData = _context9.sent;
+            case 18:
+              profileData = _context10.sent;
               profileSpecifiedData = _get(profileData, 'data');
-              profileDataObj = setLoggedUserData(profileSpecifiedData);
-              userDataObj = isLoggedIn ? userData : profileDataObj;
+              userDataObj = setLoggedUserData(profileSpecifiedData);
+              _context10.next = 26;
+              break;
+            case 23:
+              _context10.prev = 23;
+              _context10.t0 = _context10["catch"](15);
+              // If profile fetch fails, use values from form
+              userDataObj = {
+                email: values.email,
+                first_name: values.firstName,
+                last_name: values.lastName,
+                phone: values.phone
+              };
+            case 26:
+              _context10.next = 29;
+              break;
+            case 28:
+              // For guest checkout, use form values
+              userDataObj = {
+                email: values.email,
+                first_name: values.firstName,
+                last_name: values.lastName,
+                phone: values.phone
+              };
+            case 29:
               if (isBrowser) {
                 window.localStorage.setItem('user_data', JSON.stringify(userDataObj));
               }
@@ -6997,11 +7166,11 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                   checkoutBody.attributes.add_on_data_capture = JSON.parse(storedAddOnDataCapture);
                 }
               }
-              _context9.next = 40;
+              _context10.next = 35;
               return postOnCheckout(checkoutBody, flagFreeTicket);
-            case 40:
-              checkoutResponse = _context9.sent;
-              _context9.next = 43;
+            case 35:
+              checkoutResponse = _context10.sent;
+              _context10.next = 38;
               return updateCheckout({
                 attributes: {
                   event_id: eventId,
@@ -7009,13 +7178,13 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                   is_from_resale: additionalConfigs == null ? void 0 : additionalConfigs.resale
                 }
               });
-            case 43:
-              checkoutUpdateResponse = _context9.sent;
+            case 38:
+              checkoutUpdateResponse = _context10.sent;
               console.log('Stripe checkoutUpdateResponse in billing-info-container', checkoutUpdateResponse);
               setCheckoutUpdateData(checkoutUpdateResponse.data.attributes);
               paymentResponse = null;
               if (!isSinglePageCheckout) {
-                _context9.next = 69;
+                _context10.next = 64;
                 break;
               }
               _checkoutResponse$dat = checkoutResponse.data.attributes, hash = _checkoutResponse$dat.hash, total = _checkoutResponse$dat.total;
@@ -7023,12 +7192,12 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 hash: hash,
                 total: total
               }));
-              _context9.next = 52;
+              _context10.next = 47;
               return getPaymentData(String(hash));
-            case 52:
-              paymentDataResponse = _context9.sent;
+            case 47:
+              paymentDataResponse = _context10.sent;
               if (!paymentDataResponse.success) {
-                _context9.next = 69;
+                _context10.next = 64;
                 break;
               }
               attributes = paymentDataResponse.data.attributes;
@@ -7059,37 +7228,37 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 paymentPlanAvailable: paymentPlanAvailable
               });
               // Process payment using the hook
-              _context9.next = 66;
+              _context10.next = 61;
               return processPayment(paymentDataResponse, values, formikHelpers, checkoutResponse, checkoutUpdateResponse, {
                 attributes: attributes,
                 isFreeTickets: isFreeTickets,
                 updatedOrderData: updatedOrderData,
                 eventId: eventId
               });
-            case 66:
-              paymentResponse = _context9.sent;
+            case 61:
+              paymentResponse = _context10.sent;
               if (!(!paymentResponse && !isFreeTickets)) {
-                _context9.next = 69;
+                _context10.next = 64;
                 break;
               }
-              return _context9.abrupt("return");
-            case 69:
+              return _context10.abrupt("return");
+            case 64:
               removeReferralKey();
               removeAdditionalConfigs();
               handleSubmit(values, formikHelpers, eventId, checkoutResponse, checkoutUpdateResponse, paymentResponse);
-              _context9.next = 81;
+              _context10.next = 77;
               break;
-            case 74:
-              _context9.prev = 74;
-              _context9.t1 = _context9["catch"](0);
+            case 69:
+              _context10.prev = 69;
+              _context10.t1 = _context10["catch"](0);
               setLoading(false);
-              onSubmitError(_context9.t1);
-              _hasUnverifiedOrder = _get(_context9.t1, 'response.data.data.hasUnverifiedOrder');
-              _message = _get(_context9.t1, 'response.data.message', {});
-              if (_hasUnverifiedOrder && typeof _message === 'string') {
-                setPendingVerificationMessage(_message);
-              } else if (axios.isAxiosError(_context9.t1)) {
-                if (((_e$response = _context9.t1.response) == null ? void 0 : _e$response.status) === 401 || _get(_context9.t1, 'response.data.error') === 'invalid_token') {
+              onSubmitError(_context10.t1);
+              hasUnverifiedOrder = _get(_context10.t1, 'response.data.data.hasUnverifiedOrder');
+              message = _get(_context10.t1, 'response.data.message', {});
+              if (hasUnverifiedOrder && typeof message === 'string') {
+                setPendingVerificationMessage(message);
+              } else if (axios.isAxiosError(_context10.t1)) {
+                if (((_e$response = _context10.t1.response) == null ? void 0 : _e$response.status) === 401 || _get(_context10.t1, 'response.data.error') === 'invalid_token') {
                   if (isBrowser) {
                     window.localStorage.removeItem('user_data');
                     setUserExpired(true);
@@ -7102,20 +7271,22 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                     window.document.dispatchEvent(event);
                   }
                 }
-                if (_message && !hideErrorsAlertSection && typeof _message === 'string') {
-                  setError(_message);
+                if (message && !hideErrorsAlertSection && typeof message === 'string') {
+                  setError(message);
                 }
-                onSubmitError(_context9.t1);
+                onSubmitError(_context10.t1);
               }
-            case 81:
-              _context9.prev = 81;
+              // Keep form values intact - don't reset
+              formikHelpers.setSubmitting(false);
+            case 77:
+              _context10.prev = 77;
               setLoading(false);
-              return _context9.finish(81);
-            case 84:
+              return _context10.finish(77);
+            case 80:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, null, [[0, 74, 81, 84], [9, 21]]);
+        }, _callee10, null, [[0, 69, 77, 80], [15, 23]]);
       }));
       function onSubmit(_x3, _x4) {
         return _onSubmit.apply(this, arguments);
@@ -7137,6 +7308,11 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       onGetStatesSuccess: onGetStatesSuccess,
       onGetStatesError: onGetStatesError,
       shouldFetchCountries: shouldFetchCountries
+    }), React.createElement(EmailExistenceChecker, {
+      email: props.values.email || '',
+      confirmEmail: props.values.confirmEmail || '',
+      isLoggedIn: isLoggedIn,
+      setEmailExists: setEmailExists
     }), React.createElement("div", {
       className: "billing-info-container " + theme
     }, !!error && React.createElement(SnackbarAlert, {
@@ -7212,7 +7388,9 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
         }, React.createElement("div", {
           className: groupClassname
         }, _map(filteredGroupItems, function (element) {
-          return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : React.createElement(React.Fragment, {
+          // Hide password fields in single-page checkout or when user is logged in
+          var shouldHidePasswordFields = ['password', 'confirmPassword', 'password-info'].includes(element.name) && (isLoggedIn || isSinglePageCheckout);
+          return shouldHidePasswordFields ? null : React.createElement(React.Fragment, {
             key: element.uniqueId
           }, React.createElement("div", {
             className: element.className + " " + ((props == null ? void 0 : props.errors[element.name]) || '')
@@ -7221,6 +7399,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
           } : {}) : element.component : React.createElement(Field, Object.assign({}, element, {
             type: element.type === 'radio' || element.type === 'checkbox' ? undefined : element.type,
             setPhoneValidationIsLoading: element.type === 'phone' ? setPhoneValidationIsLoading : undefined,
+            fill: element.type === 'phone' ? true : undefined,
             label: getFieldLabel(element, configs),
             validate: getValidateFunctions(element, states, props.values, props.errors),
             setFieldValue: props.setFieldValue,
@@ -7241,7 +7420,24 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
             dateFormat: element.format,
             isCountryCodeEditable: isCountryCodeEditable
           }))));
-        })));
+        })), group.groupItems.some(function (el) {
+          return el.name === 'confirmEmail';
+        }) && emailExists && !isLoggedIn && React.createElement("div", {
+          className: "email-registered-message"
+        }, React.createElement("p", {
+          className: "email-registered-text"
+        }, "\u2713 This email is already registered. Log in to auto-fill your information"), React.createElement(Button, {
+          type: "button",
+          variant: "contained",
+          className: "email-login-button",
+          onClick: function onClick() {
+            if (onLogin) {
+              onLogin();
+            } else {
+              setShowModalLogin(true);
+            }
+          }
+        }, "Log in")));
       }));
     }), !_isEmpty(ticketHoldersFields.fields) && React.createElement("div", {
       className: "ticket-holders-fields"
@@ -7267,6 +7463,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
             component: getFieldComponent(element),
             validate: getValidateFunctions(element, states, props.values, props.errors),
             setPhoneValidationIsLoading: setPhoneValidationIsLoading,
+            fill: element.type === 'phone' ? true : undefined,
             defaultCountry: defaultCountry || element.defaultCountry,
             isCountryCodeEditable: isCountryCodeEditable
           })));
@@ -7667,7 +7864,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!hash) {
-              _context.next = 15;
+              _context.next = 16;
               break;
             }
             _context.prev = 1;
@@ -7694,19 +7891,23 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
               label: 'Your ticket is currently',
               price: _data.currency.symbol + ((_data$product_price = _data.product_price) == null ? void 0 : _data$product_price.toFixed(2))
             });
+            // Ensure order_hash is included in the data
+            if (!_data.order_hash) {
+              _data.order_hash = hash;
+            }
             setData(_data);
             onGetConfirmationDataSuccess(confirmationDataResponse.data.attributes);
-            _context.next = 15;
+            _context.next = 16;
             break;
-          case 12:
-            _context.prev = 12;
+          case 13:
+            _context.prev = 13;
             _context.t0 = _context["catch"](1);
             if (axios.isAxiosError(_context.t0)) onGetConfirmationDataError(_context.t0);
-          case 15:
+          case 16:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 12]]);
+      }, _callee, null, [[1, 13]]);
     }))();
   }, [hash]);
   var _useState2 = useState(false),
@@ -8107,160 +8308,6 @@ function Countdown(_ref) {
   }, message)));
 }
 
-var generateQuantity = function generateQuantity(n) {
-  var quantityList = [];
-  for (var i = 1; i <= n; i++) {
-    quantityList.push({
-      label: i,
-      value: i
-    });
-  }
-  return quantityList;
-};
-var WaitingList = function WaitingList(_ref) {
-  var _ref$tickets = _ref.tickets,
-    tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
-    eventId = _ref.eventId,
-    _ref$defaultMaxQuanti = _ref.defaultMaxQuantity,
-    defaultMaxQuantity = _ref$defaultMaxQuanti === void 0 ? 10 : _ref$defaultMaxQuanti;
-  var userData = isBrowser && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
-  var _useState = useState(false),
-    showSuccessMessage = _useState[0],
-    setShowSuccessMessage = _useState[1];
-  var _useState2 = useState(false),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var ticketTypesList = Object.values(tickets).map(function (d) {
-    return {
-      label: d.displayName,
-      value: d.id
-    };
-  });
-  var showTicketsField = Boolean(ticketTypesList.length);
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
-      var response;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            setLoading(true);
-            _context.next = 4;
-            return addToWaitingList(eventId, {
-              attributes: values
-            });
-          case 4:
-            response = _context.sent;
-            if (response.success) {
-              setShowSuccessMessage(true);
-            }
-            _context.next = 10;
-            break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-          case 10:
-            _context.prev = 10;
-            setLoading(false);
-            return _context.finish(10);
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 8, 10, 13]]);
-    }));
-    return function handleSubmit(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return React.createElement("div", {
-    className: "waiting-list"
-  }, showSuccessMessage ? React.createElement("div", {
-    className: "success-message"
-  }, React.createElement("p", {
-    className: "added-success-message"
-  }, "You've been added to the waiting list!"), React.createElement("p", null, "You'll be notified if tickets become available.")) : React.createElement(React.Fragment, null, React.createElement("h2", null, "WAITING LIST"), React.createElement(Formik, {
-    initialValues: {
-      ticketTypeId: '',
-      quantity: '',
-      firstName: userData.first_name || '',
-      lastName: userData.last_name || '',
-      email: userData.email || ''
-    },
-    onSubmit: handleSubmit
-  }, function (_ref3) {
-    var values = _ref3.values,
-      setFieldValue = _ref3.setFieldValue;
-    var selectedTicket = _find(tickets, function (n) {
-      return n.id === values.ticketTypeId;
-    });
-    return React.createElement(Form, null, React.createElement(ErrorFocus, null), showTicketsField && React.createElement(React.Fragment, null, React.createElement("div", {
-      className: "field-item"
-    }, React.createElement(Field, {
-      name: "ticketTypeId",
-      label: "Type of Ticket",
-      type: "select",
-      component: CustomField,
-      onChange: function onChange(e) {
-        setFieldValue('ticketTypeId', e.target.value);
-        setFieldValue('quantity', '');
-      },
-      selectOptions: [{
-        label: 'Type of Ticket',
-        value: '',
-        disabled: true
-      }].concat(ticketTypesList)
-    })), React.createElement("div", {
-      className: "field-item"
-    }, React.createElement(Field, {
-      name: "quantity",
-      label: "Quantity Requested",
-      type: "select",
-      component: CustomField,
-      selectOptions: [{
-        label: 'Quantity Requested',
-        value: '',
-        disabled: true
-      }].concat(generateQuantity((selectedTicket == null ? void 0 : selectedTicket.waitingListMaxQuantity) || (defaultMaxQuantity != null ? defaultMaxQuantity : 10)))
-    }))), React.createElement("div", {
-      className: "field-item"
-    }, React.createElement(Field, {
-      name: "firstName",
-      label: "First name",
-      validate: function validate(value) {
-        return requiredValidator(value, 'Please enter your First name');
-      },
-      component: CustomField
-    })), React.createElement("div", {
-      className: "field-item"
-    }, React.createElement(Field, {
-      name: "lastName",
-      label: "Last name",
-      validate: function validate(value) {
-        return requiredValidator(value, 'Please enter your Last name');
-      },
-      component: CustomField
-    })), React.createElement("div", {
-      className: "field-item"
-    }, React.createElement(Field, {
-      name: "email",
-      label: "Email",
-      validate: combineValidators(function (value) {
-        return requiredValidator(value, 'Please enter your Email');
-      }, function (value) {
-        return emailValidator(value);
-      }),
-      component: CustomField
-    })), React.createElement(Button, {
-      type: "submit",
-      variant: "contained",
-      className: "waiting-list-button"
-    }, loading ? React.createElement(CircularProgress$1, {
-      size: "22px"
-    }) : 'ADD TO WAITING LIST'));
-  })));
-};
-
 var getFormFieldsNotLoggedIn = function getFormFieldsNotLoggedIn(clientName) {
   return [{
     name: 'basic-info',
@@ -8286,13 +8333,13 @@ var getFormFieldsNotLoggedIn = function getFormFieldsNotLoggedIn(clientName) {
       label: 'Email',
       type: 'email',
       required: true,
-      onValidate: null
+      onValidate: emailValidator
     }, {
       name: 'confirmEmail',
       label: 'Confirm Email',
       type: 'email',
       required: true,
-      onValidate: null
+      onValidate: emailValidator
     }]
   }, {
     name: 'billing-info',
@@ -8349,13 +8396,13 @@ var getFormFieldsLoggedIn = function getFormFieldsLoggedIn(clientName) {
       label: 'Email',
       type: 'email',
       required: true,
-      onValidate: null
+      onValidate: emailValidator
     }, {
       name: 'confirmEmail',
       label: 'Confirm Email',
       type: 'email',
       required: true,
-      onValidate: null
+      onValidate: emailValidator
     }]
   }, {
     name: 'billing-info-logged-in',
@@ -8399,6 +8446,9 @@ var getValidateFunctions$1 = function getValidateFunctions(_ref) {
   if (element.onValidate) {
     validationFunctions.push(element.onValidate);
   }
+  if (element.name === 'password') {
+    validationFunctions.push(passwordValidator);
+  }
   if (element.name === 'confirmEmail') {
     var isSameEmail = function isSameEmail(confirmEmail) {
       return values.email !== confirmEmail ? 'Please confirm your email address correctly' : null;
@@ -8595,94 +8645,448 @@ var FieldsSection = function FieldsSection(_ref2) {
   }));
 };
 
-var X_TF_ECOMMERCE$1 = 'X-TF-ECOMMERCE';
-var isWindowDefined$1 = typeof window !== 'undefined';
-var PreRegistration = function PreRegistration(_ref) {
-  var eventId = _ref.eventId,
-    pFormFields = _ref.formFields,
-    additionalFieldAttribute = _ref.additionalFieldAttribute,
-    isPreregistrationStarted = _ref.isPreregistrationStarted,
-    logo = _ref.logo,
-    showForgotPasswordButton = _ref.showForgotPasswordButton,
-    _ref$onLoginSuccess = _ref.onLoginSuccess,
-    onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
-    _ref$onForgotPassword = _ref.onForgotPasswordSuccess,
-    onForgotPasswordSuccess = _ref$onForgotPassword === void 0 ? _identity : _ref$onForgotPassword,
-    _ref$onForgotPassword2 = _ref.onForgotPasswordError,
-    onForgotPasswordError = _ref$onForgotPassword2 === void 0 ? _identity : _ref$onForgotPassword2,
-    _ref$onGetCountriesSu = _ref.onGetCountriesSuccess,
-    onGetCountriesSuccess = _ref$onGetCountriesSu === void 0 ? _identity : _ref$onGetCountriesSu,
-    _ref$onGetCountriesEr = _ref.onGetCountriesError,
-    onGetCountriesError = _ref$onGetCountriesEr === void 0 ? _identity : _ref$onGetCountriesEr,
-    _ref$onConfirmationSu = _ref.onConfirmationSuccess,
-    onConfirmationSuccess = _ref$onConfirmationSu === void 0 ? _identity : _ref$onConfirmationSu,
-    _ref$onConfirmationEr = _ref.onConfirmationError,
-    onConfirmationError = _ref$onConfirmationEr === void 0 ? _identity : _ref$onConfirmationEr,
-    themeOptions = _ref.themeOptions;
-  var _useState = useState(''),
-    error = _useState[0],
-    setError = _useState[1];
-  var _useState2 = useState(false),
-    showModalLogin = _useState2[0],
-    setShowModalLogin = _useState2[1];
-  var _useState3 = useState(false),
-    alreadyHasUser = _useState3[0],
-    setAlreadyHasUser = _useState3[1];
-  var _useState4 = useState(false),
-    showModalForgotPassword = _useState4[0],
-    setShowModalForgotPassword = _useState4[1];
-  var _useState5 = useState([]),
-    countries = _useState5[0],
-    setCountries = _useState5[1];
-  var _useState6 = useState(Boolean(getCookieByName(X_TF_ECOMMERCE$1))),
-    isLoggedIn = _useState6[0],
-    setIsLoggedIn = _useState6[1];
-  var _useState7 = useState({
-      show: false,
-      message: ''
-    }),
-    confirmModalState = _useState7[0],
-    setConfirmModalState = _useState7[1];
-  var _useState8 = useState({}),
-    setUserData = _useState8[1];
-  useCookieListener(X_TF_ECOMMERCE$1, function (value) {
-    return setIsLoggedIn(Boolean(value));
-  });
-  var themeMui = createTheme(themeOptions);
-  var formFieldsLoggedIn = getFormFieldsLoggedIn(CONFIGS.CLIENT_NAME);
-  var formFieldsNotLoggedIn = getFormFieldsNotLoggedIn(CONFIGS.CLIENT_NAME);
-  var formFields = updateFormFieldsAttributes(pFormFields || isLoggedIn ? formFieldsLoggedIn : formFieldsNotLoggedIn, additionalFieldAttribute);
-  useEffect(function () {
-    // fetch countries data
-    var fetchCountries = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var res, _error;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return getCountries();
+var Prewards = function Prewards(props) {
+  var data = props.data,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi,
+    _props$headerNode = props.headerNode,
+    headerNode = _props$headerNode === void 0 ? React.createElement(React.Fragment, null, "PRE", React.createElement("span", null, "WARDS\u2122")) : _props$headerNode;
+  return React.createElement("div", {
+    className: classNamePrefix + "_prewards"
+  }, !_isEmpty(data) && React.createElement("div", {
+    className: classNamePrefix + "_prewards_heder"
+  }, headerNode), React.createElement("div", {
+    className: classNamePrefix + "_prizes"
+  }, _map(data, function (prize) {
+    var description = prize.description,
+      name = prize.name,
+      image = prize.image,
+      id = prize.id;
+    return React.createElement("div", {
+      className: classNamePrefix + "_prize",
+      key: id
+    }, image && React.createElement("img", {
+      className: classNamePrefix + "_image",
+      alt: "",
+      src: image
+    }), React.createElement("div", {
+      className: classNamePrefix + "_info"
+    }, React.createElement("h4", {
+      className: classNamePrefix + "_name"
+    }, name), description && React.createElement("article", {
+      className: classNamePrefix + "_description"
+    }, description)));
+  })));
+};
+
+var CopyField = function CopyField(props) {
+  var copyValue = props.copyValue,
+    _props$copyIconSrc = props.copyIconSrc,
+    copyIconSrc = _props$copyIconSrc === void 0 ? 'https://img.icons8.com/office/50/000000/copy.png' : _props$copyIconSrc,
+    _props$copyTitle = props.copyTitle,
+    copyTitle = _props$copyTitle === void 0 ? 'Copy' : _props$copyTitle,
+    _props$hasCopyIcon = props.hasCopyIcon,
+    hasCopyIcon = _props$hasCopyIcon === void 0 ? false : _props$hasCopyIcon,
+    _props$onLinkCopied = props.onLinkCopied,
+    onLinkCopied = _props$onLinkCopied === void 0 ? _identity : _props$onLinkCopied,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi,
+    _props$messageText = props.messageText,
+    messageText = _props$messageText === void 0 ? '' : _props$messageText;
+  var inputRef = useRef(null);
+  return React.createElement(React.Fragment, null, messageText && React.createElement("span", {
+    className: "message-text"
+  }, messageText), React.createElement("input", {
+    ref: inputRef,
+    className: classNamePrefix + "_share-input",
+    defaultValue: copyValue,
+    readOnly: true
+  }), React.createElement("div", {
+    className: classNamePrefix + "_share-by-link-copy-icon",
+    "aria-hidden": true,
+    onClick: function onClick() {
+      navigator.clipboard.writeText(_get(inputRef, 'current.value'));
+      onLinkCopied();
+    }
+  }, hasCopyIcon ? React.createElement("img", {
+    src: copyIconSrc,
+    alt: "copy"
+  }) : React.createElement("span", {
+    className: classNamePrefix + "_copy-icon"
+  }, copyTitle)));
+};
+
+var ShareOptions = function ShareOptions(props) {
+  var classNamePrefix = props.classNamePrefix,
+    data = props.data,
+    _props$hasCopyIcon = props.hasCopyIcon,
+    hasCopyIcon = _props$hasCopyIcon === void 0 ? true : _props$hasCopyIcon,
+    _props$onLinkCopied = props.onLinkCopied,
+    onLinkCopied = _props$onLinkCopied === void 0 ? _identity : _props$onLinkCopied,
+    _props$headerText = props.headerText,
+    headerText = _props$headerText === void 0 ? 'Share with your friends here ...' : _props$headerText,
+    hash = props.hash,
+    updateShareActionData = props.updateShareActionData,
+    shareActionData = props.shareActionData;
+  var _data$attributes = data.attributes,
+    actions = _data$attributes.actions,
+    shareUrl = _data$attributes.shareUrl;
+  var shareButtons = shareOptionsAdapter(actions, shareUrl);
+  var isShareLinkEnabled = _some(actions, function (item) {
+    return item.action === 'shared_url';
+  });
+  var _onAfterShare = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(eventActionId) {
+      var shareActionToken, tokenShuffleMethod, accessToken;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            shareActionToken = shareActionData.shareActionToken, tokenShuffleMethod = shareActionData.tokenShuffleMethod;
+            accessToken = getShuffleMethodByName(tokenShuffleMethod)(shareActionToken);
+            if (!(typeof eventActionId === 'string')) {
+              _context.next = 6;
+              break;
+            }
+            _context.next = 5;
+            return submitShareAction({
+              eventActionId: eventActionId,
+              accessToken: accessToken,
+              hash: hash
+            });
+          case 5:
+            updateShareActionData();
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onAfterShare(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return React.createElement("div", {
+    className: classNamePrefix + "_share_options"
+  }, !_isEmpty(actions) && React.createElement(React.Fragment, null, React.createElement("div", {
+    className: classNamePrefix + "_share_header"
+  }, headerText), React.createElement(SocialButtons, {
+    shareLink: data.attributes.shareUrl,
+    name: "",
+    appId: "",
+    showDefaultShareButtons: false,
+    shareButtons: shareButtons,
+    titleText: "",
+    footerText: "",
+    onAfterShare: function onAfterShare(eventActionId) {
+      return _onAfterShare(eventActionId);
+    }
+  }), isShareLinkEnabled && React.createElement("div", {
+    className: classNamePrefix + "_share_btn_inner"
+  }, React.createElement(CopyField, {
+    copyValue: shareUrl,
+    onLinkCopied: onLinkCopied,
+    hasCopyIcon: hasCopyIcon,
+    classNamePrefix: classNamePrefix,
+    messageText: "Share your link"
+  }))));
+};
+
+var isWindowDefined$1 = typeof window !== 'undefined';
+var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
+  var pEventId = _ref.eventId,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? '' : _ref$classNamePrefix,
+    _ref$onLinkCopied = _ref.onLinkCopied,
+    _onLinkCopied = _ref$onLinkCopied === void 0 ? _identity : _ref$onLinkCopied,
+    _ref$hasCopyIcon = _ref.hasCopyIcon,
+    hasCopyIcon = _ref$hasCopyIcon === void 0 ? false : _ref$hasCopyIcon,
+    _ref$pageHeader = _ref.pageHeader,
+    pageHeader = _ref$pageHeader === void 0 ? 'Pre-Registration Confirmation' : _ref$pageHeader,
+    _ref$onGetConfirmatio = _ref.onGetConfirmationDataError,
+    onGetConfirmationDataError = _ref$onGetConfirmatio === void 0 ? _identity : _ref$onGetConfirmatio,
+    _ref$onGetConfirmatio2 = _ref.onGetConfirmationDataSuccess,
+    onGetConfirmationDataSuccess = _ref$onGetConfirmatio2 === void 0 ? _identity : _ref$onGetConfirmatio2,
+    _ref$pageMessage = _ref.pageMessage,
+    pageMessage = _ref$pageMessage === void 0 ? 'Pre registration was successful!' : _ref$pageMessage,
+    _ref$onLoginSuccess = _ref.onLoginSuccess,
+    onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
+    logo = _ref.logo,
+    themeOptions = _ref.themeOptions,
+    _ref$skipInitialValid = _ref.skipInitialValidation,
+    skipInitialValidation = _ref$skipInitialValid === void 0 ? false : _ref$skipInitialValid;
+  var themeMui = createTheme(themeOptions);
+  var localStorageHash = isWindowDefined$1 ? localStorage.getItem('pre-registration-hash') : '';
+  var queryHash = getQueryVariable('hash') || '';
+  queryHash && isWindowDefined$1 && window.localStorage.setItem('pre-registration-hash', queryHash);
+  var hash = queryHash || localStorageHash;
+  var _useState = useState(Boolean(getCookieByName(X_TF_ECOMMERCE))),
+    isLoggedIn = _useState[0],
+    setIsLoggedIn = _useState[1];
+  var _useState2 = useState(!isLoggedIn),
+    showModalLogin = _useState2[0],
+    setShowModalLogin = _useState2[1];
+  var _useState3 = useState(false),
+    showCopyModal = _useState3[0],
+    setShowCopyModal = _useState3[1];
+  var _useState4 = useState([]),
+    prizes = _useState4[0],
+    setPrizes = _useState4[1];
+  var _useState5 = useState({}),
+    shareOptions = _useState5[0],
+    setShareOptions = _useState5[1];
+  var _useState6 = useState({}),
+    shareActionData = _useState6[0],
+    setShareActionData = _useState6[1];
+  var _useState7 = useState({}),
+    error = _useState7[0],
+    setError = _useState7[1];
+  useCookieListener(X_TF_ECOMMERCE, function (value) {
+    return setIsLoggedIn(Boolean(value));
+  });
+  useEffect(function () {
+    var fetchConfirmationData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var shareOptionsData, attributes, eventId, influencersData, _error$response;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!skipInitialValidation) {
+                _context.next = 3;
+                break;
+              }
+              onGetConfirmationDataSuccess();
+              return _context.abrupt("return");
             case 3:
-              res = _context.sent;
-              setCountries(_map(_get(res, 'data'), function (item) {
-                return {
-                  label: item.name,
-                  value: Number(item.id)
-                };
-              }));
-              onGetCountriesSuccess(res.data);
-              _context.next = 11;
+              _context.prev = 3;
+              if (!(hash && isLoggedIn)) {
+                _context.next = 18;
+                break;
+              }
+              _context.next = 7;
+              return getPreRegistrationShareOptions({
+                hash: hash
+              });
+            case 7:
+              shareOptionsData = _context.sent;
+              attributes = shareOptionsData.data.attributes;
+              setShareOptions(shareOptionsData.data);
+              setShareActionData({
+                shareActionToken: attributes.shareActionToken,
+                tokenShuffleMethod: attributes.tokenShuffleMethod
+              });
+              eventId = _get(shareOptionsData, 'data.attributes.eventId');
+              if (!(eventId || pEventId)) {
+                _context.next = 17;
+                break;
+              }
+              _context.next = 15;
+              return getPreRegistrationInfluencers({
+                eventId: eventId || pEventId
+              });
+            case 15:
+              influencersData = _context.sent;
+              setPrizes(influencersData.data.attributes.prizes);
+            case 17:
+              onGetConfirmationDataSuccess();
+            case 18:
+              _context.next = 23;
               break;
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](0);
+            case 20:
+              _context.prev = 20;
+              _context.t0 = _context["catch"](3);
               if (axios.isAxiosError(_context.t0)) {
-                _error = 'Error';
-                setError(_error);
-                onGetCountriesError(_context.t0);
+                setError((_error$response = _context.t0.response) == null ? void 0 : _error$response.data);
               }
-            case 11:
+            case 23:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[3, 20]]);
+      }));
+      return function fetchConfirmationData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchConfirmationData();
+  }, [pEventId, hash, onGetConfirmationDataError, onGetConfirmationDataSuccess, isLoggedIn, skipInitialValidation]);
+  var onClose = function onClose() {
+    setShowCopyModal(false);
+  };
+  var updateShareActionData = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var shareOptionsData;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!hash) {
+              _context2.next = 6;
+              break;
+            }
+            _context2.next = 3;
+            return getPreRegistrationShareOptions({
+              hash: hash
+            });
+          case 3:
+            shareOptionsData = _context2.sent;
+            setShareOptions(shareOptionsData.data);
+            setShareActionData({
+              shareActionToken: shareOptionsData.data.attributes.shareActionToken,
+              tokenShuffleMethod: shareOptionsData.data.attributes.tokenShuffleMethod
+            });
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function updateShareActionData() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return React.createElement(ThemeProvider, {
+    theme: themeMui
+  }, isLoggedIn && _isEmpty(error) ? React.createElement("div", {
+    className: classNamePrefix + "_pre_registration_complete_container"
+  }, React.createElement(CopyMessageModal, {
+    showCopyModal: showCopyModal,
+    onClose: onClose
+  }), React.createElement("h2", {
+    className: classNamePrefix + "_pre_registration_complete_header preregistration_confirmation_header"
+  }, pageHeader), React.createElement("div", {
+    className: classNamePrefix + "_pre_registration_complete_message"
+  }, pageMessage), React.createElement("div", {
+    className: classNamePrefix + "_pre_registration_complete_body"
+  }, !_isEmpty(prizes) && React.createElement(Prewards, {
+    classNamePrefix: classNamePrefix,
+    data: prizes
+  }), !_isEmpty(shareOptions) && React.createElement(ShareOptions, {
+    classNamePrefix: classNamePrefix,
+    data: shareOptions,
+    onLinkCopied: function onLinkCopied() {
+      setShowCopyModal(true);
+      _onLinkCopied();
+    },
+    shareActionData: shareActionData,
+    updateShareActionData: updateShareActionData,
+    hasCopyIcon: hasCopyIcon,
+    hash: hash
+  }))) : showModalLogin && React.createElement(LoginModal, {
+    logo: logo,
+    onClose: function onClose() {
+      setShowModalLogin(false);
+    },
+    onLogin: function onLogin(res) {
+      setShowModalLogin(false);
+      onLoginSuccess(res);
+    }
+  }), !_isEmpty(error) && React.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: error.message,
+    onConfirm: function onConfirm() {
+      return onGetConfirmationDataError(error);
+    }
+  }));
+};
+
+var X_TF_ECOMMERCE$1 = 'X-TF-ECOMMERCE';
+var isWindowDefined$2 = typeof window !== 'undefined';
+var PreRegistration = function PreRegistration(_ref) {
+  var eventId = _ref.eventId,
+    pFormFields = _ref.formFields,
+    additionalFieldAttribute = _ref.additionalFieldAttribute,
+    isPreregistrationStarted = _ref.isPreregistrationStarted,
+    logo = _ref.logo,
+    showForgotPasswordButton = _ref.showForgotPasswordButton,
+    _ref$onLoginSuccess = _ref.onLoginSuccess,
+    onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
+    _ref$onForgotPassword = _ref.onForgotPasswordSuccess,
+    onForgotPasswordSuccess = _ref$onForgotPassword === void 0 ? _identity : _ref$onForgotPassword,
+    _ref$onForgotPassword2 = _ref.onForgotPasswordError,
+    onForgotPasswordError = _ref$onForgotPassword2 === void 0 ? _identity : _ref$onForgotPassword2,
+    _ref$onGetCountriesSu = _ref.onGetCountriesSuccess,
+    onGetCountriesSuccess = _ref$onGetCountriesSu === void 0 ? _identity : _ref$onGetCountriesSu,
+    _ref$onGetCountriesEr = _ref.onGetCountriesError,
+    onGetCountriesError = _ref$onGetCountriesEr === void 0 ? _identity : _ref$onGetCountriesEr,
+    _ref$onConfirmationSu = _ref.onConfirmationSuccess,
+    onConfirmationSuccess = _ref$onConfirmationSu === void 0 ? _identity : _ref$onConfirmationSu,
+    _ref$onConfirmationEr = _ref.onConfirmationError,
+    onConfirmationError = _ref$onConfirmationEr === void 0 ? _identity : _ref$onConfirmationEr,
+    themeOptions = _ref.themeOptions;
+  var _useState = useState(''),
+    error = _useState[0],
+    setError = _useState[1];
+  var _useState2 = useState(false),
+    showModalLogin = _useState2[0],
+    setShowModalLogin = _useState2[1];
+  var _useState3 = useState(false),
+    alreadyHasUser = _useState3[0],
+    setAlreadyHasUser = _useState3[1];
+  var _useState4 = useState(false),
+    showModalForgotPassword = _useState4[0],
+    setShowModalForgotPassword = _useState4[1];
+  var _useState5 = useState([]),
+    countries = _useState5[0],
+    setCountries = _useState5[1];
+  var _useState6 = useState(Boolean(getCookieByName(X_TF_ECOMMERCE$1))),
+    isLoggedIn = _useState6[0],
+    setIsLoggedIn = _useState6[1];
+  var _useState7 = useState({
+      show: false,
+      message: ''
+    }),
+    confirmModalState = _useState7[0],
+    setConfirmModalState = _useState7[1];
+  var _useState8 = useState({}),
+    setUserData = _useState8[1];
+  var _useState9 = useState(false),
+    isPreRegistrationComplete = _useState9[0],
+    setIsPreRegistrationComplete = _useState9[1];
+  useCookieListener(X_TF_ECOMMERCE$1, function (value) {
+    return setIsLoggedIn(Boolean(value));
+  });
+  // Check if user already has a pre-registration when logged in
+  useEffect(function () {
+    if (!isLoggedIn || !isWindowDefined$2) return;
+    var savedHash = window.localStorage.getItem("pre-registration-hash-" + eventId);
+    if (savedHash) {
+      setIsPreRegistrationComplete(true);
+    }
+  }, [isLoggedIn, eventId]);
+  var themeMui = createTheme(themeOptions);
+  var formFieldsLoggedIn = getFormFieldsLoggedIn(CONFIGS.CLIENT_NAME);
+  var formFieldsNotLoggedIn = getFormFieldsNotLoggedIn(CONFIGS.CLIENT_NAME);
+  var formFields = updateFormFieldsAttributes(pFormFields || isLoggedIn ? formFieldsLoggedIn : formFieldsNotLoggedIn, additionalFieldAttribute);
+  useEffect(function () {
+    // fetch countries data
+    var fetchCountries = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var res, _error;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getCountries();
+            case 3:
+              res = _context.sent;
+              setCountries(_map(_get(res, 'data'), function (item) {
+                return {
+                  label: item.name,
+                  value: Number(item.id)
+                };
+              }));
+              onGetCountriesSuccess(res.data);
+              _context.next = 11;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              if (axios.isAxiosError(_context.t0)) {
+                _error = 'Error';
+                setError(_error);
+                onGetCountriesError(_context.t0);
+              }
+            case 11:
             case "end":
               return _context.stop();
           }
@@ -8694,7 +9098,8 @@ var PreRegistration = function PreRegistration(_ref) {
     }();
     fetchCountries();
   }, []);
-  var hash = getQueryVariable('hash') || '';
+  var localStorageHash = isWindowDefined$2 ? window.localStorage.getItem('pre-registration-hash') || '' : '';
+  var hash = getQueryVariable('hash') || localStorageHash;
   var referrerId = getQueryVariable('referrer_id') || '';
   return React.createElement(ThemeProvider, {
     theme: themeMui
@@ -8754,7 +9159,19 @@ var PreRegistration = function PreRegistration(_ref) {
     onForgotPasswordSuccess: onForgotPasswordSuccess,
     onForgotPasswordError: onForgotPasswordError,
     displaySuccessMessage: true
-  }), React.createElement("h2", null, "Pre-Registration"), React.createElement(Formik, {
+  }), isPreRegistrationComplete ? React.createElement(PreRegistrationComplete, {
+    eventId: eventId,
+    logo: logo,
+    themeOptions: themeOptions,
+    onLoginSuccess: onLoginSuccess,
+    data: {},
+    classNamePrefix: "",
+    onLinkCopied: _identity,
+    updateShareActionData: _identity,
+    hash: hash,
+    shareActionData: {},
+    skipInitialValidation: true
+  }) : React.createElement(React.Fragment, null, React.createElement("h2", null, "Pre-Registration"), React.createElement(Formik, {
     initialValues: getFormInitialValues$1(formFields),
     enableReinitialize: true,
     onSubmit: function () {
@@ -8765,11 +9182,11 @@ var PreRegistration = function PreRegistration(_ref) {
             case 0:
               _context2.prev = 0;
               if (!isLoggedIn) {
-                _context2.next = 21;
+                _context2.next = 22;
                 break;
               }
               if (!isPreregistrationStarted) {
-                _context2.next = 18;
+                _context2.next = 19;
                 break;
               }
               updatedValues = _extends({}, values);
@@ -8785,21 +9202,22 @@ var PreRegistration = function PreRegistration(_ref) {
               return confirmPreRegistration(eventId, updatedValues);
             case 13:
               confirmationData = _context2.sent;
-              if (isWindowDefined$1) {
-                window.localStorage.setItem('pre-registration-hash', _get(confirmationData, 'attributes.hash'));
+              if (isWindowDefined$2) {
+                window.localStorage.setItem("pre-registration-hash-" + eventId, _get(confirmationData, 'attributes.hash'));
               }
+              setIsPreRegistrationComplete(true);
               onConfirmationSuccess(confirmationData);
-              _context2.next = 19;
+              _context2.next = 20;
               break;
-            case 18:
+            case 19:
               setConfirmModalState({
                 show: true,
                 message: 'The preregistration has not started'
               });
-            case 19:
-              _context2.next = 41;
+            case 20:
+              _context2.next = 42;
               break;
-            case 21:
+            case 22:
               bodyFormData = new FormData();
               bodyFormData.append('first_name', values.firstName);
               bodyFormData.append('last_name', values.lastName);
@@ -8812,24 +9230,24 @@ var PreRegistration = function PreRegistration(_ref) {
               bodyFormData.append('client_id', CONFIGS.CLIENT_ID);
               bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET);
               bodyFormData.append('register_for', 'prereg');
-              _context2.next = 35;
+              _context2.next = 36;
               return register(bodyFormData);
-            case 35:
+            case 36:
               res = _context2.sent;
-              _context2.next = 38;
+              _context2.next = 39;
               return getProfileData();
-            case 38:
+            case 39:
               profileRes = _context2.sent;
               onLoginSuccess(res.data);
-              if (isWindowDefined$1) {
+              if (isWindowDefined$2) {
                 window.localStorage.setItem('user_data', JSON.stringify(_get(profileRes, 'data')));
                 setUserData(_get(profileRes, 'data'));
               }
-            case 41:
-              _context2.next = 52;
+            case 42:
+              _context2.next = 53;
               break;
-            case 43:
-              _context2.prev = 43;
+            case 44:
+              _context2.prev = 44;
               _context2.t0 = _context2["catch"](0);
               _error2 = _context2.t0;
               errorMessage = (_error2 == null ? void 0 : _error2.message) || 'Error';
@@ -8847,11 +9265,11 @@ var PreRegistration = function PreRegistration(_ref) {
                 setError(errorMessage);
               }
               onConfirmationError(_error2);
-            case 52:
+            case 53:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[0, 43]]);
+        }, _callee2, null, [[0, 44]]);
       }));
       function onSubmit(_x) {
         return _onSubmit.apply(this, arguments);
@@ -8878,65 +9296,219 @@ var PreRegistration = function PreRegistration(_ref) {
     }, props.isSubmitting ? React.createElement(CircularProgress, {
       size: 26
     }) : isLoggedIn ? 'Confirm Pre-Registration' : 'Create Account')));
-  })));
+  }))));
 };
 
-// This section is seperate because additional changes layter may be applied to Access Code
-var AccessCodeSection = function AccessCodeSection(_ref) {
-  var code = _ref.code,
-    setCode = _ref.setCode,
-    updateTickets = _ref.updateTickets;
-  var isAccessCodeHasValue = !!code.trim();
-  return React.createElement("div", {
-    className: "access-code-block"
-  }, React.createElement("div", {
-    className: "access-code-block"
-  }, React.createElement("p", {
-    className: "access-code-text"
-  }, "Access code required")), React.createElement("input", {
-    className: "access-code-input",
-    placeholder: "",
-    onChange: function onChange(e) {
-      setCode(e.target.value);
-    },
-    onKeyPress: function onKeyPress(event) {
-      if (event.key === 'Enter' && isAccessCodeHasValue) {
-        updateTickets(true);
-      }
-    }
-  }), React.createElement(Button$2, {
-    className: "access-submit-button",
-    onClick: function onClick() {
-      if (isAccessCodeHasValue) {
-        updateTickets(true);
-      }
-    }
-  }, "ENTER"));
+var generateQuantity = function generateQuantity(n) {
+  var quantityList = [];
+  for (var i = 1; i <= n; i++) {
+    quantityList.push({
+      label: i,
+      value: i
+    });
+  }
+  return quantityList;
 };
-
-var DoneSvg = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z\" fill=\"#569F44\"/>\n</svg>";
-
-var XmarkSvg = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:osb=\"http://www.openswatchbook.org/uri/2009/osb\"\n   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n   xmlns:cc=\"http://creativecommons.org/ns#\"\n   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http://www.w3.org/2000/svg\"\n   xmlns=\"http://www.w3.org/2000/svg\"\n   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"\n   viewBox=\"0 0 48 48\"\n   version=\"1.1\"\n   id=\"svg15\"\n   sodipodi:docname=\"cross red circle.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata19\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image/svg+xml</dc:format>\n        <dc:type\n           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />\n        <dc:title />\n      </cc:Work>\n    </rdf:RDF>\n  </metadata>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1027\"\n     id=\"namedview17\"\n     showgrid=\"false\"\n     inkscape:zoom=\"4.9166667\"\n     inkscape:cx=\"-11.694915\"\n     inkscape:cy=\"40.271186\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"g13\" />\n  <defs\n     id=\"defs7\">\n    <linearGradient\n       id=\"linearGradient828\"\n       osb:paint=\"solid\">\n      <stop\n         style=\"stop-color:#ff0000;stop-opacity:1;\"\n         offset=\"0\"\n         id=\"stop826\" />\n    </linearGradient>\n    <linearGradient\n       id=\"0\"\n       gradientUnits=\"userSpaceOnUse\"\n       y1=\"47.37\"\n       x2=\"0\"\n       y2=\"-1.429\">\n      <stop\n         stop-color=\"#c52828\"\n         id=\"stop2\" />\n      <stop\n         offset=\"1\"\n         stop-color=\"#ff5454\"\n         id=\"stop4\" />\n    </linearGradient>\n  </defs>\n  <g\n     transform=\"matrix(.99999 0 0 .99999-58.37.882)\"\n     enable-background=\"new\"\n     id=\"g13\"\n     style=\"fill-opacity:1\">\n    <circle\n       cx=\"82.37\"\n       cy=\"23.12\"\n       r=\"24\"\n       fill=\"url(#0)\"\n       id=\"circle9\"\n       style=\"fill-opacity:1;fill:#dd3333\" />\n    <path\n       d=\"m87.77 23.725l5.939-5.939c.377-.372.566-.835.566-1.373 0-.54-.189-.997-.566-1.374l-2.747-2.747c-.377-.372-.835-.564-1.373-.564-.539 0-.997.186-1.374.564l-5.939 5.939-5.939-5.939c-.377-.372-.835-.564-1.374-.564-.539 0-.997.186-1.374.564l-2.748 2.747c-.377.378-.566.835-.566 1.374 0 .54.188.997.566 1.373l5.939 5.939-5.939 5.94c-.377.372-.566.835-.566 1.373 0 .54.188.997.566 1.373l2.748 2.747c.377.378.835.564 1.374.564.539 0 .997-.186 1.374-.564l5.939-5.939 5.94 5.939c.377.378.835.564 1.374.564.539 0 .997-.186 1.373-.564l2.747-2.747c.377-.372.566-.835.566-1.373 0-.54-.188-.997-.566-1.373l-5.939-5.94\"\n       fill=\"#fff\"\n       fill-opacity=\".842\"\n       id=\"path11\"\n       style=\"fill-opacity:1;fill:#ffffff\" />\n  </g>\n</svg>";
-
-var PromoCodeSection = function PromoCodeSection(_ref) {
-  var _window, _window$localStorage;
-  var code = _ref.code,
-    codeIsApplied = _ref.codeIsApplied,
-    showPromoInput = _ref.showPromoInput,
-    setCode = _ref.setCode,
-    setShowPromoInput = _ref.setShowPromoInput,
-    updateTickets = _ref.updateTickets,
-    setCodeIsApplied = _ref.setCodeIsApplied,
-    codeIsInvalid = _ref.codeIsInvalid,
-    setCodeIsInvalid = _ref.setCodeIsInvalid,
-    promoText = _ref.promoText,
-    showAlertIcons = _ref.showAlertIcons;
-  var isPromoCodeHasValue = !!code.trim();
-  var appliedPromoCode = (_window = window) == null ? void 0 : (_window$localStorage = _window.localStorage) == null ? void 0 : _window$localStorage.getItem('appliedPromoCode');
-  var renderInputField = function renderInputField() {
-    return React.createElement("div", {
-      className: "promo-code-block"
-    }, React.createElement("div", {
+var WaitingList = function WaitingList(_ref) {
+  var _ref$tickets = _ref.tickets,
+    tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
+    eventId = _ref.eventId,
+    _ref$defaultMaxQuanti = _ref.defaultMaxQuantity,
+    defaultMaxQuantity = _ref$defaultMaxQuanti === void 0 ? 10 : _ref$defaultMaxQuanti;
+  var userData = isBrowser && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
+  var _useState = useState(false),
+    showSuccessMessage = _useState[0],
+    setShowSuccessMessage = _useState[1];
+  var _useState2 = useState(false),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var ticketTypesList = Object.values(tickets).map(function (d) {
+    return {
+      label: d.displayName,
+      value: d.id
+    };
+  });
+  var showTicketsField = Boolean(ticketTypesList.length);
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            _context.next = 4;
+            return addToWaitingList(eventId, {
+              attributes: values
+            });
+          case 4:
+            response = _context.sent;
+            if (response.success) {
+              setShowSuccessMessage(true);
+            }
+            _context.next = 10;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+          case 10:
+            _context.prev = 10;
+            setLoading(false);
+            return _context.finish(10);
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8, 10, 13]]);
+    }));
+    return function handleSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return React.createElement("div", {
+    className: "waiting-list"
+  }, showSuccessMessage ? React.createElement("div", {
+    className: "success-message"
+  }, React.createElement("p", {
+    className: "added-success-message"
+  }, "You've been added to the waiting list!"), React.createElement("p", null, "You'll be notified if tickets become available.")) : React.createElement(React.Fragment, null, React.createElement("h2", null, "WAITING LIST"), React.createElement(Formik, {
+    initialValues: {
+      ticketTypeId: '',
+      quantity: '',
+      firstName: userData.first_name || '',
+      lastName: userData.last_name || '',
+      email: userData.email || ''
+    },
+    onSubmit: handleSubmit
+  }, function (_ref3) {
+    var values = _ref3.values,
+      setFieldValue = _ref3.setFieldValue;
+    var selectedTicket = _find(tickets, function (n) {
+      return n.id === values.ticketTypeId;
+    });
+    return React.createElement(Form, null, React.createElement(ErrorFocus, null), showTicketsField && React.createElement(React.Fragment, null, React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "ticketTypeId",
+      label: "Type of Ticket",
+      type: "select",
+      component: CustomField,
+      onChange: function onChange(e) {
+        setFieldValue('ticketTypeId', e.target.value);
+        setFieldValue('quantity', '');
+      },
+      selectOptions: [{
+        label: 'Type of Ticket',
+        value: '',
+        disabled: true
+      }].concat(ticketTypesList)
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "quantity",
+      label: "Quantity Requested",
+      type: "select",
+      component: CustomField,
+      selectOptions: [{
+        label: 'Quantity Requested',
+        value: '',
+        disabled: true
+      }].concat(generateQuantity((selectedTicket == null ? void 0 : selectedTicket.waitingListMaxQuantity) || (defaultMaxQuantity != null ? defaultMaxQuantity : 10)))
+    }))), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "firstName",
+      label: "First name",
+      validate: function validate(value) {
+        return requiredValidator(value, 'Please enter your First name');
+      },
+      component: CustomField
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "lastName",
+      label: "Last name",
+      validate: function validate(value) {
+        return requiredValidator(value, 'Please enter your Last name');
+      },
+      component: CustomField
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement(Field, {
+      name: "email",
+      label: "Email",
+      validate: combineValidators(function (value) {
+        return requiredValidator(value, 'Please enter your Email');
+      }, function (value) {
+        return emailValidator(value);
+      }),
+      component: CustomField
+    })), React.createElement(Button, {
+      type: "submit",
+      variant: "contained",
+      className: "waiting-list-button"
+    }, loading ? React.createElement(CircularProgress$1, {
+      size: "22px"
+    }) : 'ADD TO WAITING LIST'));
+  })));
+};
+
+// This section is seperate because additional changes layter may be applied to Access Code
+var AccessCodeSection = function AccessCodeSection(_ref) {
+  var code = _ref.code,
+    setCode = _ref.setCode,
+    updateTickets = _ref.updateTickets;
+  var isAccessCodeHasValue = !!code.trim();
+  return React.createElement("div", {
+    className: "access-code-block"
+  }, React.createElement("div", {
+    className: "access-code-block"
+  }, React.createElement("p", {
+    className: "access-code-text"
+  }, "Access code required")), React.createElement("input", {
+    className: "access-code-input",
+    placeholder: "",
+    onChange: function onChange(e) {
+      setCode(e.target.value);
+    },
+    onKeyPress: function onKeyPress(event) {
+      if (event.key === 'Enter' && isAccessCodeHasValue) {
+        updateTickets(true);
+      }
+    }
+  }), React.createElement(Button$2, {
+    className: "access-submit-button",
+    onClick: function onClick() {
+      if (isAccessCodeHasValue) {
+        updateTickets(true);
+      }
+    }
+  }, "ENTER"));
+};
+
+var DoneSvg = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z\" fill=\"#569F44\"/>\n</svg>";
+
+var XmarkSvg = "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:osb=\"http://www.openswatchbook.org/uri/2009/osb\"\n   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n   xmlns:cc=\"http://creativecommons.org/ns#\"\n   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http://www.w3.org/2000/svg\"\n   xmlns=\"http://www.w3.org/2000/svg\"\n   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"\n   viewBox=\"0 0 48 48\"\n   version=\"1.1\"\n   id=\"svg15\"\n   sodipodi:docname=\"cross red circle.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata19\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image/svg+xml</dc:format>\n        <dc:type\n           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />\n        <dc:title />\n      </cc:Work>\n    </rdf:RDF>\n  </metadata>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1027\"\n     id=\"namedview17\"\n     showgrid=\"false\"\n     inkscape:zoom=\"4.9166667\"\n     inkscape:cx=\"-11.694915\"\n     inkscape:cy=\"40.271186\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"g13\" />\n  <defs\n     id=\"defs7\">\n    <linearGradient\n       id=\"linearGradient828\"\n       osb:paint=\"solid\">\n      <stop\n         style=\"stop-color:#ff0000;stop-opacity:1;\"\n         offset=\"0\"\n         id=\"stop826\" />\n    </linearGradient>\n    <linearGradient\n       id=\"0\"\n       gradientUnits=\"userSpaceOnUse\"\n       y1=\"47.37\"\n       x2=\"0\"\n       y2=\"-1.429\">\n      <stop\n         stop-color=\"#c52828\"\n         id=\"stop2\" />\n      <stop\n         offset=\"1\"\n         stop-color=\"#ff5454\"\n         id=\"stop4\" />\n    </linearGradient>\n  </defs>\n  <g\n     transform=\"matrix(.99999 0 0 .99999-58.37.882)\"\n     enable-background=\"new\"\n     id=\"g13\"\n     style=\"fill-opacity:1\">\n    <circle\n       cx=\"82.37\"\n       cy=\"23.12\"\n       r=\"24\"\n       fill=\"url(#0)\"\n       id=\"circle9\"\n       style=\"fill-opacity:1;fill:#dd3333\" />\n    <path\n       d=\"m87.77 23.725l5.939-5.939c.377-.372.566-.835.566-1.373 0-.54-.189-.997-.566-1.374l-2.747-2.747c-.377-.372-.835-.564-1.373-.564-.539 0-.997.186-1.374.564l-5.939 5.939-5.939-5.939c-.377-.372-.835-.564-1.374-.564-.539 0-.997.186-1.374.564l-2.748 2.747c-.377.378-.566.835-.566 1.374 0 .54.188.997.566 1.373l5.939 5.939-5.939 5.94c-.377.372-.566.835-.566 1.373 0 .54.188.997.566 1.373l2.748 2.747c.377.378.835.564 1.374.564.539 0 .997-.186 1.374-.564l5.939-5.939 5.94 5.939c.377.378.835.564 1.374.564.539 0 .997-.186 1.373-.564l2.747-2.747c.377-.372.566-.835.566-1.373 0-.54-.188-.997-.566-1.373l-5.939-5.94\"\n       fill=\"#fff\"\n       fill-opacity=\".842\"\n       id=\"path11\"\n       style=\"fill-opacity:1;fill:#ffffff\" />\n  </g>\n</svg>";
+
+var PromoCodeSection = function PromoCodeSection(_ref) {
+  var _window, _window$localStorage;
+  var code = _ref.code,
+    codeIsApplied = _ref.codeIsApplied,
+    showPromoInput = _ref.showPromoInput,
+    setCode = _ref.setCode,
+    setShowPromoInput = _ref.setShowPromoInput,
+    updateTickets = _ref.updateTickets,
+    setCodeIsApplied = _ref.setCodeIsApplied,
+    codeIsInvalid = _ref.codeIsInvalid,
+    setCodeIsInvalid = _ref.setCodeIsInvalid,
+    promoText = _ref.promoText,
+    showAlertIcons = _ref.showAlertIcons;
+  var isPromoCodeHasValue = !!code.trim();
+  var appliedPromoCode = (_window = window) == null ? void 0 : (_window$localStorage = _window.localStorage) == null ? void 0 : _window$localStorage.getItem('appliedPromoCode');
+  var renderInputField = function renderInputField() {
+    return React.createElement("div", {
+      className: "promo-code-block"
+    }, React.createElement("div", {
       className: "promo-code-block"
     }, React.createElement("p", {
       className: "promo-code-text"
@@ -9873,11 +10445,45 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
     localStorage.setItem('selectedTicketsQuantity', value.toString());
     setSelectedTickets(function (prevState) {
-      var _ref3;
+      var _ref4;
+      // Allow multiple ticket types to be selected simultaneously when flag is enabled
+      if ((event == null ? void 0 : event.allowMultipleTicketTypePurchases) === true) {
+        var _extends2;
+        // Check if we're switching between tables and regular tickets
+        var hasExistingSelection = Object.keys(prevState).some(function (k) {
+          return k !== 'isTable';
+        });
+        var switchingTicketType = hasExistingSelection && prevState.isTable !== isTable;
+        // If switching from tables to regular tickets or vice versa, clear all selections
+        if (switchingTicketType && Number(value) > 0) {
+          var _ref3;
+          return _ref3 = {}, _ref3[key] = value, _ref3.isTable = isTable, _ref3;
+        }
+        // If value is 0, remove this ticket from selection
+        if (!value || Number(value) === 0) {
+          var newState = _extends({}, prevState);
+          delete newState[key];
+          // If no ticket keys remain (only isTable left), return empty state
+          var ticketKeys = Object.keys(newState).filter(function (k) {
+            return k !== 'isTable';
+          });
+          if (ticketKeys.length === 0) {
+            return {
+              isTable: false
+            };
+          }
+          return _extends({}, newState, {
+            isTable: prevState.isTable
+          });
+        }
+        // If value > 0, add or update this ticket while keeping others of the same type selected
+        return _extends({}, prevState, (_extends2 = {}, _extends2[key] = value, _extends2.isTable = isTable, _extends2));
+      }
+      // Default behavior: only one ticket type at a time
       if (Object.keys(prevState)[0] !== key && !value) {
         return prevState;
       }
-      return _ref3 = {}, _ref3[key] = value, _ref3.isTable = isTable, _ref3;
+      return _ref4 = {}, _ref4[key] = value, _ref4.isTable = isTable, _ref4;
     });
   };
   var handleOrdersClick = function handleOrdersClick() {
@@ -9889,9 +10495,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setError(null);
   };
   var handleBook = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _product_options, _product_options2, _ticket_types;
-      var timeSlotTickets, ticket, optionName, ticketId, productCartQuantity, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$has_, _pageConfigsData$free, pageConfigsData, skipBillingPage, hasAddOn, freeTicket, hash, total, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, userData, checkoutBody, checkoutResponse, _errorResponse$data, _errorResponse$data$d, errorResponse, _errorResponse$data2, message, _isInvalidLinkError, _isNotInvitedError;
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _product_options2;
+      var timeSlotTickets, ticketsList, selectedTicketIds, ticketTypesData, totalProductCartQuantity, firstTicket, firstOptionName, firstTicketId, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$has_, _pageConfigsData$free, pageConfigsData, skipBillingPage, hasAddOn, freeTicket, hash, total, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, userData, checkoutBody, checkoutResponse, _errorResponse$data, _errorResponse$data$d, errorResponse, _errorResponse$data2, message, _isInvalidLinkError, _isNotInvitedError;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -9899,54 +10505,75 @@ var TicketsContainer = function TicketsContainer(_ref) {
               return slots;
             }));
             setHandleBookIsLoading(true);
-            ticket = event != null && event.isTimeSlotEvent ? _find(timeSlotTickets || [], function (item) {
-              return Number(selectedTickets[item.id]) > 0;
-            }) || {} : _find(tickets, function (item) {
-              return Number(selectedTickets[item.id]) > 0;
-            }) || {};
-            optionName = _get(ticket, 'optionName');
-            ticketId = _get(ticket, 'id');
-            productCartQuantity = +selectedTickets[ticket.id];
-            ticketQuantity = +selectedTickets[ticket.id];
+            // Unified flow: works for both single and multiple ticket types
+            ticketsList = event != null && event.isTimeSlotEvent ? timeSlotTickets : tickets; // Get all selected ticket IDs with quantity > 0 (excluding 'isTable' key)
+            selectedTicketIds = Object.keys(selectedTickets).filter(function (key) {
+              return key !== 'isTable' && Number(selectedTickets[key]) > 0;
+            }); // Build ticket_types object with all selected tickets (works for 1 or N tickets)
+            ticketTypesData = {};
+            totalProductCartQuantity = 0;
+            firstTicket = null;
+            selectedTicketIds.forEach(function (ticketId) {
+              var ticket = _find(ticketsList || [], function (item) {
+                return String(item.id) === ticketId;
+              });
+              if (ticket) {
+                var _product_options;
+                if (!firstTicket) firstTicket = ticket;
+                var optionName = _get(ticket, 'optionName');
+                var quantity = +selectedTickets[ticketId];
+                totalProductCartQuantity += quantity;
+                ticketTypesData[ticketId] = {
+                  product_options: (_product_options = {}, _product_options[optionName] = ticketId, _product_options.ticket_price = ticket.price, _product_options),
+                  quantity: quantity
+                };
+              }
+            });
+            if (firstTicket) {
+              _context2.next = 11;
+              break;
+            }
+            setHandleBookIsLoading(false);
+            return _context2.abrupt("return");
+          case 11:
+            firstOptionName = _get(firstTicket, 'optionName');
+            firstTicketId = _get(firstTicket, 'id');
             data = {
               attributes: {
                 alternative_view_id: null,
-                product_cart_quantity: productCartQuantity,
-                product_options: (_product_options = {}, _product_options[optionName] = ticketId, _product_options),
+                product_cart_quantity: totalProductCartQuantity,
+                product_options: (_product_options2 = {}, _product_options2[firstOptionName] = firstTicketId, _product_options2),
                 product_id: eventId,
-                ticket_types: (_ticket_types = {}, _ticket_types[ticketId] = {
-                  product_options: (_product_options2 = {}, _product_options2[optionName] = ticketId, _product_options2.ticket_price = ticket.price, _product_options2),
-                  quantity: ticketQuantity
-                }, _ticket_types)
+                ticket_types: ticketTypesData
               }
             };
-            _context2.prev = 8;
+            _context2.prev = 14;
             onGetTicketsPress();
-            _context2.next = 12;
+            _context2.next = 18;
             return addToCart(eventId, data);
-          case 12:
+          case 18:
             result = _context2.sent;
             if (!enableAddOns) {
-              _context2.next = 19;
+              _context2.next = 25;
               break;
             }
-            _context2.next = 16;
+            _context2.next = 22;
             return getCheckoutPageConfigs();
-          case 16:
+          case 22:
             _context2.t0 = _context2.sent;
-            _context2.next = 20;
+            _context2.next = 26;
             break;
-          case 19:
+          case 25:
             _context2.t0 = {
               status: 200,
               data: {
                 attributes: _get(result, 'data.attributes')
               }
             };
-          case 20:
+          case 26:
             pageConfigsDataResponse = _context2.t0;
             if (!(pageConfigsDataResponse.status === 200)) {
-              _context2.next = 44;
+              _context2.next = 50;
               break;
             }
             pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
@@ -9958,29 +10585,29 @@ var TicketsContainer = function TicketsContainer(_ref) {
             isBrowser && window.localStorage.removeItem('add_ons');
             isBrowser && window.localStorage.removeItem('checkoutAdditionalConfigs');
             if (!(skipBillingPage && !hasAddOn)) {
-              _context2.next = 43;
+              _context2.next = 49;
               break;
             }
             // Get user data for checkout data
             userData = isBrowser && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '{}') : {};
-            checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
+            checkoutBody = createCheckoutDataBodyWithDefaultHolder(totalProductCartQuantity, userData);
             if (!enableBillingInfoAutoCreate) {
-              _context2.next = 39;
+              _context2.next = 45;
               break;
             }
-            _context2.next = 36;
+            _context2.next = 42;
             return postOnCheckout(checkoutBody, freeTicket);
-          case 36:
+          case 42:
             _context2.t1 = _context2.sent;
-            _context2.next = 40;
+            _context2.next = 46;
             break;
-          case 39:
+          case 45:
             _context2.t1 = null;
-          case 40:
+          case 46:
             checkoutResponse = _context2.t1;
             hash = (checkoutResponse == null ? void 0 : (_checkoutResponse$dat = checkoutResponse.data) == null ? void 0 : (_checkoutResponse$dat2 = _checkoutResponse$dat.attributes) == null ? void 0 : _checkoutResponse$dat2.hash) || '';
             total = (checkoutResponse == null ? void 0 : (_checkoutResponse$dat3 = checkoutResponse.data) == null ? void 0 : (_checkoutResponse$dat4 = _checkoutResponse$dat3.attributes) == null ? void 0 : _checkoutResponse$dat4.total) || '';
-          case 43:
+          case 49:
             onAddToCartSuccess({
               skip_billing_page: skipBillingPage,
               event_id: String(eventId),
@@ -9991,12 +10618,12 @@ var TicketsContainer = function TicketsContainer(_ref) {
               cart: pageConfigsDataResponse.data.attributes.cart,
               currencySymbol: event == null ? void 0 : event.currency.symbol
             });
-          case 44:
-            _context2.next = 50;
+          case 50:
+            _context2.next = 56;
             break;
-          case 46:
-            _context2.prev = 46;
-            _context2.t2 = _context2["catch"](8);
+          case 52:
+            _context2.prev = 52;
+            _context2.t2 = _context2["catch"](14);
             errorResponse = _get(_context2.t2, 'response', {});
             if (errorResponse != null && (_errorResponse$data = errorResponse.data) != null && (_errorResponse$data$d = _errorResponse$data.data) != null && _errorResponse$data$d.hasUnverifiedOrder) {
               setPendingVerificationMessage(errorResponse == null ? void 0 : (_errorResponse$data2 = errorResponse.data) == null ? void 0 : _errorResponse$data2.message);
@@ -10013,25 +10640,25 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setError(message);
               }
             }
-          case 50:
-            _context2.prev = 50;
+          case 56:
+            _context2.prev = 56;
             setHandleBookIsLoading(false);
-            return _context2.finish(50);
-          case 53:
+            return _context2.finish(56);
+          case 59:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[8, 46, 50, 53]]);
+      }, _callee2, null, [[14, 52, 56, 59]]);
     }));
     return function handleBook() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var updateTickets = function updateTickets(isUpdatingCode, type) {
     getTicketsApi(isUpdatingCode, type);
   };
   var fetchUserData = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var userDataResponse, profileData, profileDataObj;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -10050,7 +10677,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       }, _callee3);
     }));
     return function fetchUserData() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var isTicketOnSale = event != null && event.isTimeSlotEvent ? true : _some(tickets, function (item) {
@@ -11885,7 +12512,9 @@ var LoginForm = function LoginForm(_ref) {
     _ref$showSignUpButton = _ref.showSignUpButton,
     showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton,
     _ref$showPoweredByIma = _ref.showPoweredByImage,
-    showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
+    showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma,
+    _ref$registerUrl = _ref.registerUrl,
+    registerUrl = _ref$registerUrl === void 0 ? 'https://www.ticketfairy.com/register' : _ref$registerUrl;
   var _useState = useState(''),
     error = _useState[0],
     setError = _useState[1];
@@ -12006,9 +12635,16 @@ var LoginForm = function LoginForm(_ref) {
       onClick: onForgotPasswordButtonClick
     }, "Forgot password?")), showSignUpButton && React.createElement("div", {
       className: "forgot-password"
-    }, React.createElement("span", {
+    }, onSignupButtonClick !== _identity ? React.createElement("span", {
       "aria-hidden": "true",
-      onClick: onSignupButtonClick
+      onClick: onSignupButtonClick,
+      style: {
+        cursor: 'pointer'
+      }
+    }, "Sign up") : React.createElement("a", {
+      href: registerUrl,
+      target: "_blank",
+      rel: "noopener noreferrer"
     }, "Sign up")), showPoweredByImage ? React.createElement(PoweredBy, null) : null));
   }));
 };
@@ -13636,1059 +14272,725 @@ var SeatMapContainer = function SeatMapContainer(props) {
             reservationData = JSON.parse(localStorage.getItem('reservationData') || '[]');
             if (!(status === 'B' || status === 'R' || status === 'BLOCKED' || status === 'RE')) {
               _context5.next = 4;
-              break;
-            }
-            return _context5.abrupt("return");
-          case 4:
-            if (_find(reservationData, function (data) {
-              return data.seatId === seatId;
-            })) {
-              handleCancelSeatReservtion(eventId, tierId, seatId);
-            } else if (reservationData.length >= 10) {
-              setError('Limit exceeded');
-            } else {
-              handleSeatReservation(eventId, tierId, seatId);
-            }
-          case 5:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return function onSeatClick(_x7) {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-  var handleTicketSelect = function handleTicketSelect(ticketId, seatId) {
-    var currentSelectedTickets = _extends({}, selectedTickets);
-    currentSelectedTickets[seatId] = ticketId;
-    setSelectedTickets(currentSelectedTickets);
-  };
-  var handleGetTicketBtnClick = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-      var ticketsDropdownsData, selectedSeats, addToCartData, _addToCartData$attrib, response, message;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            setIsAddingToCart(true);
-            ticketsDropdownsData = getTicketDropdownData(reservedSeats, ticketTypeTierRelationsRef.current);
-            selectedSeats = {};
-            _forEach(ticketsDropdownsData, function (ticketData) {
-              var _extends4;
-              selectedSeats = _extends({}, selectedSeats, (_extends4 = {}, _extends4[ticketData.seatId] = ticketData.ticketsData, _extends4));
-            });
-            addToCartData = getAddToCartRequestData({
-              eventId: eventId,
-              reservations: _map(reservedSeats, function (seat) {
-                return seat.seatId;
-              }),
-              selectedSeats: selectedSeats,
-              selectedTickets: selectedTickets,
-              guestCounts: guestCounts
-            });
-            _context6.prev = 5;
-            _context6.next = 8;
-            return addToCartFunc({
-              eventId: eventId,
-              data: addToCartData,
-              ticketQuantity: addToCartData == null ? void 0 : (_addToCartData$attrib = addToCartData.attributes) == null ? void 0 : _addToCartData$attrib.product_cart_quantity
-            });
-          case 8:
-            response = _context6.sent;
-            localStorage.removeItem('reservationData');
-            onAddToCartSuccess(response);
-            _context6.next = 16;
-            break;
-          case 13:
-            _context6.prev = 13;
-            _context6.t0 = _context6["catch"](5);
-            if (axios.isAxiosError(_context6.t0)) {
-              message = _get(_context6.t0, 'response.data.message', '');
-              setError(message);
-            }
-          case 16:
-            _context6.prev = 16;
-            setIsAddingToCart(false);
-            return _context6.finish(16);
-          case 19:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6, null, [[5, 13, 16, 19]]);
-    }));
-    return function handleGetTicketBtnClick() {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    if (Date.now() > Number(localStorage.getItem("reservationStart-" + eventId))) {
-      setSelectedTickets({});
-      setReservedSeats([]);
-    }
-    var makeRequests = /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
-            case 0:
-              _context7.prev = 0;
-              setIsLoadingStatuses(true);
-              _context7.next = 4;
-              return fetchSeatMapData();
-            case 4:
-              _context7.next = 6;
-              return fetchSeatMapReservations();
-            case 6:
-              _context7.next = 11;
-              break;
-            case 8:
-              _context7.prev = 8;
-              _context7.t0 = _context7["catch"](0);
-              setError('Something went wrong');
-            case 11:
-              _context7.prev = 11;
-              setIsLoadingStatuses(false);
-              return _context7.finish(11);
-            case 14:
-            case "end":
-              return _context7.stop();
-          }
-        }, _callee7, null, [[0, 8, 11, 14]]);
-      }));
-      return function makeRequests() {
-        return _ref7.apply(this, arguments);
-      };
-    }();
-    makeRequests();
-    if (country) {
-      localStorage.setItem('eventCountry', country);
-    }
-  }, [country, eventId, fetchSeatMapData]);
-  useEffect(function () {
-    var intervalId = setInterval(function () {
-      fetchSeatMapReservations();
-    }, 3000);
-    return function () {
-      clearInterval(intervalId);
-    };
-  }, [fetchSeatMapReservations]);
-  useEffect(function () {
-    if (!isOnline) {
-      setError(OFFLINE_MESSAGE);
-    } else if (isOnline && error === OFFLINE_MESSAGE) {
-      setError(null);
-    }
-  }, [error, isOnline]);
-  return React.createElement(React.Fragment, null, error && React.createElement(Alert, {
-    severity: "error",
-    onClose: function onClose() {
-      setError(null);
-    },
-    variant: "filled",
-    style: {
-      width: '350px'
-    }
-  }, error), showTimer && React.createElement(Countdown$1, {
-    date: moment$1(Number(localStorage.getItem("reservationStart-" + eventId))).valueOf(),
-    renderer: function renderer(props) {
-      return React.createElement("div", {
-        className: "reservation-countdown"
-      }, React.createElement("span", {
-        className: "reservation-message"
-      }, timerMessage), React.createElement("span", {
-        className: "reservation-timer"
-      }, showZero(props.minutes), ":", showZero(props.seconds)));
-    },
-    onComplete: function onComplete() {
-      endTimer();
-      setSelectedTickets({});
-      setReservedSeats([]);
-      if (onCountdownFinish) {
-        onCountdownFinish();
-      }
-    }
-  }), !isLoadingSeatMapData && !isLoadingStatuses && React.createElement(ReferralLogic, {
-    eventId: eventId
-  }), React.createElement(TicketsSection$1, {
-    selectedTickets: selectedTickets,
-    handleTicketSelect: handleTicketSelect,
-    handleCancelReservation: function handleCancelReservation(seatId, tireId) {
-      return handleCancelSeatReservtion(eventId, tireId, seatId);
-    },
-    handleGetTicketClick: handleGetTicketBtnClick,
-    isAddingToCart: isAddingToCart,
-    reservedSeats: reservedSeats,
-    ticketDeleteButtonContent: ticketDeleteButtonContent,
-    ticketInfoContent: ticketInfoContent,
-    ticketTypeTierRelations: ticketTypeTierRelationsRef.current,
-    currencySymbol: symbol,
-    tableMapEnabled: Boolean(tableMapEnabled),
-    guestCounts: guestCounts,
-    setGuestCounts: setGuestCounts
-  }), React.createElement(SeatMapComponent, {
-    seatMapProps: {
-      seatData: seatMapData.seatMap,
-      statuses: seatMapStatuses,
-      tierPrices: seatMapData.tierPrices,
-      seatMapType: seatMapData.seatMapType,
-      ticketTypeTierRelations: ticketTypeTierRelationsRef.current,
-      seatMapEvents: {
-        onSeatClick: onSeatClick
-      },
-      isReserving: isReserving,
-      predefinedSeats: seatMapData.predefinedSeats,
-      isLoadingSeatMapData: isLoadingSeatMapData
-    },
-    mapContainerId: mapContainerId
-  }));
-};
-
-var IDVerification = function IDVerification(props) {
-  var _props$onGetVerifyUrl = props.onGetVerifyUrlSuccess,
-    onGetVerifyUrlSuccess = _props$onGetVerifyUrl === void 0 ? _identity : _props$onGetVerifyUrl,
-    _props$onGetVerifyUrl2 = props.onGetVerifyUrlError,
-    onGetVerifyUrlError = _props$onGetVerifyUrl2 === void 0 ? _identity : _props$onGetVerifyUrl2,
-    _props$onGetVerificat = props.onGetVerificationStatusSuccess,
-    onGetVerificationStatusSuccess = _props$onGetVerificat === void 0 ? _identity : _props$onGetVerificat,
-    _props$onGetVerificat2 = props.onGetVerificationStatusError,
-    onGetVerificationStatusError = _props$onGetVerificat2 === void 0 ? _identity : _props$onGetVerificat2,
-    _props$onVerification = props.onVerificationMessageModalClose,
-    onVerificationMessageModalClose = _props$onVerification === void 0 ? _identity : _props$onVerification,
-    _props$onPassVerifica = props.onPassVerificationStepsSuccess,
-    onPassVerificationStepsSuccess = _props$onPassVerifica === void 0 ? _identity : _props$onPassVerifica,
-    _props$onPassVerifica2 = props.onPassVerificationStepsError,
-    onPassVerificationStepsError = _props$onPassVerifica2 === void 0 ? _identity : _props$onPassVerifica2;
-  var _useState = useState(true),
-    loadingStatus = _useState[0],
-    setLoadingStatus = _useState[1];
-  var _useState2 = useState(null),
-    verificationStatus = _useState2[0],
-    setVerificationStatus = _useState2[1];
-  var _useState3 = useState(false),
-    showModal = _useState3[0],
-    setShowModal = _useState3[1];
-  var _useState4 = useState(null),
-    netverifyUrl = _useState4[0],
-    setNetverifyUrl = _useState4[1];
-  var _useState5 = useState(null),
-    provider = _useState5[0],
-    setProvider = _useState5[1];
-  var _useState6 = useState(false),
-    hasError = _useState6[0],
-    setHasError = _useState6[1];
-  var _useState7 = useState(null),
-    lastError = _useState7[0],
-    setLastError = _useState7[1];
-  var _useState8 = useState({
-      message: '',
-      hideCancelBtn: true,
-      displaModal: false
-    }),
-    modalData = _useState8[0],
-    setModalData = _useState8[1];
-  var isAccountVerifiedOrPending = (verificationStatus === VERIFICATION_STATUSES.APPROVED || verificationStatus === VERIFICATION_STATUSES.PENDING) && verificationStatus !== VERIFICATION_STATUSES.WRONG_CUSTOMER;
-  var handleClose = function handleClose() {
-    setModalData({
-      message: '',
-      displaModal: false,
-      hideCancelBtn: true
-    });
-    onVerificationMessageModalClose(verificationStatus);
-  };
-  useEffect(function () {
-    var callbackNetVerify = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
-        var data, result;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(e.data && e.origin === 'https://verify.stripe.com')) {
-                _context.next = 10;
-                break;
-              }
-              data = e.data;
-              if (!(data.type === 'STRIPE_IDENTITY_CLOSE')) {
-                _context.next = 9;
-                break;
-              }
-              _context.next = 5;
-              return getUrl();
-            case 5:
-              setShowModal(false);
-              if (hasError) {
-                setHasError(false);
-                onPassVerificationStepsError(lastError);
-              } else {
-                setHasError(false);
-                onPassVerificationStepsSuccess();
-              }
-              _context.next = 10;
-              break;
-            case 9:
-              if (data.type === 'STRIPE_IDENTITY_ERROR') {
-                setHasError(true);
-                setLastError(data);
-              }
-            case 10:
-              if (!(e.data && isJson(e.data))) {
-                _context.next = 25;
-                break;
-              }
-              _context.prev = 11;
-              result = JSON.parse(e.data);
-              if (!(result.payload && (result.payload.value === 'success' || result.payload.transactionStatus === 'SUCCESS'))) {
-                _context.next = 19;
-                break;
-              }
-              _context.next = 16;
-              return updateVerificationStatus();
-            case 16:
-              onPassVerificationStepsSuccess();
-              _context.next = 20;
-              break;
-            case 19:
-              if (result.payload && (result.payload.value === 'error' || result.payload.transactionStatus === 'ERROR')) {
-                setShowModal(false);
-                onPassVerificationStepsError(result.payload);
-              }
-            case 20:
-              _context.next = 25;
-              break;
-            case 22:
-              _context.prev = 22;
-              _context.t0 = _context["catch"](11);
-              onPassVerificationStepsError(_context.t0);
-            case 25:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[11, 22]]);
-      }));
-      return function callbackNetVerify(_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    window.addEventListener('message', callbackNetVerify);
-    return function () {
-      window.removeEventListener('message', callbackNetVerify);
-    };
-  }, []);
-  var getUrl = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var urlResponse;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
-            return getNetverifyUrl();
-          case 3:
-            urlResponse = _context2.sent;
-            setNetverifyUrl(urlResponse.netverifyUrl);
-            setProvider(urlResponse.provider);
-            onGetVerifyUrlSuccess(urlResponse);
-            _context2.next = 12;
-            break;
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](0);
-            onGetVerifyUrlError(_context2.t0);
-          case 12:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[0, 9]]);
-    }));
-    return function getUrl() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  useEffect(function () {
-    var intervalId = null;
-    var orderHash = getQueryVariable('order_hash') || '';
-    var getVerificationStatus = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var _verificationStatus, _provider, verifyUrl, statusResponse, status, isApproved;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.prev = 0;
-              _verificationStatus = null; // Gets te current status of the variable without modifying it
-              setVerificationStatus(function (status) {
-                _verificationStatus = status;
-                return status;
-              });
-              _provider = null; // Gets te current status of the variable without modifying it
-              setProvider(function (state) {
-                _provider = state;
-                return _provider;
-              });
-              verifyUrl = null; // Gets te current status of the variable without modifying it
-              setNetverifyUrl(function (state) {
-                verifyUrl = state;
-                return state;
-              });
-              _context3.next = 9;
-              return checkVerificationStatus();
-            case 9:
-              statusResponse = _context3.sent;
-              status = statusResponse.data.attributes.status;
-              isApproved = status === VERIFICATION_STATUSES.APPROVED;
-              if (_verificationStatus !== status) {
-                setVerificationStatus(status);
-                setModalData({
-                  displaModal: isApproved || status === VERIFICATION_STATUSES.FAILED,
-                  hideCancelBtn: true,
-                  message: isApproved ? VERIFICATION_MESSAGES.APPROVED : status === VERIFICATION_STATUSES.FAILED ? VERIFICATION_MESSAGES.FAILED : status
-                });
-              }
-              if (_provider === VERIFICATION_PROVIDERS.STRIPE && verifyUrl === null && !isApproved) {
-                getUrl();
-              }
-              onGetVerificationStatusSuccess(statusResponse);
-              _context3.next = 20;
-              break;
-            case 17:
-              _context3.prev = 17;
-              _context3.t0 = _context3["catch"](0);
-              onGetVerificationStatusError(_context3.t0);
-            case 20:
-              _context3.prev = 20;
-              setLoadingStatus(false);
-              return _context3.finish(20);
-            case 23:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, null, [[0, 17, 20, 23]]);
-      }));
-      return function getVerificationStatus() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-    var getCustomerOrderStatus = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-        var customerOrderResponse;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.next = 2;
-              return checkCustomerOrder(orderHash);
-            case 2:
-              customerOrderResponse = _context4.sent;
-              return _context4.abrupt("return", customerOrderResponse);
-            case 4:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      return function getCustomerOrderStatus() {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-    var makeRequests = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var _error$response, _error$response$data;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              _context5.prev = 0;
-              if (!orderHash) {
-                _context5.next = 4;
-                break;
-              }
-              _context5.next = 4;
-              return getCustomerOrderStatus();
-            case 4:
-              getUrl();
-              getVerificationStatus();
-              // Check the verification status every 30 seconds
-              intervalId = setInterval(function () {
-                getVerificationStatus();
-              }, 10000);
-              _context5.next = 12;
-              break;
-            case 9:
-              _context5.prev = 9;
-              _context5.t0 = _context5["catch"](0);
-              if (((_error$response = _context5.t0.response) == null ? void 0 : (_error$response$data = _error$response.data) == null ? void 0 : _error$response$data.message) === VERIFICATION_MESSAGES.WRONG_CUSTOMER) {
-                setVerificationStatus(VERIFICATION_STATUSES.WRONG_CUSTOMER);
-                setModalData({
-                  displaModal: true,
-                  hideCancelBtn: true,
-                  message: VERIFICATION_MESSAGES.WRONG_CUSTOMER
-                });
-              }
-            case 12:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5, null, [[0, 9]]);
-      }));
-      return function makeRequests() {
-        return _ref5.apply(this, arguments);
-      };
-    }();
-    makeRequests();
-    // Clear the interval when the component unmounts
-    return function () {
-      return clearInterval(intervalId);
-    };
-  }, []);
-  var iframe = function iframe(netverifyUrl) {
-    // eslint-disable-next-line max-len
-    var iframe = "<iframe allowFullScreen id=\"verificationIframe\" frameBorder=\"0\" width=\"100%\" height=\"570px\" allow=\"camera;fullscreen;accelerometer;gyroscope;magnetometer\" src=\"" + netverifyUrl + "\"></iframe>";
-    return {
-      __html: iframe
-    };
-  };
-  useEffect(function () {
-    var orderHash = getQueryVariable('order_hash');
-    if (isBrowser) {
-      var checkoutData = JSON.parse(window.localStorage.getItem('checkoutData') || '{}');
-      if (_isEmpty(checkoutData) && orderHash) {
-        window.localStorage.setItem('checkoutData', JSON.stringify({
-          hash: orderHash
-        }));
-      }
-    }
-  }, []);
-  return React.createElement("div", null, React.createElement("h2", {
-    className: "page-header"
-  }, "Account Verification"), loadingStatus ? null : React.createElement(React.Fragment, null, !isAccountVerifiedOrPending && React.createElement("div", {
-    className: "verify-message"
-  }, "To complete the purchase, please verify your identity."), verificationStatus === VERIFICATION_STATUSES.APPROVED && React.createElement("div", {
-    className: "verify-message"
-  }, VERIFICATION_MESSAGES.APPROVED), (verificationStatus === VERIFICATION_STATUSES.PENDING || provider === VERIFICATION_PROVIDERS.STRIPE && netverifyUrl === null && verificationStatus !== VERIFICATION_STATUSES.APPROVED) && React.createElement("div", {
-    className: "verify-message"
-  }, VERIFICATION_MESSAGES.PENDING), !isAccountVerifiedOrPending && netverifyUrl !== null && React.createElement(Button, {
-    type: "button",
-    variant: "contained",
-    className: "verify-button",
-    onClick: function onClick() {
-      setShowModal(true);
-    }
-  }, "Verify")), modalData.displaModal && React.createElement(Modal, {
-    modalClassName: "verification-message-modal",
-    actions: [{
-      id: 'ok',
-      label: 'Ok',
-      variant: 'contained',
-      onClick: handleClose
-    }]
-  }, React.createElement("div", {
-    className: "verify-message"
-  }, modalData.message)), showModal && React.createElement(Modal, {
-    modalClassName: "id-verification-modal",
-    actions: [{
-      id: 'close',
-      label: 'Close',
-      variant: 'contained',
-      onClick: function onClick() {
-        setShowModal(false);
-      }
-    }]
-  }, React.createElement("div", {
-    dangerouslySetInnerHTML: iframe(netverifyUrl || '')
-  })));
-};
-
-var style$6 = {
-  position: 'absolute',
-  top: '10%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  minWidth: 480,
-  backgroundColor: '#e3e3e3',
-  border: '1px solid white',
-  outline: 'none',
-  padding: '14px',
-  maxHeight: '85vh',
-  overflow: 'auto'
-};
-var RedirectModal = function RedirectModal(_ref) {
-  var _ref$message = _ref.message,
-    message = _ref$message === void 0 ? 'Your cart has expired. Please click on "OK" to return to the ticket selection page.' : _ref$message,
-    _ref$onClickOk = _ref.onClickOk,
-    onClickOk = _ref$onClickOk === void 0 ? function () {} : _ref$onClickOk;
-  return React.createElement(Modal$2, {
-    open: true,
-    "aria-labelledby": "modal-modal-title",
-    "aria-describedby": "modal-modal-description",
-    className: "redirect-modal"
-  }, React.createElement(Box, {
-    style: style$6
-  }, React.createElement("p", null, message), React.createElement("div", {
-    className: "footer"
-  }, React.createElement("button", {
-    onClick: onClickOk
-  }, "OK"))));
-};
-
-var style$7 = {
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  minWidth: 480,
-  backgroundColor: '#e3e3e3',
-  border: '1px solid white',
-  outline: 'none',
-  padding: '14px',
-  maxHeight: '85vh',
-  overflow: 'auto'
-};
-var RsvpContainer = function RsvpContainer(_ref) {
-  var _ref$showSection = _ref.showSection,
-    showSection = _ref$showSection === void 0 ? false : _ref$showSection,
-    eventId = _ref.eventId;
-  var userDataEncoded = isBrowser ? window.localStorage.getItem('user_data') : '';
-  var parsedData = JSON.parse(userDataEncoded || '{}');
-  var _useState = useState(false),
-    loading = _useState[0],
-    setLoading = _useState[1];
-  var _useState2 = useState({
-      isOpen: false,
-      text: ''
-    }),
-    modal = _useState2[0],
-    setModal = _useState2[1];
-  var handleModalClose = function handleModalClose() {
-    setModal({
-      isOpen: false,
-      text: ''
-    });
-  };
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
-      var requestData, response, _error$response$data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            setLoading(true);
-            requestData = {
-              data: {
-                email: values.email
-              }
-            };
-            _context.next = 5;
-            return sendRSVPInfo(eventId, requestData);
-          case 5:
-            response = _context.sent;
-            setModal({
-              isOpen: true,
-              text: response.message
-            });
-            _context.next = 12;
-            break;
-          case 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](0);
-            if (_context.t0.response.status === 403) {
-              setModal({
-                isOpen: true,
-                text: (_error$response$data = _context.t0.response.data) == null ? void 0 : _error$response$data.message
-              });
+              break;
             }
-          case 12:
-            _context.prev = 12;
-            setLoading(false);
-            return _context.finish(12);
-          case 15:
+            return _context5.abrupt("return");
+          case 4:
+            if (_find(reservationData, function (data) {
+              return data.seatId === seatId;
+            })) {
+              handleCancelSeatReservtion(eventId, tierId, seatId);
+            } else if (reservationData.length >= 10) {
+              setError('Limit exceeded');
+            } else {
+              handleSeatReservation(eventId, tierId, seatId);
+            }
+          case 5:
           case "end":
-            return _context.stop();
+            return _context5.stop();
         }
-      }, _callee, null, [[0, 9, 12, 15]]);
+      }, _callee5);
     }));
-    return function handleSubmit(_x) {
-      return _ref2.apply(this, arguments);
+    return function onSeatClick(_x7) {
+      return _ref5.apply(this, arguments);
     };
   }();
-  if (!showSection) {
-    return null;
-  }
-  return React.createElement(React.Fragment, null, React.createElement(Modal$2, {
-    open: modal.isOpen,
-    onClose: handleModalClose,
-    "aria-labelledby": "modal-modal-title",
-    "aria-describedby": "modal-modal-description",
-    className: "rsvp-modal"
-  }, React.createElement(Box, {
-    style: style$7,
-    className: "rsvp-modal-box"
-  }, React.createElement("div", {
-    className: "rsvp-modal-container"
-  }, React.createElement("div", {
-    className: "rsvp-modal-header"
-  }, modal.text), React.createElement("div", {
-    className: "rsvp-modal-button"
-  }, React.createElement("button", {
-    type: "button",
-    onClick: handleModalClose
-  }, "OK"))))), React.createElement("div", {
-    className: "rsvp-container"
-  }, loading ? React.createElement(Loader, null) : React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "rsvp-header"
-  }, "RSVP"), React.createElement("div", {
-    className: "rsvp-email-container"
-  }, React.createElement(Formik, {
-    initialValues: {
-      email: (parsedData == null ? void 0 : parsedData.email) || ''
-    },
-    onSubmit: handleSubmit,
-    enableReinitialize: true
-  }, React.createElement(Form, null, React.createElement("div", {
-    className: "rsvp-email-input-container"
-  }, React.createElement(Field, {
-    name: "email",
-    label: "EMAIL ADDRESS",
-    type: "email",
-    validate: combineValidators(function (value) {
-      return requiredValidator(value, 'Please enter your Email');
-    }, function (value) {
-      return emailValidator(value);
-    }),
-    component: CustomField
-  })), React.createElement("div", {
-    className: "rsvp-button-container"
-  }, React.createElement(Button, {
-    type: "submit"
-  }, "RSVP"))))))));
-};
-
-var Prewards = function Prewards(props) {
-  var data = props.data,
-    _props$classNamePrefi = props.classNamePrefix,
-    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi,
-    _props$headerNode = props.headerNode,
-    headerNode = _props$headerNode === void 0 ? React.createElement(React.Fragment, null, "PRE", React.createElement("span", null, "WARDS\u2122")) : _props$headerNode;
-  return React.createElement("div", {
-    className: classNamePrefix + "_prewards"
-  }, !_isEmpty(data) && React.createElement("div", {
-    className: classNamePrefix + "_prewards_heder"
-  }, headerNode), React.createElement("div", {
-    className: classNamePrefix + "_prizes"
-  }, _map(data, function (prize) {
-    var description = prize.description,
-      name = prize.name,
-      image = prize.image,
-      id = prize.id;
-    return React.createElement("div", {
-      className: classNamePrefix + "_prize",
-      key: id
-    }, image && React.createElement("img", {
-      className: classNamePrefix + "_image",
-      alt: "",
-      src: image
-    }), React.createElement("div", {
-      className: classNamePrefix + "_info"
-    }, React.createElement("h4", {
-      className: classNamePrefix + "_name"
-    }, name), description && React.createElement("article", {
-      className: classNamePrefix + "_description"
-    }, description)));
-  })));
-};
-
-var CopyField = function CopyField(props) {
-  var copyValue = props.copyValue,
-    _props$copyIconSrc = props.copyIconSrc,
-    copyIconSrc = _props$copyIconSrc === void 0 ? 'https://img.icons8.com/office/50/000000/copy.png' : _props$copyIconSrc,
-    _props$copyTitle = props.copyTitle,
-    copyTitle = _props$copyTitle === void 0 ? 'Copy' : _props$copyTitle,
-    _props$hasCopyIcon = props.hasCopyIcon,
-    hasCopyIcon = _props$hasCopyIcon === void 0 ? false : _props$hasCopyIcon,
-    _props$onLinkCopied = props.onLinkCopied,
-    onLinkCopied = _props$onLinkCopied === void 0 ? _identity : _props$onLinkCopied,
-    _props$classNamePrefi = props.classNamePrefix,
-    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi,
-    _props$messageText = props.messageText,
-    messageText = _props$messageText === void 0 ? '' : _props$messageText;
-  var inputRef = useRef(null);
-  return React.createElement(React.Fragment, null, messageText && React.createElement("span", {
-    className: "message-text"
-  }, messageText), React.createElement("input", {
-    ref: inputRef,
-    className: classNamePrefix + "_share-input",
-    defaultValue: copyValue,
-    readOnly: true
-  }), React.createElement("div", {
-    className: classNamePrefix + "_share-by-link-copy-icon",
-    "aria-hidden": true,
-    onClick: function onClick() {
-      navigator.clipboard.writeText(_get(inputRef, 'current.value'));
-      onLinkCopied();
-    }
-  }, hasCopyIcon ? React.createElement("img", {
-    src: copyIconSrc,
-    alt: "copy"
-  }) : React.createElement("span", {
-    className: classNamePrefix + "_copy-icon"
-  }, copyTitle)));
-};
-
-var ShareOptions = function ShareOptions(props) {
-  var classNamePrefix = props.classNamePrefix,
-    data = props.data,
-    _props$hasCopyIcon = props.hasCopyIcon,
-    hasCopyIcon = _props$hasCopyIcon === void 0 ? true : _props$hasCopyIcon,
-    _props$onLinkCopied = props.onLinkCopied,
-    onLinkCopied = _props$onLinkCopied === void 0 ? _identity : _props$onLinkCopied,
-    _props$headerText = props.headerText,
-    headerText = _props$headerText === void 0 ? 'Share with your friends here ...' : _props$headerText,
-    hash = props.hash,
-    updateShareActionData = props.updateShareActionData,
-    shareActionData = props.shareActionData;
-  var _data$attributes = data.attributes,
-    actions = _data$attributes.actions,
-    shareUrl = _data$attributes.shareUrl;
-  var shareButtons = shareOptionsAdapter(actions, shareUrl);
-  var isShareLinkEnabled = _some(actions, function (item) {
-    return item.action === 'shared_url';
-  });
-  var _onAfterShare = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(eventActionId) {
-      var shareActionToken, tokenShuffleMethod, accessToken;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+  var handleTicketSelect = function handleTicketSelect(ticketId, seatId) {
+    var currentSelectedTickets = _extends({}, selectedTickets);
+    currentSelectedTickets[seatId] = ticketId;
+    setSelectedTickets(currentSelectedTickets);
+  };
+  var handleGetTicketBtnClick = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+      var ticketsDropdownsData, selectedSeats, addToCartData, _addToCartData$attrib, response, message;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            shareActionToken = shareActionData.shareActionToken, tokenShuffleMethod = shareActionData.tokenShuffleMethod;
-            accessToken = getShuffleMethodByName(tokenShuffleMethod)(shareActionToken);
-            if (!(typeof eventActionId === 'string')) {
-              _context.next = 6;
-              break;
-            }
-            _context.next = 5;
-            return submitShareAction({
-              eventActionId: eventActionId,
-              accessToken: accessToken,
-              hash: hash
+            setIsAddingToCart(true);
+            ticketsDropdownsData = getTicketDropdownData(reservedSeats, ticketTypeTierRelationsRef.current);
+            selectedSeats = {};
+            _forEach(ticketsDropdownsData, function (ticketData) {
+              var _extends4;
+              selectedSeats = _extends({}, selectedSeats, (_extends4 = {}, _extends4[ticketData.seatId] = ticketData.ticketsData, _extends4));
             });
-          case 5:
-            updateShareActionData();
-          case 6:
+            addToCartData = getAddToCartRequestData({
+              eventId: eventId,
+              reservations: _map(reservedSeats, function (seat) {
+                return seat.seatId;
+              }),
+              selectedSeats: selectedSeats,
+              selectedTickets: selectedTickets,
+              guestCounts: guestCounts
+            });
+            _context6.prev = 5;
+            _context6.next = 8;
+            return addToCartFunc({
+              eventId: eventId,
+              data: addToCartData,
+              ticketQuantity: addToCartData == null ? void 0 : (_addToCartData$attrib = addToCartData.attributes) == null ? void 0 : _addToCartData$attrib.product_cart_quantity
+            });
+          case 8:
+            response = _context6.sent;
+            localStorage.removeItem('reservationData');
+            onAddToCartSuccess(response);
+            _context6.next = 16;
+            break;
+          case 13:
+            _context6.prev = 13;
+            _context6.t0 = _context6["catch"](5);
+            if (axios.isAxiosError(_context6.t0)) {
+              message = _get(_context6.t0, 'response.data.message', '');
+              setError(message);
+            }
+          case 16:
+            _context6.prev = 16;
+            setIsAddingToCart(false);
+            return _context6.finish(16);
+          case 19:
           case "end":
-            return _context.stop();
+            return _context6.stop();
         }
-      }, _callee);
+      }, _callee6, null, [[5, 13, 16, 19]]);
     }));
-    return function onAfterShare(_x) {
-      return _ref.apply(this, arguments);
+    return function handleGetTicketBtnClick() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (Date.now() > Number(localStorage.getItem("reservationStart-" + eventId))) {
+      setSelectedTickets({});
+      setReservedSeats([]);
+    }
+    var makeRequests = /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              _context7.prev = 0;
+              setIsLoadingStatuses(true);
+              _context7.next = 4;
+              return fetchSeatMapData();
+            case 4:
+              _context7.next = 6;
+              return fetchSeatMapReservations();
+            case 6:
+              _context7.next = 11;
+              break;
+            case 8:
+              _context7.prev = 8;
+              _context7.t0 = _context7["catch"](0);
+              setError('Something went wrong');
+            case 11:
+              _context7.prev = 11;
+              setIsLoadingStatuses(false);
+              return _context7.finish(11);
+            case 14:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7, null, [[0, 8, 11, 14]]);
+      }));
+      return function makeRequests() {
+        return _ref7.apply(this, arguments);
+      };
+    }();
+    makeRequests();
+    if (country) {
+      localStorage.setItem('eventCountry', country);
+    }
+  }, [country, eventId, fetchSeatMapData]);
+  useEffect(function () {
+    var intervalId = setInterval(function () {
+      fetchSeatMapReservations();
+    }, 3000);
+    return function () {
+      clearInterval(intervalId);
     };
-  }();
-  return React.createElement("div", {
-    className: classNamePrefix + "_share_options"
-  }, !_isEmpty(actions) && React.createElement(React.Fragment, null, React.createElement("div", {
-    className: classNamePrefix + "_share_header"
-  }, headerText), React.createElement(SocialButtons, {
-    shareLink: data.attributes.shareUrl,
-    name: "",
-    appId: "",
-    showDefaultShareButtons: false,
-    shareButtons: shareButtons,
-    titleText: "",
-    footerText: "",
-    onAfterShare: function onAfterShare(eventActionId) {
-      return _onAfterShare(eventActionId);
+  }, [fetchSeatMapReservations]);
+  useEffect(function () {
+    if (!isOnline) {
+      setError(OFFLINE_MESSAGE);
+    } else if (isOnline && error === OFFLINE_MESSAGE) {
+      setError(null);
     }
-  }), isShareLinkEnabled && React.createElement("div", {
-    className: classNamePrefix + "_share_btn_inner"
-  }, React.createElement(CopyField, {
-    copyValue: shareUrl,
-    onLinkCopied: onLinkCopied,
-    hasCopyIcon: hasCopyIcon,
-    classNamePrefix: classNamePrefix,
-    messageText: "Share your link"
-  }))));
+  }, [error, isOnline]);
+  return React.createElement(React.Fragment, null, error && React.createElement(Alert, {
+    severity: "error",
+    onClose: function onClose() {
+      setError(null);
+    },
+    variant: "filled",
+    style: {
+      width: '350px'
+    }
+  }, error), showTimer && React.createElement(Countdown$1, {
+    date: moment$1(Number(localStorage.getItem("reservationStart-" + eventId))).valueOf(),
+    renderer: function renderer(props) {
+      return React.createElement("div", {
+        className: "reservation-countdown"
+      }, React.createElement("span", {
+        className: "reservation-message"
+      }, timerMessage), React.createElement("span", {
+        className: "reservation-timer"
+      }, showZero(props.minutes), ":", showZero(props.seconds)));
+    },
+    onComplete: function onComplete() {
+      endTimer();
+      setSelectedTickets({});
+      setReservedSeats([]);
+      if (onCountdownFinish) {
+        onCountdownFinish();
+      }
+    }
+  }), !isLoadingSeatMapData && !isLoadingStatuses && React.createElement(ReferralLogic, {
+    eventId: eventId
+  }), React.createElement(TicketsSection$1, {
+    selectedTickets: selectedTickets,
+    handleTicketSelect: handleTicketSelect,
+    handleCancelReservation: function handleCancelReservation(seatId, tireId) {
+      return handleCancelSeatReservtion(eventId, tireId, seatId);
+    },
+    handleGetTicketClick: handleGetTicketBtnClick,
+    isAddingToCart: isAddingToCart,
+    reservedSeats: reservedSeats,
+    ticketDeleteButtonContent: ticketDeleteButtonContent,
+    ticketInfoContent: ticketInfoContent,
+    ticketTypeTierRelations: ticketTypeTierRelationsRef.current,
+    currencySymbol: symbol,
+    tableMapEnabled: Boolean(tableMapEnabled),
+    guestCounts: guestCounts,
+    setGuestCounts: setGuestCounts
+  }), React.createElement(SeatMapComponent, {
+    seatMapProps: {
+      seatData: seatMapData.seatMap,
+      statuses: seatMapStatuses,
+      tierPrices: seatMapData.tierPrices,
+      seatMapType: seatMapData.seatMapType,
+      ticketTypeTierRelations: ticketTypeTierRelationsRef.current,
+      seatMapEvents: {
+        onSeatClick: onSeatClick
+      },
+      isReserving: isReserving,
+      predefinedSeats: seatMapData.predefinedSeats,
+      isLoadingSeatMapData: isLoadingSeatMapData
+    },
+    mapContainerId: mapContainerId
+  }));
 };
 
-var isWindowDefined$2 = typeof window !== 'undefined';
-var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
-  var pEventId = _ref.eventId,
-    _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? '' : _ref$classNamePrefix,
-    _ref$onLinkCopied = _ref.onLinkCopied,
-    _onLinkCopied = _ref$onLinkCopied === void 0 ? _identity : _ref$onLinkCopied,
-    _ref$hasCopyIcon = _ref.hasCopyIcon,
-    hasCopyIcon = _ref$hasCopyIcon === void 0 ? false : _ref$hasCopyIcon,
-    _ref$pageHeader = _ref.pageHeader,
-    pageHeader = _ref$pageHeader === void 0 ? 'Pre-Registration Confirmation' : _ref$pageHeader,
-    _ref$onGetConfirmatio = _ref.onGetConfirmationDataError,
-    onGetConfirmationDataError = _ref$onGetConfirmatio === void 0 ? _identity : _ref$onGetConfirmatio,
-    _ref$onGetConfirmatio2 = _ref.onGetConfirmationDataSuccess,
-    onGetConfirmationDataSuccess = _ref$onGetConfirmatio2 === void 0 ? _identity : _ref$onGetConfirmatio2,
-    _ref$pageMessage = _ref.pageMessage,
-    pageMessage = _ref$pageMessage === void 0 ? 'Pre registration was successful!' : _ref$pageMessage,
-    _ref$onLoginSuccess = _ref.onLoginSuccess,
-    onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
-    logo = _ref.logo,
-    themeOptions = _ref.themeOptions;
-  var themeMui = createTheme(themeOptions);
-  var localStorageHash = isWindowDefined$2 ? localStorage.getItem('pre-registration-hash') : '';
-  var queryHash = getQueryVariable('hash') || '';
-  queryHash && isWindowDefined$2 && window.localStorage.setItem('pre-registration-hash', queryHash);
-  var hash = queryHash || localStorageHash;
-  var _useState = useState(Boolean(getCookieByName(X_TF_ECOMMERCE))),
-    isLoggedIn = _useState[0],
-    setIsLoggedIn = _useState[1];
-  var _useState2 = useState(!isLoggedIn),
-    showModalLogin = _useState2[0],
-    setShowModalLogin = _useState2[1];
+var IDVerification = function IDVerification(props) {
+  var _props$onGetVerifyUrl = props.onGetVerifyUrlSuccess,
+    onGetVerifyUrlSuccess = _props$onGetVerifyUrl === void 0 ? _identity : _props$onGetVerifyUrl,
+    _props$onGetVerifyUrl2 = props.onGetVerifyUrlError,
+    onGetVerifyUrlError = _props$onGetVerifyUrl2 === void 0 ? _identity : _props$onGetVerifyUrl2,
+    _props$onGetVerificat = props.onGetVerificationStatusSuccess,
+    onGetVerificationStatusSuccess = _props$onGetVerificat === void 0 ? _identity : _props$onGetVerificat,
+    _props$onGetVerificat2 = props.onGetVerificationStatusError,
+    onGetVerificationStatusError = _props$onGetVerificat2 === void 0 ? _identity : _props$onGetVerificat2,
+    _props$onVerification = props.onVerificationMessageModalClose,
+    onVerificationMessageModalClose = _props$onVerification === void 0 ? _identity : _props$onVerification,
+    _props$onPassVerifica = props.onPassVerificationStepsSuccess,
+    onPassVerificationStepsSuccess = _props$onPassVerifica === void 0 ? _identity : _props$onPassVerifica,
+    _props$onPassVerifica2 = props.onPassVerificationStepsError,
+    onPassVerificationStepsError = _props$onPassVerifica2 === void 0 ? _identity : _props$onPassVerifica2;
+  var _useState = useState(true),
+    loadingStatus = _useState[0],
+    setLoadingStatus = _useState[1];
+  var _useState2 = useState(null),
+    verificationStatus = _useState2[0],
+    setVerificationStatus = _useState2[1];
   var _useState3 = useState(false),
-    showCopyModal = _useState3[0],
-    setShowCopyModal = _useState3[1];
-  var _useState4 = useState([]),
-    prizes = _useState4[0],
-    setPrizes = _useState4[1];
-  var _useState5 = useState({}),
-    shareOptions = _useState5[0],
-    setShareOptions = _useState5[1];
-  var _useState6 = useState({}),
-    shareActionData = _useState6[0],
-    setShareActionData = _useState6[1];
-  var _useState7 = useState({}),
-    error = _useState7[0],
-    setError = _useState7[1];
-  useCookieListener(X_TF_ECOMMERCE, function (value) {
-    return setIsLoggedIn(Boolean(value));
-  });
+    showModal = _useState3[0],
+    setShowModal = _useState3[1];
+  var _useState4 = useState(null),
+    netverifyUrl = _useState4[0],
+    setNetverifyUrl = _useState4[1];
+  var _useState5 = useState(null),
+    provider = _useState5[0],
+    setProvider = _useState5[1];
+  var _useState6 = useState(false),
+    hasError = _useState6[0],
+    setHasError = _useState6[1];
+  var _useState7 = useState(null),
+    lastError = _useState7[0],
+    setLastError = _useState7[1];
+  var _useState8 = useState({
+      message: '',
+      hideCancelBtn: true,
+      displaModal: false
+    }),
+    modalData = _useState8[0],
+    setModalData = _useState8[1];
+  var isAccountVerifiedOrPending = (verificationStatus === VERIFICATION_STATUSES.APPROVED || verificationStatus === VERIFICATION_STATUSES.PENDING) && verificationStatus !== VERIFICATION_STATUSES.WRONG_CUSTOMER;
+  var handleClose = function handleClose() {
+    setModalData({
+      message: '',
+      displaModal: false,
+      hideCancelBtn: true
+    });
+    onVerificationMessageModalClose(verificationStatus);
+  };
   useEffect(function () {
-    var fetchConfirmationData = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var shareOptionsData, attributes, eventId, influencersData, _error$response;
+    var callbackNetVerify = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
+        var data, result;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.prev = 0;
-              if (!(hash && isLoggedIn)) {
-                _context.next = 15;
+              if (!(e.data && e.origin === 'https://verify.stripe.com')) {
+                _context.next = 10;
+                break;
+              }
+              data = e.data;
+              if (!(data.type === 'STRIPE_IDENTITY_CLOSE')) {
+                _context.next = 9;
+                break;
+              }
+              _context.next = 5;
+              return getUrl();
+            case 5:
+              setShowModal(false);
+              if (hasError) {
+                setHasError(false);
+                onPassVerificationStepsError(lastError);
+              } else {
+                setHasError(false);
+                onPassVerificationStepsSuccess();
+              }
+              _context.next = 10;
+              break;
+            case 9:
+              if (data.type === 'STRIPE_IDENTITY_ERROR') {
+                setHasError(true);
+                setLastError(data);
+              }
+            case 10:
+              if (!(e.data && isJson(e.data))) {
+                _context.next = 25;
                 break;
               }
-              _context.next = 4;
-              return getPreRegistrationShareOptions({
-                hash: hash
-              });
-            case 4:
-              shareOptionsData = _context.sent;
-              attributes = shareOptionsData.data.attributes;
-              setShareOptions(shareOptionsData.data);
-              setShareActionData({
-                shareActionToken: attributes.shareActionToken,
-                tokenShuffleMethod: attributes.tokenShuffleMethod
-              });
-              eventId = _get(shareOptionsData, 'data.attributes.eventId');
-              if (!(eventId || pEventId)) {
-                _context.next = 14;
+              _context.prev = 11;
+              result = JSON.parse(e.data);
+              if (!(result.payload && (result.payload.value === 'success' || result.payload.transactionStatus === 'SUCCESS'))) {
+                _context.next = 19;
                 break;
               }
-              _context.next = 12;
-              return getPreRegistrationInfluencers({
-                eventId: eventId || pEventId
-              });
-            case 12:
-              influencersData = _context.sent;
-              setPrizes(influencersData.data.attributes.prizes);
-            case 14:
-              onGetConfirmationDataSuccess();
-            case 15:
+              _context.next = 16;
+              return updateVerificationStatus();
+            case 16:
+              onPassVerificationStepsSuccess();
               _context.next = 20;
               break;
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](0);
-              if (axios.isAxiosError(_context.t0)) {
-                setError((_error$response = _context.t0.response) == null ? void 0 : _error$response.data);
+            case 19:
+              if (result.payload && (result.payload.value === 'error' || result.payload.transactionStatus === 'ERROR')) {
+                setShowModal(false);
+                onPassVerificationStepsError(result.payload);
               }
             case 20:
+              _context.next = 25;
+              break;
+            case 22:
+              _context.prev = 22;
+              _context.t0 = _context["catch"](11);
+              onPassVerificationStepsError(_context.t0);
+            case 25:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[0, 17]]);
+        }, _callee, null, [[11, 22]]);
       }));
-      return function fetchConfirmationData() {
-        return _ref2.apply(this, arguments);
+      return function callbackNetVerify(_x) {
+        return _ref.apply(this, arguments);
       };
     }();
-    fetchConfirmationData();
-  }, [pEventId, hash, onGetConfirmationDataError, onGetConfirmationDataSuccess, isLoggedIn]);
-  var onClose = function onClose() {
-    setShowCopyModal(false);
+    window.addEventListener('message', callbackNetVerify);
+    return function () {
+      window.removeEventListener('message', callbackNetVerify);
+    };
+  }, []);
+  var getUrl = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var urlResponse;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return getNetverifyUrl();
+          case 3:
+            urlResponse = _context2.sent;
+            setNetverifyUrl(urlResponse.netverifyUrl);
+            setProvider(urlResponse.provider);
+            onGetVerifyUrlSuccess(urlResponse);
+            _context2.next = 12;
+            break;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](0);
+            onGetVerifyUrlError(_context2.t0);
+          case 12:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 9]]);
+    }));
+    return function getUrl() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    var intervalId = null;
+    var orderHash = getQueryVariable('order_hash') || '';
+    var getVerificationStatus = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var _verificationStatus, _provider, verifyUrl, statusResponse, status, isApproved;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _verificationStatus = null; // Gets te current status of the variable without modifying it
+              setVerificationStatus(function (status) {
+                _verificationStatus = status;
+                return status;
+              });
+              _provider = null; // Gets te current status of the variable without modifying it
+              setProvider(function (state) {
+                _provider = state;
+                return _provider;
+              });
+              verifyUrl = null; // Gets te current status of the variable without modifying it
+              setNetverifyUrl(function (state) {
+                verifyUrl = state;
+                return state;
+              });
+              _context3.next = 9;
+              return checkVerificationStatus();
+            case 9:
+              statusResponse = _context3.sent;
+              status = statusResponse.data.attributes.status;
+              isApproved = status === VERIFICATION_STATUSES.APPROVED;
+              if (_verificationStatus !== status) {
+                setVerificationStatus(status);
+                setModalData({
+                  displaModal: isApproved || status === VERIFICATION_STATUSES.FAILED,
+                  hideCancelBtn: true,
+                  message: isApproved ? VERIFICATION_MESSAGES.APPROVED : status === VERIFICATION_STATUSES.FAILED ? VERIFICATION_MESSAGES.FAILED : status
+                });
+              }
+              if (_provider === VERIFICATION_PROVIDERS.STRIPE && verifyUrl === null && !isApproved) {
+                getUrl();
+              }
+              onGetVerificationStatusSuccess(statusResponse);
+              _context3.next = 20;
+              break;
+            case 17:
+              _context3.prev = 17;
+              _context3.t0 = _context3["catch"](0);
+              onGetVerificationStatusError(_context3.t0);
+            case 20:
+              _context3.prev = 20;
+              setLoadingStatus(false);
+              return _context3.finish(20);
+            case 23:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, null, [[0, 17, 20, 23]]);
+      }));
+      return function getVerificationStatus() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+    var getCustomerOrderStatus = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+        var customerOrderResponse;
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return checkCustomerOrder(orderHash);
+            case 2:
+              customerOrderResponse = _context4.sent;
+              return _context4.abrupt("return", customerOrderResponse);
+            case 4:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function getCustomerOrderStatus() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    var makeRequests = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+        var _error$response, _error$response$data;
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.prev = 0;
+              if (!orderHash) {
+                _context5.next = 4;
+                break;
+              }
+              _context5.next = 4;
+              return getCustomerOrderStatus();
+            case 4:
+              getUrl();
+              getVerificationStatus();
+              // Check the verification status every 30 seconds
+              intervalId = setInterval(function () {
+                getVerificationStatus();
+              }, 10000);
+              _context5.next = 12;
+              break;
+            case 9:
+              _context5.prev = 9;
+              _context5.t0 = _context5["catch"](0);
+              if (((_error$response = _context5.t0.response) == null ? void 0 : (_error$response$data = _error$response.data) == null ? void 0 : _error$response$data.message) === VERIFICATION_MESSAGES.WRONG_CUSTOMER) {
+                setVerificationStatus(VERIFICATION_STATUSES.WRONG_CUSTOMER);
+                setModalData({
+                  displaModal: true,
+                  hideCancelBtn: true,
+                  message: VERIFICATION_MESSAGES.WRONG_CUSTOMER
+                });
+              }
+            case 12:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, null, [[0, 9]]);
+      }));
+      return function makeRequests() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+    makeRequests();
+    // Clear the interval when the component unmounts
+    return function () {
+      return clearInterval(intervalId);
+    };
+  }, []);
+  var iframe = function iframe(netverifyUrl) {
+    // eslint-disable-next-line max-len
+    var iframe = "<iframe allowFullScreen id=\"verificationIframe\" frameBorder=\"0\" width=\"100%\" height=\"570px\" allow=\"camera;fullscreen;accelerometer;gyroscope;magnetometer\" src=\"" + netverifyUrl + "\"></iframe>";
+    return {
+      __html: iframe
+    };
+  };
+  useEffect(function () {
+    var orderHash = getQueryVariable('order_hash');
+    if (isBrowser) {
+      var checkoutData = JSON.parse(window.localStorage.getItem('checkoutData') || '{}');
+      if (_isEmpty(checkoutData) && orderHash) {
+        window.localStorage.setItem('checkoutData', JSON.stringify({
+          hash: orderHash
+        }));
+      }
+    }
+  }, []);
+  return React.createElement("div", null, React.createElement("h2", {
+    className: "page-header"
+  }, "Account Verification"), loadingStatus ? null : React.createElement(React.Fragment, null, !isAccountVerifiedOrPending && React.createElement("div", {
+    className: "verify-message"
+  }, "To complete the purchase, please verify your identity."), verificationStatus === VERIFICATION_STATUSES.APPROVED && React.createElement("div", {
+    className: "verify-message"
+  }, VERIFICATION_MESSAGES.APPROVED), (verificationStatus === VERIFICATION_STATUSES.PENDING || provider === VERIFICATION_PROVIDERS.STRIPE && netverifyUrl === null && verificationStatus !== VERIFICATION_STATUSES.APPROVED) && React.createElement("div", {
+    className: "verify-message"
+  }, VERIFICATION_MESSAGES.PENDING), !isAccountVerifiedOrPending && netverifyUrl !== null && React.createElement(Button, {
+    type: "button",
+    variant: "contained",
+    className: "verify-button",
+    onClick: function onClick() {
+      setShowModal(true);
+    }
+  }, "Verify")), modalData.displaModal && React.createElement(Modal, {
+    modalClassName: "verification-message-modal",
+    actions: [{
+      id: 'ok',
+      label: 'Ok',
+      variant: 'contained',
+      onClick: handleClose
+    }]
+  }, React.createElement("div", {
+    className: "verify-message"
+  }, modalData.message)), showModal && React.createElement(Modal, {
+    modalClassName: "id-verification-modal",
+    actions: [{
+      id: 'close',
+      label: 'Close',
+      variant: 'contained',
+      onClick: function onClick() {
+        setShowModal(false);
+      }
+    }]
+  }, React.createElement("div", {
+    dangerouslySetInnerHTML: iframe(netverifyUrl || '')
+  })));
+};
+
+var style$6 = {
+  position: 'absolute',
+  top: '10%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  minWidth: 480,
+  backgroundColor: '#e3e3e3',
+  border: '1px solid white',
+  outline: 'none',
+  padding: '14px',
+  maxHeight: '85vh',
+  overflow: 'auto'
+};
+var RedirectModal = function RedirectModal(_ref) {
+  var _ref$message = _ref.message,
+    message = _ref$message === void 0 ? 'Your cart has expired. Please click on "OK" to return to the ticket selection page.' : _ref$message,
+    _ref$onClickOk = _ref.onClickOk,
+    onClickOk = _ref$onClickOk === void 0 ? function () {} : _ref$onClickOk;
+  return React.createElement(Modal$2, {
+    open: true,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "redirect-modal"
+  }, React.createElement(Box, {
+    style: style$6
+  }, React.createElement("p", null, message), React.createElement("div", {
+    className: "footer"
+  }, React.createElement("button", {
+    onClick: onClickOk
+  }, "OK"))));
+};
+
+var style$7 = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  minWidth: 480,
+  backgroundColor: '#e3e3e3',
+  border: '1px solid white',
+  outline: 'none',
+  padding: '14px',
+  maxHeight: '85vh',
+  overflow: 'auto'
+};
+var RsvpContainer = function RsvpContainer(_ref) {
+  var _ref$showSection = _ref.showSection,
+    showSection = _ref$showSection === void 0 ? false : _ref$showSection,
+    eventId = _ref.eventId;
+  var userDataEncoded = isBrowser ? window.localStorage.getItem('user_data') : '';
+  var parsedData = JSON.parse(userDataEncoded || '{}');
+  var _useState = useState(false),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = useState({
+      isOpen: false,
+      text: ''
+    }),
+    modal = _useState2[0],
+    setModal = _useState2[1];
+  var handleModalClose = function handleModalClose() {
+    setModal({
+      isOpen: false,
+      text: ''
+    });
   };
-  var updateShareActionData = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var shareOptionsData;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
+      var requestData, response, _error$response$data;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!hash) {
-              _context2.next = 6;
-              break;
-            }
-            _context2.next = 3;
-            return getPreRegistrationShareOptions({
-              hash: hash
-            });
-          case 3:
-            shareOptionsData = _context2.sent;
-            setShareOptions(shareOptionsData.data);
-            setShareActionData({
-              shareActionToken: shareOptionsData.data.attributes.shareActionToken,
-              tokenShuffleMethod: shareOptionsData.data.attributes.tokenShuffleMethod
+            _context.prev = 0;
+            setLoading(true);
+            requestData = {
+              data: {
+                email: values.email
+              }
+            };
+            _context.next = 5;
+            return sendRSVPInfo(eventId, requestData);
+          case 5:
+            response = _context.sent;
+            setModal({
+              isOpen: true,
+              text: response.message
             });
-          case 6:
+            _context.next = 12;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+            if (_context.t0.response.status === 403) {
+              setModal({
+                isOpen: true,
+                text: (_error$response$data = _context.t0.response.data) == null ? void 0 : _error$response$data.message
+              });
+            }
+          case 12:
+            _context.prev = 12;
+            setLoading(false);
+            return _context.finish(12);
+          case 15:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2);
+      }, _callee, null, [[0, 9, 12, 15]]);
     }));
-    return function updateShareActionData() {
-      return _ref3.apply(this, arguments);
+    return function handleSubmit(_x) {
+      return _ref2.apply(this, arguments);
     };
   }();
-  return React.createElement(ThemeProvider, {
-    theme: themeMui
-  }, isLoggedIn && _isEmpty(error) ? React.createElement("div", {
-    className: classNamePrefix + "_pre_registration_complete_container"
-  }, React.createElement(CopyMessageModal, {
-    showCopyModal: showCopyModal,
-    onClose: onClose
-  }), React.createElement("p", {
-    className: classNamePrefix + "_pre_registration_complete_header"
-  }, pageHeader), React.createElement("div", {
-    className: classNamePrefix + "_pre_registration_complete_message"
-  }, pageMessage), React.createElement("div", {
-    className: classNamePrefix + "_pre_registration_complete_body"
-  }, !_isEmpty(prizes) && React.createElement(Prewards, {
-    classNamePrefix: classNamePrefix,
-    data: prizes
-  }), !_isEmpty(shareOptions) && React.createElement(ShareOptions, {
-    classNamePrefix: classNamePrefix,
-    data: shareOptions,
-    onLinkCopied: function onLinkCopied() {
-      setShowCopyModal(true);
-      _onLinkCopied();
-    },
-    shareActionData: shareActionData,
-    updateShareActionData: updateShareActionData,
-    hasCopyIcon: hasCopyIcon,
-    hash: hash
-  }))) : showModalLogin && React.createElement(LoginModal, {
-    logo: logo,
-    onClose: function onClose() {
-      setShowModalLogin(false);
+  if (!showSection) {
+    return null;
+  }
+  return React.createElement(React.Fragment, null, React.createElement(Modal$2, {
+    open: modal.isOpen,
+    onClose: handleModalClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "rsvp-modal"
+  }, React.createElement(Box, {
+    style: style$7,
+    className: "rsvp-modal-box"
+  }, React.createElement("div", {
+    className: "rsvp-modal-container"
+  }, React.createElement("div", {
+    className: "rsvp-modal-header"
+  }, modal.text), React.createElement("div", {
+    className: "rsvp-modal-button"
+  }, React.createElement("button", {
+    type: "button",
+    onClick: handleModalClose
+  }, "OK"))))), React.createElement("div", {
+    className: "rsvp-container"
+  }, loading ? React.createElement(Loader, null) : React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "rsvp-header"
+  }, "RSVP"), React.createElement("div", {
+    className: "rsvp-email-container"
+  }, React.createElement(Formik, {
+    initialValues: {
+      email: (parsedData == null ? void 0 : parsedData.email) || ''
     },
-    onLogin: function onLogin(res) {
-      setShowModalLogin(false);
-      onLoginSuccess(res);
-    }
-  }), !_isEmpty(error) && React.createElement(ConfirmModal, {
-    hideCancelBtn: true,
-    message: error.message,
-    onConfirm: function onConfirm() {
-      return onGetConfirmationDataError(error);
-    }
-  }));
+    onSubmit: handleSubmit,
+    enableReinitialize: true
+  }, React.createElement(Form, null, React.createElement("div", {
+    className: "rsvp-email-input-container"
+  }, React.createElement(Field, {
+    name: "email",
+    label: "EMAIL ADDRESS",
+    type: "email",
+    validate: combineValidators(function (value) {
+      return requiredValidator(value, 'Please enter your Email');
+    }, function (value) {
+      return emailValidator(value);
+    }),
+    component: CustomField
+  })), React.createElement("div", {
+    className: "rsvp-button-container"
+  }, React.createElement(Button, {
+    type: "submit"
+  }, "RSVP"))))))));
 };
 
 var Influancers = function Influancers(props) {