tf-checkout-react 1.7.2 → 1.7.3

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

@@ -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,
@@ -4794,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];
@@ -4922,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));
   }))));
 };
@@ -5986,6 +6061,7 @@ var LogicRunner = function LogicRunner(_ref) {
     email: '',
     phone: ''
   });
+  var hasLoadedUserData = useRef(false);
   useEffect(function () {
     var fetchStates = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -6064,145 +6140,222 @@ var LogicRunner = function LogicRunner(_ref) {
   }, [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) || '',
-              '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);
-          } 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];
@@ -6305,6 +6458,9 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   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', '');
@@ -6336,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 _useState20 = useState(),
-    pendingVerificationMessage = _useState20[0],
-    setPendingVerificationMessage = _useState20[1];
-  var _useState21 = useState({}),
-    reviewData = _useState21[0],
-    setReviewData = _useState21[1];
+  var _useState21 = useState(),
+    pendingVerificationMessage = _useState21[0],
+    setPendingVerificationMessage = _useState21[1];
   var _useState22 = useState({}),
-    checkoutData = _useState22[0],
-    setCheckoutData = _useState22[1];
-  var _useState23 = useState(null),
-    checkoutUpdateData = _useState23[0],
-    setCheckoutUpdateData = _useState23[1];
+    reviewData = _useState22[0],
+    setReviewData = _useState22[1];
+  var _useState23 = useState({}),
+    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') || '{}';
@@ -6355,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 _useState24 = useState({}),
-    singleCheckoutAddons = _useState24[0],
-    setSingleCheckoutAddOns = _useState24[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');
@@ -6388,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();
@@ -6434,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);
@@ -6453,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, {
@@ -6500,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 () {
@@ -6524,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,
@@ -6544,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;
@@ -6559,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();
@@ -6751,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;
@@ -6776,7 +6932,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 delete mergedAddOns[key];
               }
             });
-            _context7.prev = 5;
+            _context8.prev = 5;
             _checkoutUpdateData = {
               attributes: {
                 event_id: eventId,
@@ -6784,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) {
@@ -6912,16 +7068,16 @@ 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 _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 _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+        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) {
-                _context9.next = 8;
+                _context10.next = 8;
                 break;
               }
               holdersCount = ticketsQuantity.length;
@@ -6936,17 +7092,17 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 }
               }
               if (!hasHolderPhoneError) {
-                _context9.next = 8;
+                _context10.next = 8;
                 break;
               }
-              return _context9.abrupt("return");
+              return _context10.abrupt("return");
             case 8:
               if (!((!elementsRef.current || !stripeRef.current) && !orderIsFree)) {
-                _context9.next = 11;
+                _context10.next = 11;
                 break;
               }
               setError('Fill in the payment details');
-              return _context9.abrupt("return");
+              return _context10.abrupt("return");
             case 11:
               if (isBrowser) {
                 window.localStorage.setItem('extraData', JSON.stringify({
@@ -6961,21 +7117,21 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
               // Guest checkout: no need to register, just get profile if logged in
               userDataObj = userData;
               if (!isLoggedIn) {
-                _context9.next = 28;
+                _context10.next = 28;
                 break;
               }
-              _context9.prev = 15;
-              _context9.next = 18;
+              _context10.prev = 15;
+              _context10.next = 18;
               return getProfileData();
             case 18:
-              profileData = _context9.sent;
+              profileData = _context10.sent;
               profileSpecifiedData = _get(profileData, 'data');
               userDataObj = setLoggedUserData(profileSpecifiedData);
-              _context9.next = 26;
+              _context10.next = 26;
               break;
             case 23:
-              _context9.prev = 23;
-              _context9.t0 = _context9["catch"](15);
+              _context10.prev = 23;
+              _context10.t0 = _context10["catch"](15);
               // If profile fetch fails, use values from form
               userDataObj = {
                 email: values.email,
@@ -6984,7 +7140,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 phone: values.phone
               };
             case 26:
-              _context9.next = 29;
+              _context10.next = 29;
               break;
             case 28:
               // For guest checkout, use form values
@@ -7010,11 +7166,11 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                   checkoutBody.attributes.add_on_data_capture = JSON.parse(storedAddOnDataCapture);
                 }
               }
-              _context9.next = 35;
+              _context10.next = 35;
               return postOnCheckout(checkoutBody, flagFreeTicket);
             case 35:
-              checkoutResponse = _context9.sent;
-              _context9.next = 38;
+              checkoutResponse = _context10.sent;
+              _context10.next = 38;
               return updateCheckout({
                 attributes: {
                   event_id: eventId,
@@ -7023,12 +7179,12 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 }
               });
             case 38:
-              checkoutUpdateResponse = _context9.sent;
+              checkoutUpdateResponse = _context10.sent;
               console.log('Stripe checkoutUpdateResponse in billing-info-container', checkoutUpdateResponse);
               setCheckoutUpdateData(checkoutUpdateResponse.data.attributes);
               paymentResponse = null;
               if (!isSinglePageCheckout) {
-                _context9.next = 64;
+                _context10.next = 64;
                 break;
               }
               _checkoutResponse$dat = checkoutResponse.data.attributes, hash = _checkoutResponse$dat.hash, total = _checkoutResponse$dat.total;
@@ -7036,12 +7192,12 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 hash: hash,
                 total: total
               }));
-              _context9.next = 47;
+              _context10.next = 47;
               return getPaymentData(String(hash));
             case 47:
-              paymentDataResponse = _context9.sent;
+              paymentDataResponse = _context10.sent;
               if (!paymentDataResponse.success) {
-                _context9.next = 64;
+                _context10.next = 64;
                 break;
               }
               attributes = paymentDataResponse.data.attributes;
@@ -7072,7 +7228,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 paymentPlanAvailable: paymentPlanAvailable
               });
               // Process payment using the hook
-              _context9.next = 61;
+              _context10.next = 61;
               return processPayment(paymentDataResponse, values, formikHelpers, checkoutResponse, checkoutUpdateResponse, {
                 attributes: attributes,
                 isFreeTickets: isFreeTickets,
@@ -7080,29 +7236,29 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 eventId: eventId
               });
             case 61:
-              paymentResponse = _context9.sent;
+              paymentResponse = _context10.sent;
               if (!(!paymentResponse && !isFreeTickets)) {
-                _context9.next = 64;
+                _context10.next = 64;
                 break;
               }
-              return _context9.abrupt("return");
+              return _context10.abrupt("return");
             case 64:
               removeReferralKey();
               removeAdditionalConfigs();
               handleSubmit(values, formikHelpers, eventId, checkoutResponse, checkoutUpdateResponse, paymentResponse);
-              _context9.next = 76;
+              _context10.next = 77;
               break;
             case 69:
-              _context9.prev = 69;
-              _context9.t1 = _context9["catch"](0);
+              _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', {});
+              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(_context9.t1)) {
-                if (((_e$response = _context9.t1.response) == null ? void 0 : _e$response.status) === 401 || _get(_context9.t1, 'response.data.error') === 'invalid_token') {
+              } 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);
@@ -7118,17 +7274,19 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 if (message && !hideErrorsAlertSection && typeof message === 'string') {
                   setError(message);
                 }
-                onSubmitError(_context9.t1);
+                onSubmitError(_context10.t1);
               }
-            case 76:
-              _context9.prev = 76;
+              // Keep form values intact - don't reset
+              formikHelpers.setSubmitting(false);
+            case 77:
+              _context10.prev = 77;
               setLoading(false);
-              return _context9.finish(76);
-            case 79:
+              return _context10.finish(77);
+            case 80:
             case "end":
-              return _context9.stop();
+              return _context10.stop();
           }
-        }, _callee9, null, [[0, 69, 76, 79], [15, 23]]);
+        }, _callee10, null, [[0, 69, 77, 80], [15, 23]]);
       }));
       function onSubmit(_x3, _x4) {
         return _onSubmit.apply(this, arguments);
@@ -7150,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, {
@@ -7257,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"
@@ -7684,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;
@@ -7711,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),
@@ -8124,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',
@@ -8303,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',
@@ -8366,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',
@@ -8416,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;
@@ -9014,11 +9047,11 @@ var PreRegistration = function PreRegistration(_ref) {
   // 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');
+    var savedHash = window.localStorage.getItem("pre-registration-hash-" + eventId);
     if (savedHash) {
       setIsPreRegistrationComplete(true);
     }
-  }, [isLoggedIn]);
+  }, [isLoggedIn, eventId]);
   var themeMui = createTheme(themeOptions);
   var formFieldsLoggedIn = getFormFieldsLoggedIn(CONFIGS.CLIENT_NAME);
   var formFieldsNotLoggedIn = getFormFieldsNotLoggedIn(CONFIGS.CLIENT_NAME);
@@ -9170,7 +9203,7 @@ var PreRegistration = function PreRegistration(_ref) {
             case 13:
               confirmationData = _context2.sent;
               if (isWindowDefined$2) {
-                window.localStorage.setItem('pre-registration-hash', _get(confirmationData, 'attributes.hash'));
+                window.localStorage.setItem("pre-registration-hash-" + eventId, _get(confirmationData, 'attributes.hash'));
               }
               setIsPreRegistrationComplete(true);
               onConfirmationSuccess(confirmationData);
@@ -9266,6 +9299,160 @@ var PreRegistration = function PreRegistration(_ref) {
   }))));
 };
 
+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'));
+  })));
+};
+
 // This section is seperate because additional changes layter may be applied to Access Code
 var AccessCodeSection = function AccessCodeSection(_ref) {
   var code = _ref.code,
@@ -10258,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() {
@@ -10274,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:
@@ -10284,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') || {};
@@ -10343,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),
@@ -10376,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);
@@ -10398,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) {
@@ -10435,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) {
@@ -12270,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];
@@ -12391,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));
   }));
 };