tf-checkout-react 1.7.2 → 1.7.4

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

@@ -1,4 +1,4 @@
-import { CircularProgress, Modal as Modal$1, FormControl, FormHelperText, InputLabel, Snackbar, Alert, Box as Box$1, Button as Button$1, TextField as TextField$1, Backdrop as Backdrop$1, Select as Select$1 } from '@mui/material';
+import { CircularProgress, Modal as Modal$1, FormControl, FormHelperText, InputLabel, Snackbar, Alert, Box as Box$1, Grid, Button as Button$1, TextField as TextField$1, Backdrop as Backdrop$1, Select as Select$1 } from '@mui/material';
 import Backdrop from '@mui/material/Backdrop';
 import Button from '@mui/material/Button';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
@@ -53,6 +53,9 @@ import RadioGroup from '@mui/material/RadioGroup';
 import _reverse from 'lodash-es/reverse';
 import _sortBy from 'lodash-es/sortBy';
 import { object, string, ref, boolean } from 'yup';
+import Tab from '@mui/material/Tab';
+import Tabs from '@mui/material/Tabs';
+import useMediaQuery from '@mui/material/useMediaQuery';
 import Alert$1 from '@mui/material/Alert';
 import Container from '@mui/material/Container';
 import { Elements, useStripe, useElements, PaymentElement } from '@stripe/react-stripe-js';
@@ -496,7 +499,8 @@ if (isWindowDefined && authGuestToken) {
 }
 var publicRequest = /*#__PURE__*/axios.create({
   baseURL: 'https://www.ticketfairy.com/api',
-  headers: headers
+  headers: headers,
+  withCredentials: true
 });
 publicRequest.interceptors.request.use(function (config) {
   if (getCookieByName('X-TF-ECOMMERCE')) {
@@ -1140,6 +1144,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 +2467,56 @@ 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 confirmPasswordValidator = function confirmPasswordValidator(confirmPassword, password) {
+  if (confirmPassword !== password) {
+    return 'Passwords do not match.';
+  }
+  return '';
+};
+
 var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
   return !value ? '' : getCurrencySymbolByCurrency(currency) + " " + value;
 };
@@ -2678,44 +2792,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,
@@ -4761,89 +4837,158 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
   }))));
 };
 
-var style$2 = {
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)',
-  minWidth: 480,
-  backgroundColor: '#e3e3e3',
-  border: '1px solid white',
-  outline: 'none'
+// Theme colors
+var COLORS = {
+  PRIMARY: '#212529',
+  SECONDARY: '#666',
+  BACKGROUND: '#fff',
+  BORDER: 'white',
+  INDICATOR: '#212529'
+};
+// Typography
+var TYPOGRAPHY = {
+  FONT_FAMILY: 'Inter',
+  FONT_WEIGHT: {
+    SEMIBOLD: 600,
+    BOLD: 700
+  },
+  FONT_SIZE: {
+    TAB: '16px',
+    TITLE: '18px'
+  }
+};
+// Modal dimensions
+var MODAL_DIMENSIONS = {
+  WIDTH: {
+    DESKTOP: 480,
+    MOBILE: 345
+  }
+};
+// Tab configuration
+var TAB_STYLES = {
+  BACKGROUND_COLOR: COLORS.BACKGROUND,
+  MARGIN_BOTTOM: '30px',
+  LABEL: {
+    FONT_FAMILY: TYPOGRAPHY.FONT_FAMILY,
+    FONT_WEIGHT: TYPOGRAPHY.FONT_WEIGHT.SEMIBOLD,
+    FONT_SIZE: TYPOGRAPHY.FONT_SIZE.TAB,
+    TEXT_TRANSFORM: 'none',
+    COLOR: COLORS.SECONDARY,
+    SELECTED_COLOR: COLORS.PRIMARY
+  },
+  INDICATOR: {
+    BACKGROUND_COLOR: COLORS.INDICATOR
+  }
 };
-var LoginModal = function LoginModal(_ref) {
-  var onClose = _ref.onClose,
-    onLogin = _ref.onLogin,
-    _ref$alreadyHasUser = _ref.alreadyHasUser,
-    alreadyHasUser = _ref$alreadyHasUser === void 0 ? false : _ref$alreadyHasUser,
-    _ref$userExpired = _ref.userExpired,
-    userExpired = _ref$userExpired === void 0 ? false : _ref$userExpired,
+
+var SignUpForm = function SignUpForm(_ref) {
+  var onSignUpSuccess = _ref.onSignUpSuccess,
     _ref$onGetProfileData = _ref.onGetProfileDataSuccess,
-    onGetProfileDataSuccess = _ref$onGetProfileData === void 0 ? _identity : _ref$onGetProfileData,
+    onGetProfileDataSuccess = _ref$onGetProfileData === void 0 ? function () {} : _ref$onGetProfileData,
     _ref$onGetProfileData2 = _ref.onGetProfileDataError,
-    onGetProfileDataError = _ref$onGetProfileData2 === void 0 ? _identity : _ref$onGetProfileData2,
-    _ref$onForgotPassword = _ref.onForgotPassword,
-    onForgotPassword = _ref$onForgotPassword === void 0 ? _identity : _ref$onForgotPassword,
-    _ref$onSignup = _ref.onSignup,
-    onSignup = _ref$onSignup === void 0 ? _identity : _ref$onSignup,
-    _ref$modalClassname = _ref.modalClassname,
-    modalClassname = _ref$modalClassname === void 0 ? '' : _ref$modalClassname,
-    logo = _ref.logo,
-    _ref$showForgotPasswo = _ref.showForgotPasswordButton,
-    showForgotPasswordButton = _ref$showForgotPasswo === void 0 ? false : _ref$showForgotPasswo,
-    _ref$showSignUpButton = _ref.showSignUpButton,
-    showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton,
-    _ref$showPoweredByIma = _ref.showPoweredByImage,
-    showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
+    onGetProfileDataError = _ref$onGetProfileData2 === void 0 ? function () {} : _ref$onGetProfileData2,
+    logo = _ref.logo;
   var _useState = useState(''),
     error = _useState[0],
     setError = _useState[1];
-  return React.createElement(Modal$2, {
-    open: true,
-    onClose: onClose,
-    "aria-labelledby": "modal-modal-title",
-    "aria-describedby": "modal-modal-description",
-    className: "login-modal " + modalClassname
-  }, React.createElement(Box, {
-    style: style$2
-  }, React.createElement("div", null, React.createElement(Formik, {
+  var _useState2 = useState(false),
+    isSubmitting = _useState2[0],
+    setIsSubmitting = _useState2[1];
+  var _useState3 = useState([]),
+    countries = _useState3[0],
+    setCountries = _useState3[1];
+  var _useState4 = useState([]),
+    states = _useState4[0],
+    setStates = _useState4[1];
+  var _useState5 = useState(false),
+    phoneValidationIsLoading = _useState5[0],
+    setPhoneValidationIsLoading = _useState5[1];
+  // Fetch countries on mount
+  useEffect(function () {
+    var fetchCountries = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var res, mappedCountries;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getCountries();
+            case 3:
+              res = _context.sent;
+              mappedCountries = _map(res.data, function (item) {
+                return {
+                  id: item.id,
+                  name: item.name,
+                  code: item.code
+                };
+              });
+              setCountries(mappedCountries);
+              _context.next = 11;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              console.error('Error fetching countries:', _context.t0);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 8]]);
+      }));
+      return function fetchCountries() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchCountries();
+  }, []);
+  return React.createElement(Formik, {
+    enableReinitialize: true,
     initialValues: {
+      firstName: '',
+      lastName: '',
       email: '',
-      password: ''
+      password: '',
+      passwordConfirmation: '',
+      phone: '',
+      country: '1',
+      city: '',
+      state: '',
+      streetAddress: '',
+      zip: ''
     },
     onSubmit: function () {
-      var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
-        var email, password, body, authRes, profileResponse, profileSpecifiedData, profileDataObj, event, _error;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
+        var formData, profileResponse, profileSpecifiedData, profileDataObj, event, errorData, errorMessages;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              email = _ref2.email, password = _ref2.password;
-              _context.prev = 1;
-              body = {
-                email: email,
-                password: password
-              };
-              _context.next = 5;
-              return authorize(body);
-            case 5:
-              authRes = _context.sent;
-              profileResponse = null;
-              _context.prev = 7;
-              _context.next = 10;
+              setIsSubmitting(true);
+              setError('');
+              _context2.prev = 2;
+              formData = new FormData();
+              formData.append('first_name', values.firstName);
+              formData.append('last_name', values.lastName);
+              formData.append('email', values.email);
+              formData.append('password', values.password);
+              formData.append('password_confirmation', values.passwordConfirmation);
+              formData.append('phone', values.phone);
+              formData.append('country', values.country);
+              formData.append('city', values.city);
+              formData.append('state', values.state);
+              formData.append('street_address', values.streetAddress);
+              formData.append('zip', values.zip);
+              formData.append('client_id', CONFIGS.CLIENT_ID || '');
+              formData.append('client_secret', CONFIGS.CLIENT_SECRET || '');
+              _context2.next = 19;
+              return register(formData);
+            case 19:
+              _context2.prev = 19;
+              _context2.next = 22;
               return getProfileData();
-            case 10:
-              profileResponse = _context.sent;
+            case 22:
+              profileResponse = _context2.sent;
               onGetProfileDataSuccess(profileResponse.data);
-              _context.next = 18;
-              break;
-            case 14:
-              _context.prev = 14;
-              _context.t0 = _context["catch"](7);
-              if (axios.isAxiosError(_context.t0)) {
-                onGetProfileDataError(_context.t0);
-              }
-              return _context.abrupt("return");
-            case 18:
               profileSpecifiedData = profileResponse.data;
               profileDataObj = setLoggedUserData(profileSpecifiedData);
               if (isBrowser) {
@@ -4851,23 +4996,46 @@ var LoginModal = function LoginModal(_ref) {
                 event = new window.CustomEvent('tf-login');
                 window.document.dispatchEvent(event);
               }
-              onLogin(_get(authRes, 'data.data', {}));
-              _context.next = 27;
+              onSignUpSuccess(_get(profileResponse, 'data.data', {}));
+              _context2.next = 34;
               break;
-            case 24:
-              _context.prev = 24;
-              _context.t1 = _context["catch"](1);
-              if (axios.isAxiosError(_context.t1)) {
-                _error = _get(_context.t1, 'response.data.message', 'Error');
-                setError(_error);
-              } else if (_context.t1 instanceof Error) {
-                setError((_context.t1 == null ? void 0 : _context.t1.message) || 'Error');
+            case 30:
+              _context2.prev = 30;
+              _context2.t0 = _context2["catch"](19);
+              if (_context2.t0.isAxiosError) {
+                onGetProfileDataError(_context2.t0);
               }
-            case 27:
+              setError('Registration successful but failed to fetch profile data');
+            case 34:
+              _context2.next = 40;
+              break;
+            case 36:
+              _context2.prev = 36;
+              _context2.t1 = _context2["catch"](2);
+              errorData = _get(_context2.t1, 'response.data.message', ''); // Check if error is an object with field-specific errors
+              if (typeof errorData === 'object' && errorData !== null) {
+                errorMessages = Object.entries(errorData).map(function (_ref3) {
+                  var field = _ref3[0],
+                    messages = _ref3[1];
+                  var fieldName = field.replace(/_/g, ' ').replace(/\b\w/g, function (l) {
+                    return l.toUpperCase();
+                  });
+                  var messageArray = Array.isArray(messages) ? messages : [messages];
+                  return fieldName + ": " + messageArray.join(', ');
+                }).join('\n');
+                setError(errorMessages || 'Registration failed. Please try again.');
+              } else {
+                setError(String(errorData) || 'Registration failed. Please try again.');
+              }
+            case 40:
+              _context2.prev = 40;
+              setIsSubmitting(false);
+              return _context2.finish(40);
+            case 43:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, null, [[1, 24], [7, 14]]);
+        }, _callee2, null, [[2, 36, 40, 43], [19, 30]]);
       }));
       function onSubmit(_x) {
         return _onSubmit.apply(this, arguments);
@@ -4878,22 +5046,396 @@ var LoginModal = function LoginModal(_ref) {
     return React.createElement(Form, {
       onSubmit: props.handleSubmit
     }, React.createElement("div", {
-      className: "modal-title"
-    }, "Login"), React.createElement("div", {
       className: "login-logo-container"
     }, React.createElement("img", {
       className: "login-logo-tff",
       src: logo || 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
       alt: "logo"
-    })), React.createElement("div", {
-      className: "server_auth__error"
-    }, error), alreadyHasUser && React.createElement("p", {
-      className: "info-text-for-login"
-    }, "It appears this email is already attached to an account. Please log in here to complete your registration."), userExpired && React.createElement("p", {
-      className: "info-text-for-login"
-    }, "Your session has expired, please log in again."), React.createElement("div", {
-      className: "login-modal-body"
-    }, React.createElement("div", {
+    })), error && React.createElement("div", {
+      className: "server_auth__error",
+      style: {
+        whiteSpace: 'pre-line'
+      }
+    }, error), React.createElement(Grid, {
+      container: true,
+      spacing: 2,
+      sx: {
+        padding: '15px 25px',
+        maxHeight: '60vh',
+        overflowY: 'auto'
+      }
+    }, React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "firstName",
+      label: "First Name",
+      type: "text",
+      component: CustomField,
+      theme: "light",
+      validate: requiredValidator
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "lastName",
+      label: "Last Name",
+      type: "text",
+      component: CustomField,
+      theme: "light",
+      validate: requiredValidator
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "email",
+      label: "Email",
+      type: "email",
+      component: CustomField,
+      theme: "light",
+      validate: function validate(value) {
+        var required = requiredValidator(value);
+        if (required) return required;
+        return emailValidator(value);
+      }
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "streetAddress",
+      label: "Street Address",
+      type: "text",
+      component: CustomField,
+      theme: "light",
+      validate: requiredValidator
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "zip",
+      label: "Zip / Postal Code",
+      type: "text",
+      component: CustomField,
+      theme: "light",
+      validate: requiredValidator
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "country",
+      label: "Country",
+      type: "select",
+      component: CustomField,
+      theme: "light",
+      validate: requiredValidator,
+      selectOptions: _map(countries, function (item) {
+        return {
+          value: item.id,
+          label: item.name
+        };
+      }),
+      onChange: function onChange(e) {
+        props.setFieldValue('country', e.target.value);
+        props.setFieldValue('state', '');
+        // Fetch states for selected country
+        var fetchStatesForCountry = /*#__PURE__*/function () {
+          var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+            var res, mappedStates;
+            return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  _context3.prev = 0;
+                  _context3.next = 3;
+                  return getStates(e.target.value);
+                case 3:
+                  res = _context3.sent;
+                  mappedStates = _map(res.data, function (item, key) {
+                    return {
+                      label: item,
+                      value: key
+                    };
+                  });
+                  setStates(mappedStates);
+                  _context3.next = 12;
+                  break;
+                case 8:
+                  _context3.prev = 8;
+                  _context3.t0 = _context3["catch"](0);
+                  console.error('Error fetching states:', _context3.t0);
+                  setStates([]);
+                case 12:
+                case "end":
+                  return _context3.stop();
+              }
+            }, _callee3, null, [[0, 8]]);
+          }));
+          return function fetchStatesForCountry() {
+            return _ref4.apply(this, arguments);
+          };
+        }();
+        fetchStatesForCountry();
+      }
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "state",
+      label: "State / Province",
+      type: "select",
+      component: CustomField,
+      theme: "light",
+      validate: requiredValidator,
+      selectOptions: [{
+        value: '',
+        label: 'Select State/Province',
+        disabled: true
+      }].concat(states)
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "city",
+      label: "City",
+      type: "text",
+      component: CustomField,
+      theme: "light",
+      validate: requiredValidator
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12
+    }, React.createElement(Field, {
+      name: "phone",
+      label: "Phone",
+      type: "phone",
+      component: PhoneNumberField,
+      fill: true,
+      disableDropdown: false,
+      setPhoneValidationIsLoading: setPhoneValidationIsLoading,
+      defaultCountry: "us",
+      isCountryCodeEditable: true
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "password",
+      label: "Password",
+      type: "password",
+      component: CustomField,
+      theme: "light",
+      validate: passwordValidator
+    })), React.createElement(Grid, {
+      item: true,
+      xs: 12,
+      md: 6
+    }, React.createElement(Field, {
+      name: "passwordConfirmation",
+      label: "Confirm Password",
+      type: "password",
+      component: CustomField,
+      theme: "light",
+      validate: function validate(value) {
+        return confirmPasswordValidator(value, props.values.password);
+      }
+    }))), React.createElement("div", {
+      className: "login-modal-body"
+    }, React.createElement("div", {
+      className: "login-action-button"
+    }, React.createElement("button", {
+      type: "submit",
+      disabled: isSubmitting || phoneValidationIsLoading
+    }, isSubmitting ? 'Creating Account...' : 'Create Account'))));
+  });
+};
+
+var style$2 = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: MODAL_DIMENSIONS.WIDTH.DESKTOP,
+  backgroundColor: '#e3e3e3',
+  border: "1px solid " + COLORS.BORDER,
+  outline: 'none'
+};
+var mobileStyle = /*#__PURE__*/_extends({}, style$2, {
+  width: MODAL_DIMENSIONS.WIDTH.MOBILE
+});
+var LoginModal = function LoginModal(_ref) {
+  var onClose = _ref.onClose,
+    onLogin = _ref.onLogin,
+    _ref$alreadyHasUser = _ref.alreadyHasUser,
+    alreadyHasUser = _ref$alreadyHasUser === void 0 ? false : _ref$alreadyHasUser,
+    _ref$userExpired = _ref.userExpired,
+    userExpired = _ref$userExpired === void 0 ? false : _ref$userExpired,
+    _ref$onGetProfileData = _ref.onGetProfileDataSuccess,
+    onGetProfileDataSuccess = _ref$onGetProfileData === void 0 ? _identity : _ref$onGetProfileData,
+    _ref$onGetProfileData2 = _ref.onGetProfileDataError,
+    onGetProfileDataError = _ref$onGetProfileData2 === void 0 ? _identity : _ref$onGetProfileData2,
+    _ref$onForgotPassword = _ref.onForgotPassword,
+    onForgotPassword = _ref$onForgotPassword === void 0 ? _identity : _ref$onForgotPassword,
+    _ref$onSignup = _ref.onSignup,
+    onSignup = _ref$onSignup === void 0 ? _identity : _ref$onSignup,
+    _ref$modalClassname = _ref.modalClassname,
+    modalClassname = _ref$modalClassname === void 0 ? '' : _ref$modalClassname,
+    logo = _ref.logo,
+    _ref$showForgotPasswo = _ref.showForgotPasswordButton,
+    showForgotPasswordButton = _ref$showForgotPasswo === void 0 ? false : _ref$showForgotPasswo,
+    _ref$showSignUpButton = _ref.showSignUpButton,
+    showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton,
+    _ref$showPoweredByIma = _ref.showPoweredByImage,
+    showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
+  var _useState = useState(''),
+    error = _useState[0],
+    setError = _useState[1];
+  var _useState2 = useState('login'),
+    activeTab = _useState2[0],
+    setActiveTab = _useState2[1];
+  var isMobile = useMediaQuery('(max-width:600px)');
+  // If onSignup is provided (custom callback), use old behavior
+  var useCustomSignup = onSignup !== _identity;
+  var handleTabChange = function handleTabChange(_event, newValue) {
+    setActiveTab(newValue);
+  };
+  return React.createElement(Modal$2, {
+    open: true,
+    onClose: onClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "login-modal " + modalClassname
+  }, React.createElement(Box, {
+    style: isMobile ? mobileStyle : style$2
+  }, React.createElement("div", null, showSignUpButton && !useCustomSignup && React.createElement(Tabs, {
+    value: activeTab,
+    onChange: handleTabChange,
+    variant: "fullWidth",
+    sx: {
+      backgroundColor: TAB_STYLES.BACKGROUND_COLOR,
+      marginBottom: TAB_STYLES.MARGIN_BOTTOM,
+      '& .MuiTabs-indicator': {
+        backgroundColor: TAB_STYLES.INDICATOR.BACKGROUND_COLOR
+      }
+    }
+  }, React.createElement(Tab, {
+    label: "Login",
+    value: "login",
+    sx: {
+      fontFamily: TAB_STYLES.LABEL.FONT_FAMILY,
+      fontWeight: TAB_STYLES.LABEL.FONT_WEIGHT,
+      fontSize: TAB_STYLES.LABEL.FONT_SIZE,
+      textTransform: TAB_STYLES.LABEL.TEXT_TRANSFORM,
+      color: TAB_STYLES.LABEL.COLOR,
+      '&.Mui-selected': {
+        color: TAB_STYLES.LABEL.SELECTED_COLOR
+      }
+    }
+  }), React.createElement(Tab, {
+    label: "Sign Up",
+    value: "signup",
+    sx: {
+      fontFamily: TAB_STYLES.LABEL.FONT_FAMILY,
+      fontWeight: TAB_STYLES.LABEL.FONT_WEIGHT,
+      fontSize: TAB_STYLES.LABEL.FONT_SIZE,
+      textTransform: TAB_STYLES.LABEL.TEXT_TRANSFORM,
+      color: TAB_STYLES.LABEL.COLOR,
+      '&.Mui-selected': {
+        color: TAB_STYLES.LABEL.SELECTED_COLOR
+      }
+    }
+  })), activeTab === 'login' ? React.createElement(Formik, {
+    initialValues: {
+      email: '',
+      password: ''
+    },
+    onSubmit: function () {
+      var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
+        var email, password, body, authRes, profileResponse, profileSpecifiedData, profileDataObj, event, _error;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              email = _ref2.email, password = _ref2.password;
+              _context.prev = 1;
+              body = {
+                email: email,
+                password: password
+              };
+              _context.next = 5;
+              return authorize(body);
+            case 5:
+              authRes = _context.sent;
+              profileResponse = null;
+              _context.prev = 7;
+              _context.next = 10;
+              return getProfileData();
+            case 10:
+              profileResponse = _context.sent;
+              onGetProfileDataSuccess(profileResponse.data);
+              _context.next = 18;
+              break;
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](7);
+              if (axios.isAxiosError(_context.t0)) {
+                onGetProfileDataError(_context.t0);
+              }
+              return _context.abrupt("return");
+            case 18:
+              profileSpecifiedData = profileResponse.data;
+              profileDataObj = setLoggedUserData(profileSpecifiedData);
+              if (isBrowser) {
+                window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
+                event = new window.CustomEvent('tf-login');
+                window.document.dispatchEvent(event);
+              }
+              onLogin(_get(authRes, 'data.data', {}));
+              _context.next = 27;
+              break;
+            case 24:
+              _context.prev = 24;
+              _context.t1 = _context["catch"](1);
+              if (axios.isAxiosError(_context.t1)) {
+                _error = _get(_context.t1, 'response.data.message', 'Error');
+                setError(_error);
+              } else if (_context.t1 instanceof Error) {
+                setError((_context.t1 == null ? void 0 : _context.t1.message) || 'Error');
+              }
+            case 27:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[1, 24], [7, 14]]);
+      }));
+      function onSubmit(_x) {
+        return _onSubmit.apply(this, arguments);
+      }
+      return onSubmit;
+    }()
+  }, function (props) {
+    return React.createElement(Form, {
+      onSubmit: props.handleSubmit
+    }, React.createElement("div", {
+      className: "login-logo-container"
+    }, React.createElement("img", {
+      className: "login-logo-tff",
+      src: logo || 'https://www.ticketfairy.com/resources/images/logo-ttf-black.svg',
+      alt: "logo"
+    })), React.createElement("div", {
+      className: "server_auth__error"
+    }, error), alreadyHasUser && React.createElement("p", {
+      className: "info-text-for-login"
+    }, "It appears this email is already attached to an account. Please log in here to complete your registration."), userExpired && React.createElement("p", {
+      className: "info-text-for-login"
+    }, "Your session has expired, please log in again."), React.createElement("div", {
+      className: "login-modal-body"
+    }, React.createElement("div", {
       className: "login-modal-body__email"
     }, React.createElement(Field, {
       name: "email",
@@ -4920,12 +5462,20 @@ var LoginModal = function LoginModal(_ref) {
     }, React.createElement("span", {
       "aria-hidden": "true",
       onClick: onForgotPassword
-    }, "Forgot password?")), showSignUpButton && React.createElement("div", {
+    }, "Forgot password?")), showSignUpButton && useCustomSignup && React.createElement("div", {
       className: "forgot-password"
     }, React.createElement("span", {
       "aria-hidden": "true",
-      onClick: onSignup
+      onClick: onSignup,
+      style: {
+        cursor: 'pointer'
+      }
     }, "Sign up")), showPoweredByImage ? React.createElement(PoweredBy, null) : null));
+  }) : React.createElement(SignUpForm, {
+    onSignUpSuccess: onLogin,
+    onGetProfileDataSuccess: onGetProfileDataSuccess,
+    onGetProfileDataError: onGetProfileDataError,
+    logo: logo
   }))));
 };
 
@@ -5986,6 +6536,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 +6615,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 +6933,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 +6967,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 +6986,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 +7019,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 +7065,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 +7084,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 +7131,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 +7155,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 +7175,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 +7190,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 +7382,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 +7407,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
                 delete mergedAddOns[key];
               }
             });
-            _context7.prev = 5;
+            _context8.prev = 5;
             _checkoutUpdateData = {
               attributes: {
                 event_id: eventId,
@@ -6784,51 +7415,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 +7543,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 +7567,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 +7592,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 +7615,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 +7641,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 +7654,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 +7667,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 +7703,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 +7711,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 +7749,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 +7783,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 +7895,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"
@@ -7666,7 +8321,12 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     _ref$showOrderDetails = _ref.showOrderDetailsBtn,
     showOrderDetailsBtn = _ref$showOrderDetails === void 0 ? false : _ref$showOrderDetails,
     _ref$onOrderDetailsCl = _ref.onOrderDetailsClick,
-    onOrderDetailsClick = _ref$onOrderDetailsCl === void 0 ? _identity : _ref$onOrderDetailsCl;
+    onOrderDetailsClick = _ref$onOrderDetailsCl === void 0 ? _identity : _ref$onOrderDetailsCl,
+    _ref$showProductImage = _ref.showProductImage,
+    showProductImage = _ref$showProductImage === void 0 ? true : _ref$showProductImage,
+    eventTitle = _ref.eventTitle,
+    eventDate = _ref.eventDate,
+    eventLocation = _ref.eventLocation;
   var inputRef = useRef(null);
   var _useState = useState(null),
     data = _useState[0],
@@ -7684,7 +8344,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 +8371,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),
@@ -7763,7 +8427,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     showCopyModal: showCopyModal
   }), data && React.createElement(React.Fragment, null, React.createElement("div", {
     className: "header-container"
-  }, React.createElement("div", {
+  }, showProductImage && React.createElement("div", {
     className: "header-product-image"
   }, React.createElement("img", {
     alt: "",
@@ -7773,7 +8437,15 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     className: "header-product-text"
   }, React.createElement("p", {
     className: "title"
-  }, data.is_payment_plan ? paymentPlanConfirmationTitle : confirmationTitle), React.createElement("div", {
+  }, data.is_payment_plan ? paymentPlanConfirmationTitle : confirmationTitle), (eventTitle || eventDate || eventLocation) && React.createElement("div", {
+    className: "event-details"
+  }, eventTitle && React.createElement("div", {
+    className: "event-title"
+  }, eventTitle), eventDate && React.createElement("div", {
+    className: "event-date"
+  }, eventDate), eventLocation && React.createElement("div", {
+    className: "event-location"
+  }, eventLocation)), React.createElement("div", {
     className: "share-message-section",
     dangerouslySetInnerHTML: data.custom_confirmation_page_text && data.custom_confirmation_page_text_full_replacement ? createMarkup(data.custom_confirmation_page_text) : undefined
   }, data.custom_confirmation_page_text && data.custom_confirmation_page_text_full_replacement ? undefined : React.createElement(React.Fragment, null, Boolean(data.is_payment_plan) && React.createElement(React.Fragment, null, React.createElement("span", {
@@ -8124,160 +8796,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 +8821,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 +8884,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 +8934,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 +9535,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 +9691,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);
@@ -9254,16 +9775,170 @@ var PreRegistration = function PreRegistration(_ref) {
       countries: countries,
       themeOptions: themeOptions
     })), React.createElement("div", {
-      className: "button-container"
-    }, React.createElement(Button$1, {
+      className: "button-container"
+    }, React.createElement(Button$1, {
+      type: "submit",
+      variant: "contained",
+      className: "login-register-button",
+      disabled: props.isSubmitting
+    }, props.isSubmitting ? React.createElement(CircularProgress, {
+      size: 26
+    }) : isLoggedIn ? 'Confirm Pre-Registration' : 'Create Account')));
+  }))));
+};
+
+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: "login-register-button",
-      disabled: props.isSubmitting
-    }, props.isSubmitting ? React.createElement(CircularProgress, {
-      size: 26
-    }) : isLoggedIn ? 'Confirm Pre-Registration' : 'Create Account')));
-  }))));
+      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
@@ -9725,6 +10400,168 @@ var TicketsSection = function TicketsSection(_ref) {
   }));
 };
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function decodeHTML$1(html) {
+  var textArea = document.createElement('textarea');
+  textArea.innerHTML = html;
+  return textArea.value;
+}
+var TimeSlotTicketRow = function TimeSlotTicketRow(_ref) {
+  var _availableTimeSlots$f;
+  var ticketKey = _ref.ticketKey,
+    ticket = _ref.ticket,
+    availableTimeSlots = _ref.availableTimeSlots,
+    selectedTickets = _ref.selectedTickets,
+    selectedTimeSlots = _ref.selectedTimeSlots,
+    handleTicketSelect = _ref.handleTicketSelect,
+    handleTimeSlotSelect = _ref.handleTimeSlotSelect,
+    priceSymbol = _ref.priceSymbol,
+    isSoldOut = _ref.isSoldOut;
+  var _useState = useState(false),
+    visibleDescription = _useState[0],
+    setVisibleDescription = _useState[1];
+  var currentSelectedTimeKey = selectedTimeSlots[ticketKey] || '';
+  var currentTicketInstance = (_availableTimeSlots$f = availableTimeSlots.find(function (slot) {
+    return slot.timeKey === currentSelectedTimeKey;
+  })) == null ? void 0 : _availableTimeSlots$f.ticketInstance;
+  var currentSelectedQuantity = currentTicketInstance ? selectedTickets[currentTicketInstance.id] || 0 : 0;
+  var maxCount = ticket.maxQuantity;
+  var minCount = ticket.minQuantity;
+  var multiplier = ticket.multiplier;
+  var options = getTicketSelectOptions(maxCount, minCount, multiplier);
+  var ticketPriceWithoutFees = priceSymbol + " " + (+ticket.cost).toFixed(2);
+  var ticketPriceWithFees = priceSymbol + " " + (+ticket.basePrice).toFixed(2);
+  var ticketOldPriceWithFees = priceSymbol + " " + (+ticket.oldBasePrice).toFixed(2);
+  var ticketOldPriceWithoutFees = priceSymbol + " " + (+ticket.oldCost).toFixed(2);
+  var ticketIsDiscounted = false;
+  if (ticket.oldPrice && !isSoldOut && ticket.oldPrice !== ticket.price) {
+    ticketIsDiscounted = true;
+  }
+  var ticketIsFree = +ticket.price === 0;
+  var discountTicketPriceElem = CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketOldPriceWithoutFees : ticketOldPriceWithFees;
+  var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH || !ticket.feeIncluded ? ticketPriceWithoutFees : ticketPriceWithFees;
+  var handleTimeChange = function handleTimeChange(event) {
+    var selectedTimeKey = event.target.value;
+    var selectedOption = availableTimeSlots.find(function (slot) {
+      return slot.timeKey === selectedTimeKey;
+    });
+    if (selectedOption) {
+      handleTimeSlotSelect(ticketKey, selectedOption.timeKey, selectedOption.ticketInstance);
+    }
+  };
+  var handleQuantityChange = function handleQuantityChange(event) {
+    var value = event.target.value;
+    // Only allow quantity selection if a time slot is selected
+    if (!currentSelectedTimeKey && value > 0) {
+      return;
+    }
+    if (currentTicketInstance) {
+      handleTicketSelect(ticketKey, value, currentTicketInstance);
+    }
+  };
+  var handleDescriptionToggle = function handleDescriptionToggle() {
+    setVisibleDescription(function (current) {
+      return !current;
+    });
+  };
+  return React.createElement(React.Fragment, null, React.createElement("div", {
+    className: "event-detail__tier " + (isSoldOut ? 'disabled' : ''),
+    id: ticketKey
+  }, React.createElement("div", {
+    className: "event-detail__tier-name"
+  }, ticket.displayName || ticket.name, ticket.descriptionRich && React.createElement(React.Fragment, null, React.createElement("span", {
+    "aria-hidden": true,
+    className: "info-icon",
+    onClick: handleDescriptionToggle,
+    "data-tooltip-id": "tooltip-" + ticketKey,
+    "data-tooltip-content": "View ticket info",
+    style: {
+      marginLeft: 8,
+      cursor: 'pointer',
+      display: 'flex'
+    }
+  }, React.createElement(InfoIcon, null)), React.createElement(Tooltip, {
+    id: "tooltip-" + ticketKey,
+    place: "top"
+  }, ticket.description || 'No description available'))), React.createElement("div", {
+    className: "event-tickets-container"
+  }, React.createElement("div", {
+    className: "event-detail__tier-price"
+  }, ticketIsDiscounted && React.createElement("p", {
+    className: "old-price"
+  }, discountTicketPriceElem), React.createElement("p", {
+    className: isSoldOut ? 'sold-out' : ''
+  }, ticketPriceElem), !isSoldOut && !ticketIsFree && React.createElement("p", {
+    className: "fees"
+  }, CONFIGS.FEES_STYLE === FEES_STYLES.TRADITIONAL && (ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)'), CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH && "(" + ticketPriceWithFees + " with fees)")), !isSoldOut && React.createElement("div", {
+    className: "event-detail__tier-state time-slot-selectors-container"
+  }, React.createElement(Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 2,
+      marginTop: 2
+    }
+  }, React.createElement(FormControl$1, null, React.createElement(Select, {
+    sx: {
+      borderRadius: 0,
+      minWidth: 120
+    },
+    value: currentSelectedTimeKey,
+    onChange: handleTimeChange,
+    displayEmpty: true,
+    inputProps: {
+      'aria-label': 'Select time slot'
+    },
+    MenuProps: {
+      PaperProps: {
+        className: 'get-tickets-paper'
+      }
+    }
+  }, React.createElement(MenuItem, {
+    value: "",
+    disabled: true
+  }, "Time"), availableTimeSlots.map(function (slot, index) {
+    return React.createElement(MenuItem, {
+      key: index,
+      value: slot.timeKey
+    }, moment(slot.timeKey).format('hh:mm A'));
+  }))), React.createElement(FormControl$1, null, React.createElement(Select, {
+    sx: {
+      borderRadius: 0,
+      minWidth: 60
+    },
+    value: currentSelectedQuantity,
+    onChange: handleQuantityChange,
+    displayEmpty: true,
+    disabled: !currentSelectedTimeKey,
+    inputProps: {
+      'aria-label': 'Select quantity'
+    },
+    MenuProps: {
+      PaperProps: {
+        sx: {
+          maxHeight: 150
+        },
+        className: 'get-tickets-paper'
+      }
+    }
+  }, options.map(function (option, index) {
+    return React.createElement(MenuItem, {
+      key: index,
+      value: option.value
+    }, option.value);
+  })))))), visibleDescription && ticket.descriptionRich && React.createElement("div", {
+    className: "ticket-description"
+  }, React.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: decodeHTML$1(ticket.descriptionRich)
+    }
+  }))));
+};
+
 var TimeSlotsSection = function TimeSlotsSection(_ref) {
   var event = _ref.event,
     availableDates = _ref.availableDates,
@@ -9737,42 +10574,44 @@ var TimeSlotsSection = function TimeSlotsSection(_ref) {
     sortBySoldOut = _ref.sortBySoldOut,
     hideTicketsHeader = _ref.hideTicketsHeader,
     ticketsHeaderComponent = _ref.ticketsHeaderComponent,
-    showGroupNameBlock = _ref.showGroupNameBlock,
-    currencySymbol = _ref.currencySymbol,
-    isSeatMapAllowed = _ref.isSeatMapAllowed;
+    currencySymbol = _ref.currencySymbol;
   var _useState = useState(false),
     loading = _useState[0],
     setLoading = _useState[1];
+  var _useState2 = useState({}),
+    selectedTimeSlots = _useState2[0],
+    setSelectedTimeSlots = _useState2[1];
   var handleDateChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(date) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setSelectedDate(date);
+            setSelectedTimeSlots({}); // Reset time slot selections when date changes
             if (!date) {
-              _context.next = 14;
+              _context.next = 15;
               break;
             }
             setLoading(true);
-            _context.prev = 3;
-            _context.next = 6;
+            _context.prev = 4;
+            _context.next = 7;
             return getTimeSlots(date);
-          case 6:
-            _context.next = 11;
+          case 7:
+            _context.next = 12;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](3);
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](4);
             console.error('Error fetching time slots:', _context.t0);
-          case 11:
-            _context.prev = 11;
+          case 12:
+            _context.prev = 12;
             setLoading(false);
-            return _context.finish(11);
-          case 14:
+            return _context.finish(12);
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 8, 11, 14]]);
+      }, _callee, null, [[4, 9, 12, 15]]);
     }));
     return function handleDateChange(_x) {
       return _ref2.apply(this, arguments);
@@ -9782,6 +10621,64 @@ var TimeSlotsSection = function TimeSlotsSection(_ref) {
     var formattedDate = moment(date).format('YYYY-MM-DD');
     return !availableDates.includes(formattedDate);
   };
+  // Group tickets by unique ticket type using displayName + price
+  var uniqueTickets = useMemo(function () {
+    var ticketMap = {};
+    // Iterate through all time slots
+    _map(timeSlotGroups, function (tickets, timeKey) {
+      tickets.forEach(function (ticket) {
+        // Use displayName + price as the unique identifier for ticket types
+        // This handles cases where multiple ticket types share the same optionName
+        var ticketKey = (ticket.displayName || ticket.name) + "_" + ticket.price;
+        if (!ticketMap[ticketKey]) {
+          ticketMap[ticketKey] = {
+            ticket: _extends({}, ticket),
+            availableTimeSlots: []
+          };
+        }
+        // Store both the time key and the ticket instance for this slot
+        if (!ticketMap[ticketKey].availableTimeSlots.find(function (slot) {
+          return slot.timeKey === timeKey;
+        })) {
+          ticketMap[ticketKey].availableTimeSlots.push({
+            timeKey: timeKey,
+            ticketInstance: ticket
+          });
+        }
+      });
+    });
+    // Convert to array and sort
+    var ticketsArray = Object.values(ticketMap);
+    return sortBySoldOut ? _sortBy(_sortBy(ticketsArray, function (t) {
+      return t.ticket.sortOrder;
+    }), function (t) {
+      return t.ticket.soldOut;
+    }) : _sortBy(ticketsArray, function (t) {
+      return t.ticket.sortOrder;
+    });
+  }, [timeSlotGroups, sortBySoldOut]);
+  var handleTimeSlotSelect = function handleTimeSlotSelect(ticketKey, timeKey, ticketInstance) {
+    setSelectedTimeSlots(function (prev) {
+      var _extends2;
+      return _extends({}, prev, (_extends2 = {}, _extends2[ticketKey] = timeKey, _extends2));
+    });
+    // Reset quantity when time slot changes
+    if (selectedTickets[ticketInstance.id]) {
+      handleTicketSelect(ticketInstance.id, 0);
+    }
+  };
+  var handleTicketSelectWithTimeSlot = function handleTicketSelectWithTimeSlot(ticketKey, quantity, ticketInstance) {
+    var timeSlot = selectedTimeSlots[ticketKey];
+    if (!timeSlot && quantity > 0) {
+      return; // Don't allow quantity selection without time slot
+    }
+
+    if (ticketInstance) {
+      handleTicketSelect(ticketInstance.id, quantity);
+    }
+  };
+  var symbol = _get(event, 'currency.symbol');
+  var priceSymbol = currencySymbol || symbol;
   return React.createElement(Box$1, {
     sx: {
       display: 'flex',
@@ -9813,30 +10710,25 @@ var TimeSlotsSection = function TimeSlotsSection(_ref) {
       marginTop: 2,
       width: '100%',
       display: 'flex',
-      flexDirection: 'column',
-      gap: 2
+      flexDirection: 'column'
     }
-  }, _map(Object.keys(timeSlotGroups).sort(), function (timeKey) {
-    return React.createElement("div", {
-      key: timeKey,
-      className: "time-slot-block"
-    }, React.createElement("div", {
-      className: "time-slot-date"
-    }, moment(timeKey).format('hh:mm A')), React.createElement(TicketsSection, {
-      event: event,
-      ticketsList: timeSlotGroups[timeKey],
-      tableTickets: [],
+  }, !hideTicketsHeader && ticketsHeaderComponent, uniqueTickets.map(function (_ref3) {
+    var ticket = _ref3.ticket,
+      availableTimeSlots = _ref3.availableTimeSlots;
+    var ticketKey = (ticket.displayName || ticket.name) + "_" + ticket.price;
+    var isSoldOut = ticket.sold_out || !(ticket.displayTicket || ticket.slotGroupId) || ticket.soldOut;
+    return React.createElement(TimeSlotTicketRow, {
+      key: ticketKey,
+      ticketKey: ticketKey,
+      ticket: ticket,
+      availableTimeSlots: availableTimeSlots,
       selectedTickets: selectedTickets,
-      handleTicketSelect: handleTicketSelect,
-      sortBySoldOut: sortBySoldOut,
-      ticketsHeaderComponent: ticketsHeaderComponent,
-      tableTicketsHeaderComponent: null,
-      hideTableTicketsHeader: true,
-      hideTicketsHeader: hideTicketsHeader || _isEmpty(timeSlotGroups[timeKey]),
-      showGroupNameBlock: showGroupNameBlock,
-      currencySymbol: currencySymbol,
-      isSeatMapAllowed: isSeatMapAllowed
-    }));
+      selectedTimeSlots: selectedTimeSlots,
+      handleTicketSelect: handleTicketSelectWithTimeSlot,
+      handleTimeSlotSelect: handleTimeSlotSelect,
+      priceSymbol: priceSymbol,
+      isSoldOut: isSoldOut
+    });
   })));
 };
 
@@ -10258,11 +11150,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 +11200,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 +11210,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 +11290,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 +11323,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 +11345,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 +11382,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 +13217,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 +13340,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));
   }));
 };