tf-checkout-react 1.4.20 → 1.4.21

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

@@ -1,4 +1,4 @@
-import { Snackbar, Alert, Modal as Modal$1, Box, CircularProgress, TextField as TextField$1, FormControl, FormHelperText, InputLabel, createTheme as createTheme$1, Select as Select$1 } from '@mui/material';
+import { Snackbar, Alert, Modal as Modal$1, Box, CircularProgress, TextField as TextField$1, FormControl, FormHelperText, InputLabel, createTheme as createTheme$1, Button as Button$2, 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';
@@ -32,18 +32,18 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import FormGroup from '@mui/material/FormGroup';
 import MuiPhoneNumber from 'material-ui-phone-number';
 import _debounce from 'lodash-es/debounce';
-import Select from '@mui/material/Select';
-import FormControl$1 from '@mui/material/FormControl';
 import FormHelperText$1 from '@mui/material/FormHelperText';
-import FormLabel from '@mui/material/FormLabel';
-import Radio from '@mui/material/Radio';
-import RadioGroup from '@mui/material/RadioGroup';
 import ListItemText from '@mui/material/ListItemText';
 import MenuItem from '@mui/material/MenuItem';
 import OutlinedInput from '@mui/material/OutlinedInput';
+import Select from '@mui/material/Select';
 import { DatePicker } from '@mui/x-date-pickers';
 import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import FormControl$1 from '@mui/material/FormControl';
+import FormLabel from '@mui/material/FormLabel';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
 import Alert$1 from '@mui/material/Alert';
 import Container from '@mui/material/Container';
 import { useStripe, useElements, CardNumberElement, CardExpiryElement, CardCvcElement, Elements } from '@stripe/react-stripe-js';
@@ -76,7 +76,7 @@ import ReactDom from 'react-dom';
 import SeatMapView from 'tf-seat-map-view';
 import InputLabel$1 from '@mui/material/InputLabel';
 import Tooltip from '@mui/material/Tooltip';
-import { Button as Button$2 } from 'react-bootstrap';
+import { Button as Button$3 } from 'react-bootstrap';
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -677,6 +677,48 @@ var createMarkup = function createMarkup(data) {
   };
 };
 
+var replaceVarInString = function replaceVarInString(message, varArray) {
+  if (message === void 0) {
+    message = '';
+  }
+  var re = new RegExp(/\{.*?\}/g);
+  var index = 0;
+  return message.replace(re, function (_) {
+    var value = varArray[index] || '';
+    index++;
+    return value;
+  });
+};
+
+var isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
+
+var getFormInitialValues = function getFormInitialValues(fieldsSections) {
+  var initialValues = {};
+  var isWindowDefined = typeof window !== 'undefined';
+  var userData = JSON.parse(isWindowDefined ? window.localStorage.getItem('user_data') || '{}' : '{}');
+  _forEach(fieldsSections, function (item) {
+    _forEach(item.fields, function (fieldItem) {
+      switch (fieldItem.name) {
+        case 'country':
+        case 'numTickets':
+        case 'state':
+          initialValues[fieldItem.name] = '';
+          break;
+        case 'brandOptIn':
+          initialValues[fieldItem.name] = true;
+          break;
+        case 'confirmEmail':
+          initialValues[fieldItem.name] = _get(userData, fieldItem.name) || _get(userData, 'email') || '';
+          break;
+        default:
+          initialValues[fieldItem.name] = _get(userData, fieldItem.name) || '';
+          break;
+      }
+    });
+  });
+  return initialValues;
+};
+
 var setLoggedUserData = function setLoggedUserData(data) {
   return {
     id: data.id,
@@ -693,8 +735,6 @@ var setLoggedUserData = function setLoggedUserData(data) {
   };
 };
 
-var isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
-
 var isJson = function isJson(value) {
   try {
     JSON.parse(value);
@@ -704,6 +744,57 @@ var isJson = function isJson(value) {
   return true;
 };
 
+var getCustomerExistsData = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(accessHash) {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return publicRequest.get("/v1/delegation-access/" + accessHash + "/customer-exists");
+        case 2:
+          response = _context.sent;
+          return _context.abrupt("return", response.data);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getCustomerExistsData(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var getDelegationTickets = function getDelegationTickets(accessHash) {
+  var res = publicRequest.get("v1/delegation-access/" + accessHash + "/consumer-page-info");
+  return res;
+};
+var issueTicket = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(accessHash, data) {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return publicRequest.post("v1/delegation-access/" + accessHash + "/issue-ticket", {
+            data: {
+              attributes: data
+            }
+          });
+        case 2:
+          response = _context2.sent;
+          return _context2.abrupt("return", response.data);
+        case 4:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function issueTicket(_x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
 var isWindowDefined = typeof window !== 'undefined';
 var isDocumentDefined = typeof document !== 'undefined';
 if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
@@ -881,7 +972,6 @@ var postOnCheckout = function postOnCheckout(data, accessToken, freeTicket) {
     delete data.attributes.city;
     delete data.attributes.country;
     delete data.attributes.state;
-    delete data.attributes.zip;
     delete data.attributes.street_address;
   }
   var res = publicRequest.post("v1/on-checkout/", {
@@ -1408,9 +1498,9 @@ function isFalsy(item) {
   try {
     if (!item ||
     // handles most, like false, 0, null, etc
-    typeof item == 'object' && Object.keys(item).length === 0 &&
+    typeof item === 'object' && Object.keys(item).length === 0 &&
     // for empty objects, like {}, []
-    !(typeof item.addEventListener == 'function') // omit webpage elements
+    !(typeof item.addEventListener === 'function') // omit webpage elements
     ) {
       return true;
     }
@@ -1487,7 +1577,8 @@ var CustomField = function CustomField(_ref2) {
     _ref2$multiline = _ref2.multiline,
     multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
     minRows = _ref2.minRows,
-    maxRows = _ref2.maxRows;
+    maxRows = _ref2.maxRows,
+    disabled = _ref2.disabled;
   var _useState = useState(Boolean(field.value)),
     isShrinked = _useState[0],
     setIsShrinked = _useState[1];
@@ -1508,6 +1599,7 @@ var CustomField = function CustomField(_ref2) {
     }
   });
   return React.createElement(TextField, Object.assign({
+    disabled: disabled,
     placeholder: "",
     id: field.name,
     label: label,
@@ -2303,107 +2395,6 @@ var Loader = function Loader() {
   }, React.createElement(CircularProgress$1, null));
 };
 
-var NativeSelectField = function NativeSelectField(_ref) {
-  var label = _ref.label,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'text' : _ref$type,
-    field = _ref.field,
-    _ref$selectOptions = _ref.selectOptions,
-    selectOptions = _ref$selectOptions === void 0 ? [] : _ref$selectOptions,
-    _ref$form = _ref.form,
-    touched = _ref$form.touched,
-    errors = _ref$form.errors,
-    setFieldValue = _ref$form.setFieldValue,
-    theme = _ref.theme,
-    _ref$onChange = _ref.onChange,
-    _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
-  var isTouched = Boolean(_get(touched, field.name));
-  var error = _get(errors, field.name);
-  var customTheme = useTheme();
-  return React.createElement(FormControl, {
-    fullWidth: true
-  }, React.createElement(InputLabel, {
-    style: customTheme == null ? void 0 : customTheme.input,
-    htmlFor: field.name,
-    error: !!error && isTouched,
-    shrink: true
-  }, label), React.createElement(Select, Object.assign({
-    id: field.name,
-    label: label,
-    type: type,
-    fullWidth: true,
-    error: !!error && isTouched,
-    inputProps: {
-      id: field.name
-    },
-    "native": true,
-    className: theme,
-    MenuProps: {
-      className: theme
-    }
-  }, field, {
-    style: customTheme == null ? void 0 : customTheme.input,
-    onChange: function onChange(e) {
-      _onChange(e);
-      setFieldValue(field.name, e.target.value);
-    }
-  }), _map(selectOptions, function (option) {
-    return React.createElement("option", {
-      key: option.value,
-      value: option.value,
-      disabled: option.disabled
-    }, option.label);
-  })), isTouched && error ? React.createElement(FormHelperText, {
-    error: !!error && isTouched
-  }, error) : null);
-};
-
-var RadioGroupField = function RadioGroupField(_ref) {
-  var label = _ref.label,
-    field = _ref.field,
-    radios = _ref.radios,
-    disabled = _ref.disabled,
-    _ref$form = _ref.form,
-    touched = _ref$form.touched,
-    errors = _ref$form.errors,
-    setFieldValue = _ref$form.setFieldValue,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? _identity : _ref$onChange;
-  var radioId = "radio-" + field.name;
-  var error = _get(errors, field.name);
-  var isTouched = Boolean(_get(touched, field.name));
-  var handleChange = function handleChange(e) {
-    var value = e.target.value;
-    setFieldValue(field.name, value);
-    onChange(e);
-  };
-  if (!radios) return null;
-  return React.createElement(FormControl$1, {
-    disabled: disabled,
-    error: isTouched && Boolean(error)
-  }, isTouched && Boolean(error) ? React.createElement(FormHelperText$1, {
-    className: "radio-error",
-    error: true
-  }, error) : null, label && React.createElement(FormLabel, {
-    id: radioId
-  }, label), React.createElement(RadioGroup, {
-    "aria-labelledby": radioId,
-    name: field.name,
-    value: field.value,
-    onChange: handleChange
-  }, radios.map(function (radio) {
-    var id = radio.id,
-      label = radio.label,
-      value = radio.value;
-    return React.createElement(FormControlLabel, {
-      key: id,
-      label: label,
-      value: value,
-      control: React.createElement(Radio, null)
-    });
-  })));
-};
-
 function SelectField(_ref) {
   var label = _ref.label,
     isMultiple = _ref.isMultiple,
@@ -2462,7 +2453,7 @@ function SelectField(_ref) {
     sx: {
       textAlign: 'start'
     }
-  }, options.map(function (option) {
+  }, options == null ? void 0 : options.map(function (option) {
     return React.createElement(MenuItem, {
       key: option.label,
       value: option.value
@@ -2565,93 +2556,194 @@ var DatePickerField = function DatePickerField(_ref) {
   })));
 };
 
-var _excluded$1 = ["firstName", "lastName", "holderAge", "confirmEmail", "confirmPassword"];
-var getInitialValues = function getInitialValues(data, propsInitialValues, userValues) {
-  if (data === void 0) {
-    data = [];
-  }
-  if (propsInitialValues === void 0) {
-    propsInitialValues = {};
-  }
-  if (userValues === void 0) {
-    userValues = {};
-  }
-  var results = _flatMapDeep(data, function (_ref) {
-    var fields = _ref.fields;
-    return _map(fields, function (_ref2) {
-      var groupItems = _ref2.groupItems;
-      return _map(groupItems, function (_ref3) {
-        var name = _ref3.name,
-          value = _ref3.value;
-        return {
-          name: name,
-          value: value
-        };
-      });
-    });
-  });
-  var initialValues = {};
-  _forEach(results, function (groupItem) {
-    var name = groupItem.name,
-      value = groupItem.value;
-    initialValues[name] = value || propsInitialValues[name] || userValues[name] || '';
-  });
-  // set logged in user as first ticket holder
-  initialValues['holderFirstName-0'] = propsInitialValues.firstName || userValues.firstName || '';
-  initialValues['holderLastName-0'] = propsInitialValues.lastName || userValues.lastName || '';
-  initialValues['holderEmail-0'] = propsInitialValues.email || userValues.email || '';
-  return initialValues;
-};
-var createRegisterFormData = function createRegisterFormData(values, checkoutBody, flagFreeTicket) {
-  if (values === void 0) {
-    values = {};
-  }
-  if (flagFreeTicket === void 0) {
-    flagFreeTicket = false;
-  }
-  var bodyFormData = new FormData();
-  bodyFormData.append('first_name', values.firstName);
-  bodyFormData.append('last_name', values.lastName);
-  bodyFormData.append('email', values.email);
-  bodyFormData.append('password', values.password);
-  bodyFormData.append('password_confirmation', values.confirmPassword);
-  bodyFormData.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
-  bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
-  bodyFormData.append('check_cart_expiration', 'true');
-  _forEach(checkoutBody.attributes, function (item, key) {
-    if (!(flagFreeTicket && ['country', 'state', 'city', 'street_address', 'zip'].includes(key))) {
-      bodyFormData.append(key, item);
-    }
-  });
-  return bodyFormData;
-};
-var setLoggedUserData$2 = function setLoggedUserData(data) {
-  return {
-    id: data.id,
-    first_name: data.firstName,
-    last_name: data.lastName,
-    email: data.email,
-    confirmEmail: data.email,
-    city: (data == null ? void 0 : data.city) || '',
-    country: (data == null ? void 0 : data.countryId) || (data == null ? void 0 : data.country) || '',
-    phone: (data == null ? void 0 : data.phone) || '',
-    street_address: (data == null ? void 0 : data.streetAddress) || '',
-    state: (data == null ? void 0 : data.stateId) || '',
-    zip: (data == null ? void 0 : data.zip) || (data == null ? void 0 : data.zipCode) || ''
-  };
-};
-var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, values, logedInValues, includeDob) {
-  if (values === void 0) {
-    values = {};
-  }
-  if (logedInValues === void 0) {
-    logedInValues = {};
-  }
-  if (includeDob === void 0) {
-    includeDob = false;
-  }
-  var _values = values,
-    firstName = _values.firstName,
+var NativeSelectField = function NativeSelectField(_ref) {
+  var label = _ref.label,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
+    field = _ref.field,
+    _ref$selectOptions = _ref.selectOptions,
+    selectOptions = _ref$selectOptions === void 0 ? [] : _ref$selectOptions,
+    _ref$form = _ref.form,
+    touched = _ref$form.touched,
+    errors = _ref$form.errors,
+    setFieldValue = _ref$form.setFieldValue,
+    theme = _ref.theme,
+    _ref$onChange = _ref.onChange,
+    _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+  var isTouched = Boolean(_get(touched, field.name));
+  var error = _get(errors, field.name);
+  var customTheme = useTheme();
+  return React.createElement(FormControl, {
+    fullWidth: true
+  }, React.createElement(InputLabel, {
+    style: customTheme == null ? void 0 : customTheme.input,
+    htmlFor: field.name,
+    error: !!error && isTouched,
+    shrink: true
+  }, label), React.createElement(Select, Object.assign({
+    id: field.name,
+    label: label,
+    type: type,
+    fullWidth: true,
+    error: !!error && isTouched,
+    inputProps: {
+      id: field.name
+    },
+    "native": true,
+    className: theme,
+    MenuProps: {
+      className: theme
+    }
+  }, field, {
+    style: customTheme == null ? void 0 : customTheme.input,
+    onChange: function onChange(e) {
+      _onChange(e);
+      setFieldValue(field.name, e.target.value);
+    }
+  }), _map(selectOptions, function (option) {
+    return React.createElement("option", {
+      key: option.value,
+      value: option.value,
+      disabled: option.disabled
+    }, option.label);
+  })), isTouched && error ? React.createElement(FormHelperText, {
+    error: !!error && isTouched
+  }, error) : null);
+};
+
+var RadioGroupField = function RadioGroupField(_ref) {
+  var label = _ref.label,
+    field = _ref.field,
+    radios = _ref.radios,
+    disabled = _ref.disabled,
+    _ref$form = _ref.form,
+    touched = _ref$form.touched,
+    errors = _ref$form.errors,
+    setFieldValue = _ref$form.setFieldValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? _identity : _ref$onChange;
+  var radioId = "radio-" + field.name;
+  var error = _get(errors, field.name);
+  var isTouched = Boolean(_get(touched, field.name));
+  var handleChange = function handleChange(e) {
+    var value = e.target.value;
+    setFieldValue(field.name, value);
+    onChange(e);
+  };
+  if (!radios) return null;
+  return React.createElement(FormControl$1, {
+    disabled: disabled,
+    error: isTouched && Boolean(error)
+  }, isTouched && Boolean(error) ? React.createElement(FormHelperText$1, {
+    className: "radio-error",
+    error: true
+  }, error) : null, label && React.createElement(FormLabel, {
+    id: radioId
+  }, label), React.createElement(RadioGroup, {
+    "aria-labelledby": radioId,
+    name: field.name,
+    value: field.value,
+    onChange: handleChange
+  }, radios.map(function (radio) {
+    var id = radio.id,
+      label = radio.label,
+      value = radio.value;
+    return React.createElement(FormControlLabel, {
+      key: id,
+      label: label,
+      value: value,
+      control: React.createElement(Radio, null)
+    });
+  })));
+};
+
+var _excluded$1 = ["firstName", "lastName", "holderAge", "confirmEmail", "confirmPassword"];
+var getInitialValues = function getInitialValues(data, propsInitialValues, userValues) {
+  if (data === void 0) {
+    data = [];
+  }
+  if (propsInitialValues === void 0) {
+    propsInitialValues = {};
+  }
+  if (userValues === void 0) {
+    userValues = {};
+  }
+  var results = _flatMapDeep(data, function (_ref) {
+    var fields = _ref.fields;
+    return _map(fields, function (_ref2) {
+      var groupItems = _ref2.groupItems;
+      return _map(groupItems, function (_ref3) {
+        var name = _ref3.name,
+          value = _ref3.value;
+        return {
+          name: name,
+          value: value
+        };
+      });
+    });
+  });
+  var initialValues = {};
+  _forEach(results, function (groupItem) {
+    var name = groupItem.name,
+      value = groupItem.value;
+    initialValues[name] = value || propsInitialValues[name] || userValues[name] || '';
+  });
+  // set logged in user as first ticket holder
+  initialValues['holderFirstName-0'] = propsInitialValues.firstName || userValues.firstName || '';
+  initialValues['holderLastName-0'] = propsInitialValues.lastName || userValues.lastName || '';
+  initialValues['holderEmail-0'] = propsInitialValues.email || userValues.email || '';
+  return initialValues;
+};
+var createRegisterFormData = function createRegisterFormData(values, checkoutBody, flagFreeTicket) {
+  if (values === void 0) {
+    values = {};
+  }
+  if (flagFreeTicket === void 0) {
+    flagFreeTicket = false;
+  }
+  var bodyFormData = new FormData();
+  bodyFormData.append('first_name', values.firstName);
+  bodyFormData.append('last_name', values.lastName);
+  bodyFormData.append('email', values.email);
+  bodyFormData.append('password', values.password);
+  bodyFormData.append('password_confirmation', values.confirmPassword);
+  bodyFormData.append('client_id', CONFIGS.CLIENT_ID || 'e9d8f8922797b4621e562255afe90dbf');
+  bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET || 'b89c191eff22fdcf84ac9bfd88d005355a151ec2c83b26b9');
+  bodyFormData.append('check_cart_expiration', 'true');
+  _forEach(checkoutBody.attributes, function (item, key) {
+    if (!(flagFreeTicket && ['country', 'state', 'city', 'street_address'].includes(key))) {
+      bodyFormData.append(key, item);
+    }
+  });
+  return bodyFormData;
+};
+var setLoggedUserData$2 = function setLoggedUserData(data) {
+  return {
+    id: data.id,
+    first_name: data.firstName,
+    last_name: data.lastName,
+    email: data.email,
+    confirmEmail: data.email,
+    city: (data == null ? void 0 : data.city) || '',
+    country: (data == null ? void 0 : data.countryId) || (data == null ? void 0 : data.country) || '',
+    phone: (data == null ? void 0 : data.phone) || '',
+    street_address: (data == null ? void 0 : data.streetAddress) || '',
+    state: (data == null ? void 0 : data.stateId) || '',
+    zip: (data == null ? void 0 : data.zip) || (data == null ? void 0 : data.zipCode) || ''
+  };
+};
+var createCheckoutDataBody = function createCheckoutDataBody(ticketsQuantity, values, logedInValues, includeDob) {
+  if (values === void 0) {
+    values = {};
+  }
+  if (logedInValues === void 0) {
+    logedInValues = {};
+  }
+  if (includeDob === void 0) {
+    includeDob = false;
+  }
+  var _values = values,
+    firstName = _values.firstName,
     lastName = _values.lastName,
     holderAge = _values.holderAge,
     restValues = _objectWithoutPropertiesLoose(_values, _excluded$1);
@@ -8215,75 +8307,1125 @@ var AddonsContainter = function AddonsContainter(_ref) {
   }));
 };
 
-var addToCartFunc = /*#__PURE__*/function () {
-  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
-    var eventId, data, ticketQuantity, _ref$enableBillingInf, enableBillingInfoAutoCreate, isWindowDefined, result, pageConfigsDataResponse, pageConfigsData, _pageConfigsData$skip, skipBillingPage, _pageConfigsData$name, nameIsRequired, _pageConfigsData$age_, ageIsRequired, _pageConfigsData$phon, phoneIsRequired, _pageConfigsData$hide, hidePhoneField, _pageConfigsData$has_, hasAddOn, _pageConfigsData$free, freeTicket, _pageConfigsData$coll, collectOptionalWalletAddress, _pageConfigsData$coll2, collectMandatoryWalletAddress, hash, total, userData, checkoutBody, checkoutResult;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          eventId = _ref.eventId, data = _ref.data, ticketQuantity = _ref.ticketQuantity, _ref$enableBillingInf = _ref.enableBillingInfoAutoCreate, enableBillingInfoAutoCreate = _ref$enableBillingInf === void 0 ? true : _ref$enableBillingInf;
-          isWindowDefined = typeof window !== 'undefined';
-          _context.next = 4;
-          return addToCart(eventId, data);
-        case 4:
-          result = _context.sent;
-          _context.next = 7;
-          return getCheckoutPageConfigs();
-        case 7:
-          pageConfigsDataResponse = _context.sent;
-          if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-            _context.next = 28;
-            break;
-          }
-          pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
-          _pageConfigsData$skip = pageConfigsData.skip_billing_page, skipBillingPage = _pageConfigsData$skip === void 0 ? false : _pageConfigsData$skip, _pageConfigsData$name = pageConfigsData.names_required, nameIsRequired = _pageConfigsData$name === void 0 ? false : _pageConfigsData$name, _pageConfigsData$age_ = pageConfigsData.age_required, ageIsRequired = _pageConfigsData$age_ === void 0 ? false : _pageConfigsData$age_, _pageConfigsData$phon = pageConfigsData.phone_required, phoneIsRequired = _pageConfigsData$phon === void 0 ? false : _pageConfigsData$phon, _pageConfigsData$hide = pageConfigsData.hide_phone_field, hidePhoneField = _pageConfigsData$hide === void 0 ? false : _pageConfigsData$hide, _pageConfigsData$has_ = pageConfigsData.has_add_on, hasAddOn = _pageConfigsData$has_ === void 0 ? false : _pageConfigsData$has_, _pageConfigsData$free = pageConfigsData.free_ticket, freeTicket = _pageConfigsData$free === void 0 ? false : _pageConfigsData$free, _pageConfigsData$coll = pageConfigsData.collect_optional_wallet_address, collectOptionalWalletAddress = _pageConfigsData$coll === void 0 ? false : _pageConfigsData$coll, _pageConfigsData$coll2 = pageConfigsData.collect_mandatory_wallet_address, collectMandatoryWalletAddress = _pageConfigsData$coll2 === void 0 ? false : _pageConfigsData$coll2;
-          hash = '';
-          total = '';
-          isWindowDefined && window.localStorage.removeItem('add_ons');
-          if (!(skipBillingPage && !hasAddOn)) {
-            _context.next = 27;
-            break;
-          }
-          // Get user data for checkout data
-          userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
-          checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
-          if (!enableBillingInfoAutoCreate) {
-            _context.next = 23;
-            break;
-          }
-          _context.next = 20;
-          return postOnCheckout(checkoutBody, undefined, freeTicket);
-        case 20:
-          _context.t0 = _context.sent;
-          _context.next = 24;
-          break;
-        case 23:
-          _context.t0 = null;
-        case 24:
-          checkoutResult = _context.t0;
-          hash = _get(checkoutResult, 'data.data.attributes.hash') || '';
-          total = _get(checkoutResult, 'data.data.attributes.total') || '';
-        case 27:
-          return _context.abrupt("return", {
-            skip_billing_page: skipBillingPage,
-            names_required: nameIsRequired,
-            phone_required: phoneIsRequired,
-            age_required: ageIsRequired,
-            hide_phone_field: hidePhoneField,
-            free_ticket: freeTicket,
-            collect_optional_wallet_address: collectOptionalWalletAddress,
-            collect_mandatory_wallet_address: collectMandatoryWalletAddress,
-            event_id: String(eventId),
-            hash: hash,
-            total: total,
-            hasAddOn: hasAddOn
-          });
-        case 28:
-          return _context.abrupt("return", null);
-        case 29:
-        case "end":
-          return _context.stop();
-      }
+var setLoggedUserData$3 = function setLoggedUserData(data) {
+  return {
+    id: data.id,
+    first_name: data.firstName,
+    last_name: data.lastName,
+    email: data.email,
+    confirmEmail: data.email,
+    city: (data == null ? void 0 : data.city) || '',
+    country: (data == null ? void 0 : data.countryId) || (data == null ? void 0 : data.country) || '',
+    phone: (data == null ? void 0 : data.phone) || '',
+    street_address: (data == null ? void 0 : data.streetAddress) || '',
+    state: (data == null ? void 0 : data.stateId) || '',
+    zip: (data == null ? void 0 : data.zip) || (data == null ? void 0 : data.zipCode) || ''
+  };
+};
+var LoginForm = function LoginForm(_ref) {
+  var _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$onLoginSuccess = _ref.onLoginSuccess,
+    onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
+    _ref$onLoginError = _ref.onLoginError,
+    onLoginError = _ref$onLoginError === void 0 ? _identity : _ref$onLoginError,
+    _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.onForgotPasswordButtonClick,
+    onForgotPasswordButtonClick = _ref$onForgotPassword === void 0 ? _identity : _ref$onForgotPassword,
+    _ref$onSignupButtonCl = _ref.onSignupButtonClick,
+    onSignupButtonClick = _ref$onSignupButtonCl === void 0 ? _identity : _ref$onSignupButtonCl,
+    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;
+  var _useState = useState(''),
+    error = _useState[0],
+    setError = _useState[1];
+  return React.createElement("div", {
+    className: 'login-modal'
+  }, 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, _e$response, _e$response$data, _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(_get(profileResponse, 'data.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 = _get(profileResponse, 'data.data');
+              profileDataObj = setLoggedUserData$3(profileSpecifiedData);
+              if (typeof window !== 'undefined') {
+                window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
+                event = new window.CustomEvent('tf-login');
+                window.document.dispatchEvent(event);
+              }
+              onLoginSuccess(_get(authRes, 'data.data'));
+              _context.next = 27;
+              break;
+            case 24:
+              _context.prev = 24;
+              _context.t1 = _context["catch"](1);
+              if (axios.isAxiosError(_context.t1)) {
+                _error = (_context.t1 == null ? void 0 : (_e$response = _context.t1.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message) || 'Error';
+                setError(_error);
+                onLoginError(_context.t1);
+              } 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: "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", {
+      className: "login-modal-body__email"
+    }, React.createElement(Field, {
+      name: "email",
+      label: "Email",
+      type: "email",
+      component: CustomField,
+      validate: combineValidators(requiredValidator, emailValidator)
+    })), React.createElement("div", {
+      className: "login-modal-body__password"
+    }, React.createElement(Field, {
+      name: "password",
+      label: "Password",
+      type: "password",
+      component: CustomField,
+      validate: requiredValidator
+    })), React.createElement("div", {
+      className: "login-action-button"
+    }, React.createElement("button", {
+      type: "submit"
+    }, "Login")), showForgotPasswordButton && React.createElement("div", {
+      className: "forgot-password"
+    }, React.createElement("span", {
+      "aria-hidden": "true",
+      onClick: onForgotPasswordButtonClick
+    }, "Forgot password?")), showSignUpButton && React.createElement("div", {
+      className: "forgot-password"
+    }, React.createElement("span", {
+      "aria-hidden": "true",
+      onClick: onSignupButtonClick
+    }, "Sign up"))));
+  }));
+};
+
+var getValidateFunctions$1 = function getValidateFunctions(_ref) {
+  var element = _ref.element,
+    values = _ref.values;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var validationFunctions = [];
+  if (element.required) {
+    validationFunctions.push(requiredValidator);
+  }
+  if (element.onValidate) {
+    validationFunctions.push(element.onValidate);
+  }
+  if (element.name === 'confirmEmail') {
+    var isSameEmail = function isSameEmail(confirmEmail) {
+      return values.email !== confirmEmail ? 'Please confirm your email address correctly' : null;
+    };
+    validationFunctions.push(isSameEmail);
+  }
+  if (element.name === 'confirmPassword') {
+    var isSame = function isSame(confirmPassword) {
+      return values.password !== confirmPassword ? 'Password confirmation does not match' : null;
+    };
+    validationFunctions.push(isSame);
+  }
+  return combineValidators.apply(void 0, validationFunctions);
+};
+var updateFormFieldsAttributes = function updateFormFieldsAttributes(formFields, attributes) {
+  if (attributes && !_isEmpty(attributes)) {
+    var updatedFormFields = _map(formFields, function (fieldSection) {
+      var fieldSectionAttributes = attributes[fieldSection.name] || {};
+      var updatedFields = _map(fieldSection.fields, function (fieldItem) {
+        var fieldItemAttributes = attributes[fieldItem.name] || {};
+        return _extends({}, fieldItem, fieldItemAttributes);
+      });
+      return _extends({}, fieldSection, fieldSectionAttributes, {
+        fields: updatedFields
+      });
+    });
+    return updatedFormFields;
+  }
+  return formFields;
+};
+var getFieldClassNames = function getFieldClassNames(id, existingClassNames) {
+  if (isBrowser) {
+    var _elem$parentElement;
+    var elem = document && document.getElementById(id);
+    if (((elem == null ? void 0 : (_elem$parentElement = elem.parentElement) == null ? void 0 : _elem$parentElement.clientWidth) || 0) < 375) {
+      return existingClassNames + ' full-width';
+    }
+  }
+  return existingClassNames;
+};
+var insertHTML = function insertHTML(elementId, text) {
+  if (text === void 0) {
+    text = '';
+  }
+  if (isBrowser) {
+    var elem = document && document.getElementById(elementId);
+    if (!(elem != null && elem.childNodes.length)) {
+      elem == null ? void 0 : elem.insertAdjacentHTML('afterbegin', text);
+    }
+  }
+  return null;
+};
+
+var SectionContainer = function SectionContainer(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return React.createElement("div", {
+    className: className
+  }, children);
+};
+var FieldsSection = function FieldsSection(_ref2) {
+  var _ref2$formFields = _ref2.formFields,
+    formFields = _ref2$formFields === void 0 ? [] : _ref2$formFields,
+    _ref2$countries = _ref2.countries,
+    countries = _ref2$countries === void 0 ? [] : _ref2$countries,
+    _ref2$states = _ref2.states,
+    states = _ref2$states === void 0 ? [] : _ref2$states,
+    values = _ref2.values,
+    setFieldValue = _ref2.setFieldValue,
+    theme = _ref2.theme,
+    _ref2$containerClass = _ref2.containerClass,
+    containerClass = _ref2$containerClass === void 0 ? '' : _ref2$containerClass,
+    _ref2$setPhoneValidat = _ref2.setPhoneValidationIsLoading,
+    setPhoneValidationIsLoading = _ref2$setPhoneValidat === void 0 ? _identity : _ref2$setPhoneValidat,
+    _ref2$onFieldChange = _ref2.onFieldChange,
+    onFieldChange = _ref2$onFieldChange === void 0 ? _identity : _ref2$onFieldChange,
+    disableField = _ref2.disableField;
+  return React.createElement(React.Fragment, null, _map(formFields, function (item, index) {
+    var name = item.name,
+      groupLabel = item.groupLabel,
+      _item$groupLabelVars = item.groupLabelVars,
+      groupLabelVars = _item$groupLabelVars === void 0 ? [] : _item$groupLabelVars,
+      groupLabelClassName = item.groupLabelClassName,
+      _item$groupClassName = item.groupClassName,
+      groupClassName = _item$groupClassName === void 0 ? '' : _item$groupClassName,
+      fields = item.fields;
+    return React.createElement(SectionContainer, {
+      key: name,
+      className: groupClassName
+    }, React.createElement("span", {
+      id: "group_label_" + index,
+      className: groupLabelClassName
+    }, typeof groupLabel === 'string' ? insertHTML("group_label_" + index, replaceVarInString(groupLabel, groupLabelVars)) : groupLabel), React.createElement("div", {
+      className: "fields-container " + groupClassName
+    }, _map(fields, function (fieldData, fieldIndex) {
+      var name = fieldData.name,
+        label = fieldData.label,
+        _fieldData$className = fieldData.className,
+        className = _fieldData$className === void 0 ? 'full-width' : _fieldData$className,
+        type = fieldData.type,
+        component = fieldData.component,
+        _fieldData$options = fieldData.options,
+        options = _fieldData$options === void 0 ? [] : _fieldData$options,
+        required = fieldData.required;
+      var id = name + "-" + fieldIndex;
+      var classNames = containerClass + "-container__field " + className;
+      return component || React.createElement("div", {
+        key: name,
+        id: id,
+        className: getFieldClassNames(id, classNames)
+      }, React.createElement(Field, {
+        disabled: name === disableField || name === 'state' && !states.length,
+        name: name,
+        label: "" + label + (required ? '' : ' (optional)'),
+        type: type,
+        validate: name === 'state' && !states.length ? false : getValidateFunctions$1({
+          element: fieldData,
+          values: values
+        }),
+        setFieldValue: setFieldValue,
+        component: type === 'checkbox' ? CheckboxField : type === 'select' ? SelectField : type === 'phone' ? PhoneNumberField : type === 'date' ? DatePickerField : CustomField,
+        options: name === 'country' ? countries : name === 'state' ? states : options,
+        theme: theme,
+        setPhoneValidationIsLoading: type === 'phone' ? setPhoneValidationIsLoading : undefined,
+        onChange: function onChange(e) {
+          var element = e.target;
+          var value = element.value;
+          setFieldValue(name, value);
+          onFieldChange(name, value);
+        },
+        disableDropdown: fieldData.disableDropdown
+      }));
+    })));
+  }));
+};
+
+var collectStates = function collectStates(states) {
+  var mappedStates = _map(states, function (item, key) {
+    return {
+      label: item,
+      value: key
+    };
+  });
+  return mappedStates;
+};
+
+var formDefaultFields = [{
+  name: 'basic-info',
+  groupLabel: 'Create your account.',
+  groupLabelClassName: '',
+  groupClassName: '',
+  fields: [{
+    className: 'half-width',
+    name: 'firstName',
+    label: 'First Name',
+    type: 'text',
+    required: true,
+    onValidate: null
+  }, {
+    className: 'half-width',
+    name: 'lastName',
+    label: 'Last Name',
+    type: 'text',
+    required: true,
+    onValidate: null
+  }, {
+    name: 'email',
+    label: 'Email',
+    type: 'email',
+    required: true,
+    onValidate: null
+  }, {
+    name: 'confirmEmail',
+    label: 'Confirm Email',
+    type: 'email',
+    required: true,
+    onValidate: null
+  }]
+}, {
+  name: 'billing-info',
+  groupLabel: '',
+  groupLabelClassName: '',
+  groupClassName: '',
+  fields: [{
+    className: 'half-width',
+    name: 'zip',
+    label: 'Post Code/Zip',
+    type: 'text',
+    required: true,
+    onValidate: null
+  }, {
+    className: 'half-width',
+    name: 'country',
+    label: 'Country',
+    type: 'select',
+    required: true,
+    onValidate: null
+  }]
+}, {
+  name: 'password-info',
+  groupLabel: /*#__PURE__*/React.createElement("div", {
+    className: "email-info-block"
+  }, /*#__PURE__*/React.createElement("span", null, "Choose a password for your new"), /*#__PURE__*/React.createElement("b", null, " Mana Common "), /*#__PURE__*/React.createElement("span", null, "account")),
+  groupLabelClassName: '',
+  groupClassName: '',
+  fields: [{
+    className: 'half-width',
+    name: 'password',
+    label: 'Password',
+    type: 'password',
+    required: true,
+    onValidate: null
+  }, {
+    className: 'half-width',
+    name: 'confirmPassword',
+    label: 'Confirm Password',
+    type: 'password',
+    required: true,
+    onValidate: null
+  }]
+}];
+
+var RegistrationForm = function RegistrationForm(_ref) {
+  var formFields = _ref.formFields,
+    additionalFieldAttribute = _ref.additionalFieldAttribute,
+    registrationType = _ref.registrationType,
+    customerEmail = _ref.customerEmail,
+    _ref$onGetCountriesSu = _ref.onGetCountriesSuccess,
+    onGetCountriesSuccess = _ref$onGetCountriesSu === void 0 ? _identity : _ref$onGetCountriesSu,
+    _ref$onGetCountriesEr = _ref.onGetCountriesError,
+    onGetCountriesError = _ref$onGetCountriesEr === void 0 ? _identity : _ref$onGetCountriesEr,
+    _ref$onRegisterAccoun = _ref.onRegisterAccountSuccess,
+    onRegisterAccountSuccess = _ref$onRegisterAccoun === void 0 ? _identity : _ref$onRegisterAccoun,
+    _ref$onRegisterAccoun2 = _ref.onRegisterAccountError,
+    onRegisterAccountError = _ref$onRegisterAccoun2 === void 0 ? _identity : _ref$onRegisterAccoun2,
+    _ref$onGetStatesSucce = _ref.onGetStatesSuccess,
+    onGetStatesSuccess = _ref$onGetStatesSucce === void 0 ? _identity : _ref$onGetStatesSucce,
+    _ref$onGetStatesError = _ref.onGetStatesError,
+    onGetStatesError = _ref$onGetStatesError === void 0 ? _identity : _ref$onGetStatesError;
+  var _useState = useState(''),
+    errorMessage = _useState[0],
+    setErrorMessage = _useState[1];
+  var _useState2 = useState([]),
+    countries = _useState2[0],
+    setCountries = _useState2[1];
+  var _useState3 = useState([]),
+    states = _useState3[0],
+    setStates = _useState3[1];
+  var _useState4 = useState(false),
+    phoneValidationIsLoading = _useState4[0],
+    setPhoneValidationIsLoading = _useState4[1];
+  var _useState5 = useState(false),
+    showErrorModal = _useState5[0],
+    setshowErrorModal = _useState5[1];
+  var updatedFormFields = updateFormFieldsAttributes(formFields || formDefaultFields, additionalFieldAttribute);
+  // Fetch countries data
+  var fetchCountries = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var res, _e$response, _e$response$data, _errorMessage;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return getCountries();
+          case 3:
+            res = _context.sent;
+            setCountries(_map(_get(res, 'data.data'), function (item) {
+              return {
+                label: item.name,
+                value: item.id
+              };
+            }));
+            onGetCountriesSuccess(res.data);
+            _context.next = 11;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+            if (axios.isAxiosError(_context.t0)) {
+              _errorMessage = (_context.t0 == null ? void 0 : (_e$response = _context.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message) || 'Error';
+              setErrorMessage(_errorMessage);
+              onGetCountriesError(_context.t0);
+            }
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function fetchCountries() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  // Fetch states data
+  var fetchStates = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(countryId) {
+      var fetchCountryId, res, _states, mappedStates, _e$response2, _e$response2$data, _errorMessage2;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            fetchCountryId = countryId ? countryId : '1';
+            _context2.next = 4;
+            return getStates(fetchCountryId);
+          case 4:
+            res = _context2.sent;
+            _states = _get(res, 'data.data', []);
+            mappedStates = collectStates(_states);
+            setStates(mappedStates);
+            onGetStatesSuccess(res.data);
+            _context2.next = 14;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](0);
+            if (axios.isAxiosError(_context2.t0)) {
+              _errorMessage2 = (_context2.t0 == null ? void 0 : (_e$response2 = _context2.t0.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : _e$response2$data.message) || 'Error';
+              onGetStatesError(_errorMessage2);
+            }
+          case 14:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 11]]);
+    }));
+    return function fetchStates(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleRegisterAccount = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(values) {
+      var accessHash, bodyFormData, profileRes, _e$response3, _e$response3$data, _errorMessage3;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            accessHash = getQueryVariable('hash') || '';
+            _context3.prev = 1;
+            bodyFormData = new FormData();
+            bodyFormData.append('first_name', values.firstName);
+            bodyFormData.append('last_name', values.lastName);
+            bodyFormData.append('email', values.email);
+            bodyFormData.append('zip', values.zip);
+            bodyFormData.append('city', values.city);
+            bodyFormData.append('country', values.country);
+            bodyFormData.append('password', values.password);
+            bodyFormData.append('phone', values.phone || '');
+            bodyFormData.append('password_confirmation', values.confirmPassword);
+            bodyFormData.append('client_id', CONFIGS.CLIENT_ID);
+            bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET);
+            bodyFormData.append('register_for', registrationType);
+            bodyFormData.append('delegation_access_hash', accessHash);
+            _context3.next = 18;
+            return register(bodyFormData);
+          case 18:
+            _context3.next = 20;
+            return getProfileData();
+          case 20:
+            profileRes = _context3.sent;
+            window.localStorage.setItem('user_data', JSON.stringify(_get(profileRes, 'data.data')));
+            onRegisterAccountSuccess(profileRes);
+            _context3.next = 28;
+            break;
+          case 25:
+            _context3.prev = 25;
+            _context3.t0 = _context3["catch"](1);
+            if (axios.isAxiosError(_context3.t0)) {
+              console.log(_context3.t0);
+              _errorMessage3 = (_context3.t0 == null ? void 0 : (_e$response3 = _context3.t0.response) == null ? void 0 : (_e$response3$data = _e$response3.data) == null ? void 0 : _e$response3$data.message) || 'Error';
+              onRegisterAccountError(_context3.t0);
+              setshowErrorModal(true);
+              setErrorMessage(_errorMessage3);
+            } else if (_context3.t0 instanceof Error) {
+              setErrorMessage((_context3.t0 == null ? void 0 : _context3.t0.message) || 'Error');
+            }
+          case 28:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[1, 25]]);
+    }));
+    return function handleRegisterAccount(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    fetchCountries();
+    fetchStates();
+  }, []);
+  return React.createElement("div", {
+    className: "register-form-container"
+  }, React.createElement("h2", null, "Create an account"), React.createElement("div", {
+    className: "register-sub-title"
+  }, "To manage your tickets, please create an account:"), showErrorModal && React.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: errorMessage,
+    onClose: function onClose() {
+      return window.location.href = '/';
+    },
+    onConfirm: function onConfirm() {
+      return window.location.href = '/';
+    }
+  }), errorMessage && React.createElement("div", {
+    className: "register-error"
+  }, errorMessage), React.createElement(Formik, {
+    initialValues: _extends({}, getFormInitialValues(updatedFormFields), {
+      email: customerEmail
+    }),
+    enableReinitialize: true,
+    onSubmit: handleRegisterAccount
+  }, function (props) {
+    return React.createElement(Form, null, React.createElement("div", {
+      className: "register-body"
+    }, React.createElement(FieldsSection, {
+      disableField: 'email',
+      containerClass: "register",
+      formFields: updatedFormFields,
+      values: props.values,
+      setFieldValue: props.setFieldValue,
+      setPhoneValidationIsLoading: setPhoneValidationIsLoading,
+      countries: countries,
+      states: states,
+      onFieldChange: function onFieldChange(name, value) {
+        if (name === 'country') {
+          fetchStates(value);
+        }
+      }
+    })), React.createElement("div", {
+      className: "button-container"
+    }, React.createElement(Button$2, {
+      className: "register-button",
+      type: "submit",
+      disabled: props.isSubmitting || phoneValidationIsLoading
+    }, props.isSubmitting ? React.createElement(CircularProgress, {
+      size: 26
+    }) : 'Create Account')));
+  }));
+};
+
+/* eslint-disable max-len */
+var VERIFICATION_STATUSES = {
+  PENDING: 'PENDING',
+  APPROVED: 'APPROVED_VERIFIED',
+  FAILED: 'FAILED',
+  WRONG_CUSTOMER: 'WRONG_CUSTOMER'
+};
+var VERIFICATION_MESSAGES = {
+  PENDING: 'Your ID verification is currently being processed. We will notify you as soon as it is completed. Thank you for your patience.',
+  APPROVED: 'Your ID verification is approved!',
+  FAILED: 'Unfortunately your ID verification has failed. Please try again.',
+  WRONG_CUSTOMER: 'The order does not belong to the customer.'
+};
+var DELEGATION_ACCESS_ERROR = 'Delegation Access not found';
+
+var IssueTicketForm = function IssueTicketForm(_ref) {
+  var _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'delegations' : _ref$classNamePrefix,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? _identity : _ref$handleSubmit,
+    selectTicketTypeOptions = _ref.selectTicketTypeOptions,
+    initialValues = _ref.initialValues;
+  return React.createElement("div", {
+    className: classNamePrefix + "-issue-form"
+  }, React.createElement(Formik, {
+    initialValues: initialValues,
+    onSubmit: function onSubmit(values, _ref2) {
+      var resetForm = _ref2.resetForm,
+        setSubmitting = _ref2.setSubmitting;
+      delete values.confirm;
+      handleSubmit(values, {
+        resetForm: resetForm,
+        setSubmitting: setSubmitting
+      });
+    }
+  }, function (_ref3) {
+    var isValid = _ref3.isValid,
+      values = _ref3.values,
+      isSubmitting = _ref3.isSubmitting;
+    return React.createElement(Form, null, React.createElement("div", {
+      className: "body"
+    }, React.createElement("div", {
+      className: "field-item"
+    }, React.createElement("div", {
+      className: "field_label"
+    }, "Ticket Type"), React.createElement(Field, {
+      name: "ticketTypeId",
+      label: "Ticket Type",
+      component: SelectField,
+      validate: requiredValidator,
+      options: selectTicketTypeOptions
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement("div", {
+      className: "field_label"
+    }, "Name"), React.createElement(Field, {
+      name: "firstName",
+      label: "Name",
+      component: CustomField,
+      validate: requiredValidator
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement("div", {
+      className: "field_label"
+    }, "Last Name"), React.createElement(Field, {
+      name: "lastName",
+      label: "Last Name",
+      component: CustomField,
+      validate: requiredValidator
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement("div", {
+      className: "field_label"
+    }, "Email"), React.createElement(Field, {
+      name: "email",
+      label: "Email",
+      component: CustomField,
+      validate: requiredValidator
+    })), React.createElement("div", {
+      className: "field-item"
+    }, React.createElement("div", {
+      className: "field_label"
+    }, "Confirm Email"), React.createElement(Field, {
+      name: "confirmEmail",
+      label: "Confirm Email",
+      component: CustomField,
+      validate: getValidateFunctions$1({
+        element: {
+          name: 'confirmEmail',
+          label: 'Confirm Email',
+          required: true
+        },
+        values: values
+      })
+    }))), React.createElement("div", {
+      className: "field-item checkbox_item"
+    }, React.createElement(Field, {
+      name: "confirm",
+      label: "I agree to ManaCommon's privacy policy",
+      type: "checkbox",
+      validate: requiredValidator,
+      component: CheckboxField
+    })), React.createElement("div", {
+      className: "action-button"
+    }, React.createElement("button", {
+      type: "submit",
+      disabled: !isValid
+    }, isSubmitting ? React.createElement(CircularProgress, {
+      size: "22px"
+    }) : 'Issue Ticket')));
+  }));
+};
+
+var TicketsAssignedTable = function TicketsAssignedTable(_ref) {
+  var _issuePageData$ticket, _issuePageData$ticket2;
+  var _ref$tableTitle = _ref.tableTitle,
+    tableTitle = _ref$tableTitle === void 0 ? 'Tickets assigned' : _ref$tableTitle,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'delegations' : _ref$classNamePrefix,
+    issuePageData = _ref.issuePageData,
+    _ref$noTicketsAssigne = _ref.noTicketsAssignedText,
+    noTicketsAssignedText = _ref$noTicketsAssigne === void 0 ? "You haven't issued any tickets yet." : _ref$noTicketsAssigne;
+  return React.createElement("div", {
+    className: classNamePrefix + "-tables-block"
+  }, React.createElement("div", {
+    className: classNamePrefix + "-ticket-holder"
+  }, tableTitle), (_issuePageData$ticket = issuePageData.tickets) != null && _issuePageData$ticket.length ? React.createElement(TableContainer, {
+    className: "my-ticket-table"
+  }, React.createElement(Table, {
+    "aria-label": "collapsible table"
+  }, React.createElement(TableHead, null, React.createElement(TableRow, null, React.createElement(TableCell, {
+    key: 'Ticket Holder'
+  }, 'Ticket Holder'), React.createElement(TableCell, {
+    key: 'Ticket Type'
+  }, 'Ticket Type'), React.createElement(TableCell, {
+    key: 'Status'
+  }, 'Status'))), React.createElement(TableBody, null, (_issuePageData$ticket2 = issuePageData.tickets) == null ? void 0 : _issuePageData$ticket2.map(function (ticket) {
+    return React.createElement(TableRow, {
+      key: ticket.id
+    }, React.createElement(TableCell, {
+      key: ticket.id + 'type'
+    }, ticket.firstName + ' ' + ticket.lastName), React.createElement(TableCell, {
+      key: ticket.id + 'ticketType'
+    }, ticket.ticketType), React.createElement(TableCell, {
+      key: ticket.id + 'status'
+    }, ticket.status));
+  })))) : noTicketsAssignedText);
+};
+
+var TicketsAvailableTable = function TicketsAvailableTable(_ref) {
+  var _ref$tableTitle = _ref.tableTitle,
+    tableTitle = _ref$tableTitle === void 0 ? 'Tickets available' : _ref$tableTitle,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'delegations' : _ref$classNamePrefix,
+    issuePageData = _ref.issuePageData;
+  return React.createElement("div", {
+    className: classNamePrefix + "-tables-block"
+  }, React.createElement("div", {
+    className: classNamePrefix + "-ticket-holder"
+  }, tableTitle), React.createElement(TableContainer, {
+    className: "my-ticket-table"
+  }, React.createElement(Table, {
+    "aria-label": "collapsible table"
+  }, React.createElement(TableHead, null, React.createElement(TableRow, null, React.createElement(TableCell, {
+    key: 1
+  }, 'Ticket Type'), React.createElement(TableCell, {
+    key: 2
+  }, 'Total Quantity'), React.createElement(TableCell, {
+    key: 3
+  }, 'Quantity Issued'), React.createElement(TableCell, {
+    key: 4
+  }, 'Quantity Remaining'))), React.createElement(TableBody, null, _map(issuePageData.ticketTypes, function (val, key) {
+    return React.createElement(TableRow, {
+      key: key
+    }, React.createElement(TableCell, {
+      key: key + 'name'
+    }, val.optionValue), React.createElement(TableCell, {
+      key: key + 'maxQty'
+    }, val.delegationMaxQuantity), React.createElement(TableCell, {
+      key: key + 'issued'
+    }, val.delegationQuantityIssued), React.createElement(TableCell, {
+      key: key + 'remaining'
+    }, Number(val.delegationMaxQuantity) - Number(val.delegationQuantityIssued)));
+  })))));
+};
+
+var IssueComponent = function IssueComponent(_ref) {
+  var _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'delegations' : _ref$classNamePrefix,
+    _ref$headTitle = _ref.headTitle,
+    headTitle = _ref$headTitle === void 0 ? 'Manage Your Guest Tickets' : _ref$headTitle,
+    _ref$onGetIssuePageDa = _ref.onGetIssuePageDataSuccess,
+    onGetIssuePageDataSuccess = _ref$onGetIssuePageDa === void 0 ? _identity : _ref$onGetIssuePageDa,
+    _ref$onGetIssuePageDa2 = _ref.onGetIssuePageDataError,
+    onGetIssuePageDataError = _ref$onGetIssuePageDa2 === void 0 ? _identity : _ref$onGetIssuePageDa2;
+  var _useState = useState(true),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = useState(false),
+    showMaxQtyModal = _useState2[0],
+    setShowMaxQtyModal = _useState2[1];
+  var _useState3 = useState(false),
+    showSuccessModal = _useState3[0],
+    setShowSuccessModal = _useState3[1];
+  var _useState4 = useState(''),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var accessHash = getQueryVariable('hash') || '';
+  var _useState5 = useState({}),
+    issuePageData = _useState5[0],
+    setIssuePageData = _useState5[1];
+  useEffect(function () {
+    var fetchDelegationTickets = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _res$data, _res$data$data, res;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getDelegationTickets(accessHash);
+            case 3:
+              res = _context.sent;
+              setLoading(false);
+              setIssuePageData((res == null ? void 0 : (_res$data = res.data) == null ? void 0 : (_res$data$data = _res$data.data) == null ? void 0 : _res$data$data.attributes) || {});
+              onGetIssuePageDataSuccess();
+              _context.next = 13;
+              break;
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](0);
+              setLoading(false);
+              if (axios.isAxiosError(_context.t0)) {
+                onGetIssuePageDataError(_context.t0);
+              }
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 9]]);
+      }));
+      return function fetchDelegationTickets() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchDelegationTickets();
+  }, [showSuccessModal]);
+  var selectTicketTypeOptions = _map(issuePageData.ticketTypes || {}, function (val, key) {
+    return {
+      value: key,
+      label: val.optionValue
+    };
+  });
+  return React.createElement("div", {
+    className: classNamePrefix + "-container"
+  }, loading ? React.createElement(Loader, null) : React.createElement(React.Fragment, null, showMaxQtyModal && React.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: error,
+    onClose: function onClose() {
+      return error === DELEGATION_ACCESS_ERROR ? window.location.href = '/' : setShowMaxQtyModal(false);
+    },
+    onConfirm: function onConfirm() {
+      return error === DELEGATION_ACCESS_ERROR ? window.location.href = '/' : setShowMaxQtyModal(false);
+    }
+  }), showSuccessModal && React.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: "Your ticket successfully issued.",
+    onClose: function onClose() {
+      return setShowSuccessModal(false);
+    },
+    onConfirm: function onConfirm() {
+      return setShowSuccessModal(false);
+    }
+  }), React.createElement("div", {
+    className: classNamePrefix + "-head-title"
+  }, headTitle), React.createElement("div", {
+    className: classNamePrefix + "-inner-blocks"
+  }, React.createElement("div", {
+    className: classNamePrefix + "-image-block"
+  }, React.createElement("img", {
+    src: "" + CONFIGS.BASE_URL + (issuePageData == null ? void 0 : issuePageData.eventImage),
+    alt: "main_event_img",
+    title: ""
+  })), React.createElement("div", {
+    className: classNamePrefix + "-tables"
+  }, React.createElement(TicketsAvailableTable, {
+    tableTitle: "Tickets available",
+    issuePageData: issuePageData,
+    classNamePrefix: "delegations"
+  }), React.createElement(TicketsAssignedTable, {
+    tableTitle: "Tickets assigned",
+    issuePageData: issuePageData,
+    classNamePrefix: "delegations"
+  }), React.createElement("div", {
+    className: classNamePrefix + "-issue-block"
+  }, React.createElement("div", {
+    className: classNamePrefix + "-issue-title"
+  }, "Issue New Tickets"), React.createElement("div", {
+    className: classNamePrefix + "-issue-subtitle"
+  }, "Please select the type of tickets and enter recipient details:")), React.createElement(IssueTicketForm, {
+    classNamePrefix: 'delegations',
+    handleSubmit: function () {
+      var _handleSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, _ref3) {
+        var resetForm, setSubmitting, _e$response, _e$response$data, _error;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              resetForm = _ref3.resetForm, setSubmitting = _ref3.setSubmitting;
+              _context2.prev = 1;
+              _context2.next = 4;
+              return issueTicket(accessHash, values);
+            case 4:
+              setShowSuccessModal(true);
+              resetForm();
+              _context2.next = 12;
+              break;
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](1);
+              if (axios.isAxiosError(_context2.t0)) {
+                _error = (_context2.t0 == null ? void 0 : (_e$response = _context2.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message) || 'Error';
+                setError(_error);
+              } else if (_context2.t0 instanceof Error) {
+                setError((_context2.t0 == null ? void 0 : _context2.t0.message) || 'Error');
+              }
+              setShowMaxQtyModal(true);
+            case 12:
+              _context2.prev = 12;
+              setLoading(false);
+              setSubmitting(false);
+              return _context2.finish(12);
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[1, 8, 12, 16]]);
+      }));
+      function handleSubmit(_x, _x2) {
+        return _handleSubmit.apply(this, arguments);
+      }
+      return handleSubmit;
+    }(),
+    selectTicketTypeOptions: selectTicketTypeOptions,
+    initialValues: {
+      ticketTypeId: '',
+      firstName: '',
+      lastName: '',
+      email: '',
+      confirmEmail: '',
+      confirm: false
+    }
+  })))));
+};
+
+var X_TF_ECOMMERCE$1 = 'X-TF-ECOMMERCE';
+var DelegationsContainer = function DelegationsContainer(_ref) {
+  var registerFormFields = _ref.registerFormFields,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'guest-ticket-delegation' : _ref$classNamePrefix,
+    _ref$issuePageErrorTe = _ref.issuePageErrorText,
+    issuePageErrorText = _ref$issuePageErrorTe === void 0 ? 'You do not have access to manage these tickets.' : _ref$issuePageErrorTe,
+    _ref$onCustomerExists = _ref.onCustomerExistsError,
+    onCustomerExistsError = _ref$onCustomerExists === void 0 ? _identity : _ref$onCustomerExists,
+    logo = _ref.logo;
+  var _useState = useState(true),
+    loading = _useState[0],
+    setLoading = _useState[1];
+  var _useState2 = useState(Boolean(getCookieByName(X_TF_ECOMMERCE$1))),
+    isLoggedIn = _useState2[0],
+    setIsLoggedIn = _useState2[1];
+  var _useState3 = useState(false),
+    isCustomerExsists = _useState3[0],
+    setIsCustomerExsists = _useState3[1];
+  var _useState4 = useState(false),
+    issuePageError = _useState4[0],
+    setIssuePageError = _useState4[1];
+  var _useState5 = useState(''),
+    customerEmail = _useState5[0],
+    setCustomerEmail = _useState5[1];
+  var accessHash = getQueryVariable('hash') || '';
+  useCookieListener(X_TF_ECOMMERCE$1, function (value) {
+    return setIsLoggedIn(Boolean(value));
+  });
+  var onGetIssuePageDataError = function onGetIssuePageDataError() {
+    setIssuePageError(true);
+  };
+  useEffect(function () {
+    var getCustomerData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var response, _isCustomerExsists;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getCustomerExistsData(accessHash);
+            case 3:
+              response = _context.sent;
+              _isCustomerExsists = _get(response, 'data.attributes.customerExists', false);
+              setIsCustomerExsists(_isCustomerExsists);
+              setCustomerEmail(_get(response, 'data.attributes.email', ''));
+              setLoading(false);
+              _context.next = 13;
+              break;
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](0);
+              onCustomerExistsError(_context.t0);
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 10]]);
+      }));
+      return function getCustomerData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    getCustomerData();
+  }, []);
+  return React.createElement("div", {
+    className: classNamePrefix + "__container"
+  }, loading ? React.createElement(Loader, null) : issuePageError ? React.createElement("div", {
+    className: "issue_page_error"
+  }, issuePageErrorText) : isLoggedIn ? React.createElement("div", null, React.createElement(IssueComponent, {
+    classNamePrefix: classNamePrefix,
+    onGetIssuePageDataError: onGetIssuePageDataError
+  })) : isCustomerExsists ? React.createElement(LoginForm, {
+    logo: logo
+  }) : React.createElement(RegistrationForm, {
+    customerEmail: customerEmail,
+    formFields: registerFormFields,
+    registrationType: "delegation"
+  }));
+};
+
+var addToCartFunc = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var eventId, data, ticketQuantity, _ref$enableBillingInf, enableBillingInfoAutoCreate, isWindowDefined, result, pageConfigsDataResponse, pageConfigsData, _pageConfigsData$skip, skipBillingPage, _pageConfigsData$name, nameIsRequired, _pageConfigsData$age_, ageIsRequired, _pageConfigsData$phon, phoneIsRequired, _pageConfigsData$hide, hidePhoneField, _pageConfigsData$has_, hasAddOn, _pageConfigsData$free, freeTicket, _pageConfigsData$coll, collectOptionalWalletAddress, _pageConfigsData$coll2, collectMandatoryWalletAddress, hash, total, userData, checkoutBody, checkoutResult;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          eventId = _ref.eventId, data = _ref.data, ticketQuantity = _ref.ticketQuantity, _ref$enableBillingInf = _ref.enableBillingInfoAutoCreate, enableBillingInfoAutoCreate = _ref$enableBillingInf === void 0 ? true : _ref$enableBillingInf;
+          isWindowDefined = typeof window !== 'undefined';
+          _context.next = 4;
+          return addToCart(eventId, data);
+        case 4:
+          result = _context.sent;
+          _context.next = 7;
+          return getCheckoutPageConfigs();
+        case 7:
+          pageConfigsDataResponse = _context.sent;
+          if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
+            _context.next = 28;
+            break;
+          }
+          pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
+          _pageConfigsData$skip = pageConfigsData.skip_billing_page, skipBillingPage = _pageConfigsData$skip === void 0 ? false : _pageConfigsData$skip, _pageConfigsData$name = pageConfigsData.names_required, nameIsRequired = _pageConfigsData$name === void 0 ? false : _pageConfigsData$name, _pageConfigsData$age_ = pageConfigsData.age_required, ageIsRequired = _pageConfigsData$age_ === void 0 ? false : _pageConfigsData$age_, _pageConfigsData$phon = pageConfigsData.phone_required, phoneIsRequired = _pageConfigsData$phon === void 0 ? false : _pageConfigsData$phon, _pageConfigsData$hide = pageConfigsData.hide_phone_field, hidePhoneField = _pageConfigsData$hide === void 0 ? false : _pageConfigsData$hide, _pageConfigsData$has_ = pageConfigsData.has_add_on, hasAddOn = _pageConfigsData$has_ === void 0 ? false : _pageConfigsData$has_, _pageConfigsData$free = pageConfigsData.free_ticket, freeTicket = _pageConfigsData$free === void 0 ? false : _pageConfigsData$free, _pageConfigsData$coll = pageConfigsData.collect_optional_wallet_address, collectOptionalWalletAddress = _pageConfigsData$coll === void 0 ? false : _pageConfigsData$coll, _pageConfigsData$coll2 = pageConfigsData.collect_mandatory_wallet_address, collectMandatoryWalletAddress = _pageConfigsData$coll2 === void 0 ? false : _pageConfigsData$coll2;
+          hash = '';
+          total = '';
+          isWindowDefined && window.localStorage.removeItem('add_ons');
+          if (!(skipBillingPage && !hasAddOn)) {
+            _context.next = 27;
+            break;
+          }
+          // Get user data for checkout data
+          userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
+          checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
+          if (!enableBillingInfoAutoCreate) {
+            _context.next = 23;
+            break;
+          }
+          _context.next = 20;
+          return postOnCheckout(checkoutBody, undefined, freeTicket);
+        case 20:
+          _context.t0 = _context.sent;
+          _context.next = 24;
+          break;
+        case 23:
+          _context.t0 = null;
+        case 24:
+          checkoutResult = _context.t0;
+          hash = _get(checkoutResult, 'data.data.attributes.hash') || '';
+          total = _get(checkoutResult, 'data.data.attributes.total') || '';
+        case 27:
+          return _context.abrupt("return", {
+            skip_billing_page: skipBillingPage,
+            names_required: nameIsRequired,
+            phone_required: phoneIsRequired,
+            age_required: ageIsRequired,
+            hide_phone_field: hidePhoneField,
+            free_ticket: freeTicket,
+            collect_optional_wallet_address: collectOptionalWalletAddress,
+            collect_mandatory_wallet_address: collectMandatoryWalletAddress,
+            event_id: String(eventId),
+            hash: hash,
+            total: total,
+            hasAddOn: hasAddOn
+          });
+        case 28:
+          return _context.abrupt("return", null);
+        case 29:
+        case "end":
+          return _context.stop();
+      }
     }, _callee);
   }));
   return function addToCartFunc(_x) {
@@ -8551,7 +9693,7 @@ var TicketsSection$1 = function TicketsSection(props) {
         }, option.ticket_type_name);
       }
       return null;
-    })), React.createElement(Button$2, {
+    })), React.createElement(Button$3, {
       className: "ticket-delete",
       onClick: function onClick() {
         handleCancelReservation(dropdownData.seatId, dropdownData.tierId);
@@ -8653,7 +9795,7 @@ var TicketsSection$1 = function TicketsSection(props) {
       className: "ticket-description-content",
       dangerouslySetInnerHTML: createMarkup(selectedTicketData.description || '')
     })));
-  })), React.createElement("div", null, React.createElement(Button$2, {
+  })), React.createElement("div", null, React.createElement(Button$3, {
     className: "book-button\n              " + (bookButtonIsDisabled ? 'disabled' : '') + "\n              " + (isButtonScrollable ? 'is-scrollable' : '') + "\n            ",
     onClick: !bookButtonIsDisabled ? handleGetTicketClick : _identity,
     disabled: isAddingToCart
@@ -9128,20 +10270,6 @@ var SeatMapContainer = function SeatMapContainer(props) {
   }));
 };
 
-/* eslint-disable max-len */
-var VERIFICATION_STATUSES = {
-  PENDING: 'PENDING',
-  APPROVED: 'APPROVED_VERIFIED',
-  FAILED: 'FAILED',
-  WRONG_CUSTOMER: 'WRONG_CUSTOMER'
-};
-var VERIFICATION_MESSAGES = {
-  PENDING: 'Your ID verification is currently being processed. We will notify you as soon as it is completed. Thank you for your patience.',
-  APPROVED: 'Your ID verification is approved!',
-  FAILED: 'Unfortunately your ID verification has failed. Please try again.',
-  WRONG_CUSTOMER: 'The order does not belong to the customer.'
-};
-
 var IDVerification = function IDVerification(props) {
   var _props$onGetVerifyUrl = props.onGetVerifyUrlSuccess,
     onGetVerifyUrlSuccess = _props$onGetVerifyUrl === void 0 ? _identity : _props$onGetVerifyUrl,
@@ -9604,5 +10732,5 @@ var RsvpContainer = function RsvpContainer(_ref) {
   }, "RSVP"))))))));
 };
 
-export { AddonsContainter, BillingInfoContainer, ConfirmationContainer, ForgotPasswordModal, IDVerification, LoginModal, MyTicketsContainer, OrderDetailsContainer, PaymentContainer, PoweredBy, RedirectModal, ResetPasswordContainer, RsvpContainer, SeatMapContainer, TicketResaleContainer, TicketsContainer, VERIFICATION_STATUSES, createFixedFloatNormalizer, currencyNormalizerCreator, setConfigs };
+export { AddonsContainter, BillingInfoContainer, ConfirmationContainer, DelegationsContainer, ForgotPasswordModal, IDVerification, LoginModal, MyTicketsContainer, OrderDetailsContainer, PaymentContainer, PoweredBy, RedirectModal, ResetPasswordContainer, RsvpContainer, SeatMapContainer, TicketResaleContainer, TicketsContainer, VERIFICATION_STATUSES, createFixedFloatNormalizer, currencyNormalizerCreator, setConfigs, useCookieListener };
 //# sourceMappingURL=tf-checkout-react.esm.js.map