tf-checkout-react 1.6.6-beta.1 → 1.6.6-beta.12

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

@@ -59,7 +59,6 @@ var Container = _interopDefault(require('@mui/material/Container'));
 var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
 var reactShare = require('react-share');
-var privateTheming = require('@mui/private-theming');
 var _filter = _interopDefault(require('lodash/filter'));
 var _some = _interopDefault(require('lodash/some'));
 var moment = _interopDefault(require('moment-timezone'));
@@ -558,18 +557,6 @@ var ErrorFocusInternal = /*#__PURE__*/function (_Component) {
 }(React.Component);
 var ErrorFocus = /*#__PURE__*/formik.connect(ErrorFocusInternal);
 
-function getDomain(url, subdomain) {
-  var updatedUrl = url.replace(/(https?:\/\/)?(www.)?/i, '');
-  if (!subdomain) {
-    updatedUrl = updatedUrl.split('.');
-    updatedUrl = updatedUrl.slice(updatedUrl.length - 2).join('.');
-  }
-  if (updatedUrl.indexOf('/') !== -1) {
-    return updatedUrl.split('/')[0];
-  }
-  return updatedUrl;
-}
-
 function setCustomCookie(name, value, days) {
   if (days === void 0) {
     days = 5;
@@ -581,7 +568,7 @@ function setCustomCookie(name, value, days) {
     expires = '; expires=' + date.toUTCString();
   }
   if (typeof window !== 'undefined') {
-    var domain = getDomain(window.location.hostname);
+    var domain = window.location.hostname;
     document.cookie = name + '=' + (value || '') + expires + ("; path=/; domain=" + domain);
   }
 }
@@ -602,7 +589,7 @@ function getCookieByName(cname) {
 }
 function deleteCookieByName(name) {
   if (typeof window !== 'undefined') {
-    var domain = getDomain(window.location.hostname);
+    var domain = window.location.hostname;
     document.cookie = name + '=; Path=/' + ("; domain=" + domain) + '; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
   }
 }
@@ -877,9 +864,8 @@ publicRequest.interceptors.response.use(function (response) {
   var _error$response;
   if ((error == null ? void 0 : (_error$response = error.response) == null ? void 0 : _error$response.status) === 401) {
     if (isBrowser) {
-      var _error$response2, _error$response2$data;
       window.localStorage.removeItem('user_data');
-      var errorType = error == null ? void 0 : (_error$response2 = error.response) == null ? void 0 : (_error$response2$data = _error$response2.data) == null ? void 0 : _error$response2$data.error;
+      var errorType = _get(error, 'response.data.error');
       if (errorType === 'invalid_token') {
         window.location.href = '/';
       }
@@ -1183,7 +1169,7 @@ var getEvent = /*#__PURE__*/function () {
             referralId = params.searchParams.get('ttf_r') || '';
             referral_key = window.localStorage.getItem('referral_key');
             _split = (referral_key || '').split('.'), referralIdlocal = _split[1];
-            referralValue = referralId || referralIdlocal;
+            referralValue = referralId || (referralIdlocal != null ? referralIdlocal : '');
           }
           _context.next = 4;
           return publicRequest.get("v1/event/" + id, {
@@ -2859,15 +2845,20 @@ var compactStyles = {
     marginRight: -1
   }
 };
-var compactStyleTheme = /*#__PURE__*/styles.createTheme({
-  components: {
-    MuiPaper: {
-      defaultProps: {
-        sx: compactStyles
+var getTheme = function getTheme(isCompact, baseThemeOptions) {
+  if (isCompact) {
+    return styles.createTheme(Object.assign(baseThemeOptions != null ? baseThemeOptions : {}, {
+      components: {
+        MuiPaper: {
+          defaultProps: {
+            sx: compactStyles
+          }
+        }
       }
-    }
+    }));
   }
-});
+  return styles.createTheme(baseThemeOptions != null ? baseThemeOptions : {});
+};
 var DatePickerField = function DatePickerField(_ref) {
   var label = _ref.label,
     field = _ref.field,
@@ -2875,12 +2866,13 @@ var DatePickerField = function DatePickerField(_ref) {
     theme = _ref.theme,
     _ref$useCompact = _ref.useCompact,
     useCompact = _ref$useCompact === void 0 ? true : _ref$useCompact,
+    themeOptions = _ref.themeOptions,
     _ref$dateFormat = _ref.dateFormat,
     dateFormat = _ref$dateFormat === void 0 ? 'DD/MM/YYYY' : _ref$dateFormat,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'dd/mm/yyyy' : _ref$placeholder;
   return React__default.createElement(styles.ThemeProvider, {
-    theme: useCompact ? compactStyleTheme : {}
+    theme: getTheme(useCompact, themeOptions != null ? themeOptions : null)
   }, React__default.createElement(LocalizationProvider.LocalizationProvider, {
     dateAdapter: AdapterMoment.AdapterMoment
   }, React__default.createElement(xDatePickers.DatePicker, {
@@ -3482,6 +3474,9 @@ var AddonsContainter = function AddonsContainter(_ref) {
       size: 50
     }));
   }
+  var params = new URL("" + window.location).searchParams;
+  var addOnIsIncluded = params.get("include_add_on") === "true";
+  var isResale = params.get("resale") === 'true';
   return React__default.createElement(React__default.Fragment, null, !!cartExpirationTime && enableTimer && !samePage && React__default.createElement(TimerWidget$1, {
     expires_at: cartExpirationTime,
     onCountdownFinish: function onCountdownFinish() {
@@ -3496,7 +3491,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
     className: classNamePrefix + "_line_block"
   }, samePage ? null : React__default.createElement("p", {
     className: classNamePrefix + "_info_title"
-  }, "Get Your Tickets"), React__default.createElement("div", {
+  }, "Get Your Tickets"), (!(addons != null && addons.length) || isResale && addOnIsIncluded) && samePage ? null : React__default.createElement("div", {
     className: classNamePrefix + "_title"
   }, "UPGRADES & ADD-ONS"), samePage ? null : React__default.createElement("button", {
     type: "button",
@@ -3505,7 +3500,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
       handleClearAddons();
       handleConfirm({}, true);
     }
-  }, "Skip")), React__default.createElement("div", {
+  }, "Skip")), (!(addons != null && addons.length) || isResale && addOnIsIncluded) && samePage ? null : React__default.createElement("div", {
     className: classNamePrefix + "_subtitle"
   }, "PLEASE SELECT FROM THE OPTIONAL ADD-ONS BELOW"), React__default.createElement(formik.Formik, {
     initialValues: {},
@@ -3523,7 +3518,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
     return React__default.createElement(formik.Form, {
       autoComplete: "off",
       className: "form_holder"
-    }, React__default.createElement(React__default.Fragment, null, addons.map(function (addon) {
+    }, React__default.createElement(React__default.Fragment, null, (isResale && addOnIsIncluded ? [] : addons).map(function (addon) {
       var price = addon.feeIncluded ? addon.price : addon.cost;
       var isAddonFree = Number(price) === 0;
       var addonNormalizedPrice = isAddonFree ? 'FREE' : currencyNormalizerCreator(getNormalizedPrice(price), addon.currency);
@@ -3839,7 +3834,7 @@ var LoginModal = function LoginModal(_ref) {
     },
     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;
+        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:
@@ -3877,14 +3872,14 @@ var LoginModal = function LoginModal(_ref) {
                 event = new window.CustomEvent('tf-login');
                 window.document.dispatchEvent(event);
               }
-              onLogin(_get(authRes, 'data.data'));
+              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 = (_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';
+                _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');
@@ -4831,7 +4826,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
   React.useEffect(function () {
     var collectPaymentData = /*#__PURE__*/function () {
       var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var checkoutBody, checkoutResponse, _e$response, _e$response$data, _e$response$data$data, _e$response2, _e$response2$data;
+        var checkoutBody, checkoutResponse;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -4858,8 +4853,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               _context5.prev = 13;
               _context5.t0 = _context5["catch"](3);
               onSubmitError(_context5.t0);
-              if ((_e$response = _context5.t0.response) != null && (_e$response$data = _e$response.data) != null && (_e$response$data$data = _e$response$data.data) != null && _e$response$data$data.hasUnverifiedOrder) {
-                setPendingVerificationMessage((_e$response2 = _context5.t0.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : _e$response2$data.message);
+              if (_get(_context5.t0, 'response.data.data.hasUnverifiedOrder')) {
+                setPendingVerificationMessage(_get(_context5.t0, 'response.data.message'));
               }
             case 17:
               _context5.next = 20;
@@ -4985,7 +4980,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(values, formikHelpers) {
-        var _checkoutBody, _checkoutResponse, updatedUserData, _profileSpecifiedData, _profileDataObj, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, refreshToken, userProfile, _e$response3, _e$response3$data, _e$response3$data$dat, _e$response4, _e$response4$data, _e$response5, _e$response5$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, checkoutResponse, _e$response6, _e$response6$data, _e$response6$data$dat, _e$response7, _e$response7$data, _e$response8, _e$response9, _e$response9$data, _e$response10, event;
+        var _checkoutBody, _checkoutResponse, updatedUserData, _profileSpecifiedData, _profileDataObj, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, refreshToken, userProfile, hasUnverifiedOrder, message, profileData, profileSpecifiedData, profileDataObj, checkoutBody, checkoutResponse, _hasUnverifiedOrder, _message, _e$response, event;
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
@@ -5050,38 +5045,39 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                 refreshToken: refreshToken,
                 userProfile: userProfile
               });
-              _context6.next = 37;
+              _context6.next = 39;
               break;
             case 32:
               _context6.prev = 32;
               _context6.t0 = _context6["catch"](20);
               setLoading(false);
-              if ((_e$response3 = _context6.t0.response) != null && (_e$response3$data = _e$response3.data) != null && (_e$response3$data$dat = _e$response3$data.data) != null && _e$response3$data$dat.hasUnverifiedOrder) {
-                setPendingVerificationMessage((_e$response4 = _context6.t0.response) == null ? void 0 : (_e$response4$data = _e$response4.data) == null ? void 0 : _e$response4$data.message);
+              hasUnverifiedOrder = _get(_context6.t0, 'response.data.data.hasUnverifiedOrder');
+              message = _get(_context6.t0, 'response.data.message', {});
+              if (hasUnverifiedOrder && typeof message === 'string') {
+                setPendingVerificationMessage(message);
               } else if (axios.isAxiosError(_context6.t0)) {
-                _error = _context6.t0 == null ? void 0 : (_e$response5 = _context6.t0.response) == null ? void 0 : (_e$response5$data = _e$response5.data) == null ? void 0 : _e$response5$data.message;
-                if (_includes(_error, 'You must be aged')) {
-                  formikHelpers.setFieldError('holderAge', _error);
+                if (_includes(message, 'You must be aged') && typeof message === 'string') {
+                  formikHelpers.setFieldError('holderAge', message);
                 }
-                if (_error != null && _error.password) {
-                  formikHelpers.setFieldError('password', _error.password);
-                  formikHelpers.setFieldError('confirmPassword', _error.password);
+                if (typeof message !== 'string' && message != null && message.password) {
+                  formikHelpers.setFieldError('password', message.password);
+                  formikHelpers.setFieldError('confirmPassword', message.password);
                 }
-                if (_error != null && _error.email && !onLogin) {
+                if (typeof message !== 'string' && message != null && message.email && !onLogin) {
                   // False will stand for outside controll
                   setAlreadyHasUser(true);
                   setShowModalLogin(true);
                 }
-                if (_includes(_error, 'The cart is expired') && !hideErrorsAlertSection) {
-                  setError(_error);
+                if (_includes(error, 'The cart is expired') && !hideErrorsAlertSection) {
+                  setError(error);
                 }
                 onRegisterError(_context6.t0, values.email);
               }
               return _context6.abrupt("return");
-            case 37:
-              _context6.next = 39;
-              return getProfileData();
             case 39:
+              _context6.next = 41;
+              return getProfileData();
+            case 41:
               profileData = _context6.sent;
               profileSpecifiedData = _get(profileData, 'data');
               profileDataObj = setLoggedUserData(profileSpecifiedData);
@@ -5092,22 +5088,24 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
               if (isBrowser) {
                 addAddOnsInAttributes(checkoutBody);
               }
-              _context6.next = 47;
+              _context6.next = 49;
               return postOnCheckout(checkoutBody, flagFreeTicket);
-            case 47:
+            case 49:
               checkoutResponse = _context6.sent;
               removeReferralKey();
               handleSubmit(values, formikHelpers, eventId, checkoutResponse);
-              _context6.next = 56;
+              _context6.next = 60;
               break;
-            case 52:
-              _context6.prev = 52;
+            case 54:
+              _context6.prev = 54;
               _context6.t1 = _context6["catch"](0);
               setLoading(false);
-              if ((_e$response6 = _context6.t1.response) != null && (_e$response6$data = _e$response6.data) != null && (_e$response6$data$dat = _e$response6$data.data) != null && _e$response6$data$dat.hasUnverifiedOrder) {
-                setPendingVerificationMessage((_e$response7 = _context6.t1.response) == null ? void 0 : (_e$response7$data = _e$response7.data) == null ? void 0 : _e$response7$data.message);
+              _hasUnverifiedOrder = _get(_context6.t1, 'response.data.data.hasUnverifiedOrder');
+              _message = _get(_context6.t1, 'response.data.message', {});
+              if (_hasUnverifiedOrder && typeof _message === "string") {
+                setPendingVerificationMessage(_message);
               } else if (axios.isAxiosError(_context6.t1)) {
-                if (((_e$response8 = _context6.t1.response) == null ? void 0 : _e$response8.status) === 401 || ((_e$response9 = _context6.t1.response) == null ? void 0 : (_e$response9$data = _e$response9.data) == null ? void 0 : _e$response9$data.error) === 'invalid_token') {
+                if (((_e$response = _context6.t1.response) == null ? void 0 : _e$response.status) === 401 || _get(_context6.t1, 'response.data.error') === 'invalid_token') {
                   if (isBrowser) {
                     window.localStorage.removeItem('user_data');
                     setUserExpired(true);
@@ -5120,20 +5118,20 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
                     window.document.dispatchEvent(event);
                   }
                 }
-                if ((_e$response10 = _context6.t1.response) != null && _e$response10.data.message && !hideErrorsAlertSection) {
-                  setError(_get(_context6.t1, 'response.data.message'));
+                if (_message && !hideErrorsAlertSection && typeof _message === "string") {
+                  setError(_message);
                 }
                 onSubmitError(_context6.t1);
               }
-            case 56:
-              _context6.prev = 56;
+            case 60:
+              _context6.prev = 60;
               setLoading(false);
-              return _context6.finish(56);
-            case 59:
+              return _context6.finish(60);
+            case 63:
             case "end":
               return _context6.stop();
           }
-        }, _callee6, null, [[0, 52, 56, 59], [20, 32]]);
+        }, _callee6, null, [[0, 54, 60, 63], [20, 32]]);
       }));
       function onSubmit(_x, _x2) {
         return _onSubmit.apply(this, arguments);
@@ -6149,6 +6147,9 @@ var PaymentContainer = function PaymentContainer(_ref) {
   }, {
     label: '',
     id: 'tableTypes'
+  }, {
+    label: 'Add-ons',
+    id: 'add_ons'
   }, {
     label: 'Total (incl. fees, card processing and taxes)',
     id: 'total',
@@ -6756,7 +6757,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
     "aria-hidden": true,
     className: "share-by-link-copy-icon",
     onClick: function onClick() {
-      navigator.clipboard.writeText(_get(inputRef, 'current.value'));
+      navigator.clipboard.writeText(_get(inputRef, 'current.value') || "");
       setShowCopyModal(true);
       onLinkCopied();
     }
@@ -7291,6 +7292,34 @@ var ReferralLogic = function ReferralLogic(props) {
   return null;
 };
 
+var InfoIcon = function InfoIcon() {
+  return React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "17",
+    height: "17",
+    viewBox: "0 0 17 17",
+    fill: "none"
+  }, React__default.createElement("circle", {
+    cx: "8.5",
+    cy: "8.5",
+    r: "8",
+    stroke: "black",
+    strokeWidth: "1"
+  }), React__default.createElement("rect", {
+    x: "7.5",
+    y: "4",
+    width: "2",
+    height: "2",
+    fill: "black"
+  }), React__default.createElement("rect", {
+    x: "7.5",
+    y: "7",
+    width: "2",
+    height: "5",
+    fill: "black"
+  }));
+};
+
 var getTicketSelectOptions = function getTicketSelectOptions(maxCount, minCount, multiplier) {
   if (maxCount === void 0) {
     maxCount = 10;
@@ -7404,11 +7433,13 @@ var TicketRow = function TicketRow(_ref) {
   return React__default.createElement(React__default.Fragment, null, returnValue, " ");
 };
 
+function decodeHTML(html) {
+  var textArea = document.createElement("textarea");
+  textArea.innerHTML = html;
+  return textArea.value;
+}
 var TicketsSection = function TicketsSection(_ref) {
-  var _ref$event = _ref.event,
-    event = _ref$event === void 0 ? {
-      currency: {}
-    } : _ref$event,
+  var event = _ref.event,
     ticketsList = _ref.ticketsList,
     selectedTickets = _ref.selectedTickets,
     handleTicketSelect = _ref.handleTicketSelect,
@@ -7420,13 +7451,23 @@ var TicketsSection = function TicketsSection(_ref) {
     showGroupNameBlock = _ref.showGroupNameBlock,
     currencySybmol = _ref.currencySybmol,
     isSeatMapAllowed = _ref.isSeatMapAllowed,
-    tableTickets = _ref.tableTickets;
-  var symbol = event.currency.symbol;
+    tableTickets = _ref.tableTickets,
+    _ref$descriptionTrigg = _ref.descriptionTrigger,
+    descriptionTrigger = _ref$descriptionTrigg === void 0 ? 'click' : _ref$descriptionTrigg;
+  var symbol = _get(event, 'currency.symbol');
   var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
   var showGroup = !!sortedTicketsList.find(function (ticket) {
     return ticket.groupName;
   });
-  var priceSymbol = currencySybmol ? currencySybmol : symbol;
+  var priceSymbol = currencySybmol || symbol;
+  var _useState = React.useState(null),
+    visibleDescription = _useState[0],
+    setVisibleDescription = _useState[1];
+  var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
+    setVisibleDescription(function (current) {
+      return current === ticketId ? null : ticketId;
+    });
+  };
   return React__default.createElement(React__default.Fragment, null, !hideTicketsHeader && ticketsHeaderComponent, sortedTicketsList.map(function (ticket, i, arr) {
     var _arr;
     var ticketPrice = priceSymbol + " " + (+ticket.price).toFixed(2);
@@ -7451,7 +7492,30 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
     }, React__default.createElement("div", {
       className: "event-detail__tier-name"
-    }, ticket.displayName || ticket.name), React__default.createElement("div", {
+    }, ticket.displayName || ticket.name, ticket.descriptionRich && React__default.createElement("span", {
+      "aria-hidden": true,
+      className: "info-icon",
+      onClick: descriptionTrigger === 'click' ? function () {
+        return handleDescriptionToggle(ticket.id);
+      } : undefined,
+      onMouseEnter: descriptionTrigger === 'hover' ? function () {
+        return setVisibleDescription(ticket.id);
+      } : undefined,
+      onMouseLeave: descriptionTrigger === 'hover' ? function () {
+        return setVisibleDescription(null);
+      } : undefined,
+      style: {
+        marginLeft: 8,
+        cursor: 'pointer',
+        display: "flex"
+      }
+    }, React__default.createElement(InfoIcon, null))), visibleDescription === ticket.id && React__default.createElement("div", {
+      className: "ticket-description"
+    }, React__default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: decodeHTML(ticket.descriptionRich)
+      }
+    })), React__default.createElement("div", {
       className: "event-tickets-container"
     }, React__default.createElement("div", {
       className: "event-detail__tier-price"
@@ -7497,7 +7561,30 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
     }, React__default.createElement("div", {
       className: "event-detail__tier-name"
-    }, ticket.displayName || ticket.name), React__default.createElement("div", {
+    }, ticket.displayName || ticket.name, ticket.descriptionRich && React__default.createElement("span", {
+      "aria-hidden": true,
+      className: "info-icon",
+      onClick: descriptionTrigger === 'click' ? function () {
+        return handleDescriptionToggle(ticket.id);
+      } : undefined,
+      onMouseEnter: descriptionTrigger === 'hover' ? function () {
+        return setVisibleDescription(ticket.id);
+      } : undefined,
+      onMouseLeave: descriptionTrigger === 'hover' ? function () {
+        return setVisibleDescription(null);
+      } : undefined,
+      style: {
+        marginLeft: 8,
+        cursor: 'pointer',
+        display: "flex"
+      }
+    }, React__default.createElement(InfoIcon, null))), visibleDescription === ticket.id && React__default.createElement("div", {
+      className: "ticket-description"
+    }, React__default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: decodeHTML(ticket.descriptionRich)
+      }
+    })), React__default.createElement("div", {
       className: "event-tickets-container"
     }, React__default.createElement("div", {
       className: "event-detail__tier-price"
@@ -7798,7 +7885,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
             _context4.t0 = _context4["catch"](0);
             if (axios.isAxiosError(_context4.t0)) {
               onGetTicketsError(_context4.t0);
-              setError(_get(_context4.t0, 'response.data.message'));
+              setError(_get(_context4.t0, 'response.data.message', ''));
             }
           case 16:
             _context4.prev = 16;
@@ -7836,7 +7923,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
             _context5.prev = 7;
             _context5.t0 = _context5["catch"](0);
             if (axios.isAxiosError(_context5.t0)) {
-              setError(_get(_context5.t0, 'response.data.message'));
+              setError(_get(_context5.t0, 'response.data.message', ''));
             }
           case 10:
           case "end":
@@ -7887,7 +7974,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
           case 0:
             setHandleBookIsLoading(true);
             ticket = _find(tickets, function (item) {
-              return selectedTickets[item.id] > 0;
+              return Number(selectedTickets[item.id]) > 0;
             }) || {};
             optionName = _get(ticket, 'optionName');
             ticketId = _get(ticket, 'id');
@@ -8039,7 +8126,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   });
   var eventHasTickets = !_isEmpty(tickets);
   var isSalesClosed = event == null ? void 0 : event.salesEnded;
-  var themeMui = material.createTheme(themeOptions);
+  var themeMui = styles.createTheme(themeOptions);
   React.useEffect(function () {
     window.document.addEventListener('custom-login', handleExternalLogin);
     window.document.addEventListener('custom-logout', handleLogout);
@@ -8106,7 +8193,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       ordinarTickets[key] = ticket;
     }
   });
-  return React__default.createElement(privateTheming.ThemeProvider, {
+  return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
   }, !isLoading && React__default.createElement(ReferralLogic, {
     eventId: eventId
@@ -8409,7 +8496,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
   }, [isLogged]);
   var fetchData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(page, limit, eventSlug) {
-      var response, _data, _error$response;
+      var response, _data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -8429,7 +8516,7 @@ var MyTicketsContainer = function MyTicketsContainer(_ref) {
             _context.prev = 11;
             _context.t0 = _context["catch"](0);
             if (axios.isAxiosError(_context.t0)) {
-              if (((_error$response = _context.t0.response) == null ? void 0 : _error$response.data.error) === 'invalid_token') {
+              if (_get(_context.t0, 'response.data.error') === 'invalid_token') {
                 if (isWindowDefined) {
                   window.localStorage.removeItem('user_data');
                   setUserExpired(true);
@@ -9093,7 +9180,8 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     _ref$itemsTitle = _ref.itemsTitle,
     itemsTitle = _ref$itemsTitle === void 0 ? '' : _ref$itemsTitle,
     _ref$ticketsTitle = _ref.ticketsTitle,
-    ticketsTitle = _ref$ticketsTitle === void 0 ? 'Your Tickets' : _ref$ticketsTitle;
+    ticketsTitle = _ref$ticketsTitle === void 0 ? 'Your Tickets' : _ref$ticketsTitle,
+    themeOptions = _ref.themeOptions;
   var _useState = React.useState({}),
     data = _useState[0],
     setData = _useState[1];
@@ -9406,7 +9494,10 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
       return _ref6.apply(this, arguments);
     };
   }();
-  return React__default.createElement("div", {
+  var theme = styles.createTheme(themeOptions != null ? themeOptions : {});
+  return React__default.createElement(styles.ThemeProvider, {
+    theme: theme
+  }, React__default.createElement("div", {
     className: "order-details"
   }, React__default.createElement("div", {
     className: "layout-block"
@@ -9545,7 +9636,7 @@ var OrderDetailsContainer = function OrderDetailsContainer(_ref) {
     onClose: onCloseRemoveResale,
     onConfirm: onConfirmRemoveResale,
     loading: removeFromResaleLoading
-  }));
+  })));
 };
 
 var Schema$1 = /*#__PURE__*/Yup.object().shape({
@@ -9809,7 +9900,7 @@ var LoginForm = function LoginForm(_ref) {
     },
     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;
+        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:
@@ -9854,7 +9945,7 @@ var LoginForm = function LoginForm(_ref) {
               _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';
+                _error = _get(_context.t1, 'response.data.message') || 'Error';
                 setError(_error);
                 onLoginError(_context.t1);
               } else if (_context.t1 instanceof Error) {
@@ -10137,7 +10228,7 @@ var formDefaultFields = [{
   name: 'password-info',
   groupLabel: /*#__PURE__*/React__default.createElement("div", {
     className: "email-info-block"
-  }, /*#__PURE__*/React__default.createElement("span", null, "Choose a password for your new"), /*#__PURE__*/React__default.createElement("b", null, " Mana Common "), /*#__PURE__*/React__default.createElement("span", null, "account")),
+  }, /*#__PURE__*/React__default.createElement("span", null, "Choose a password for your new"), /*#__PURE__*/React__default.createElement("b", null, " ", CONFIGS.CLIENT_NAME || 'Mana Common', " "), /*#__PURE__*/React__default.createElement("span", null, "account")),
   groupLabelClassName: '',
   groupClassName: '',
   fields: [{
@@ -10193,7 +10284,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
   // Fetch countries data
   var fetchCountries = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var res, _e$response, _e$response$data, _errorMessage;
+      var res, _errorMessage;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -10215,7 +10306,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
             _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';
+              _errorMessage = _get(_context.t0, 'response.data.message') || 'Error';
               setErrorMessage(_errorMessage);
               onGetCountriesError(_context.t0);
             }
@@ -10232,7 +10323,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
   // 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;
+      var fetchCountryId, res, _states, mappedStates, _errorMessage2;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -10252,7 +10343,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
             _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';
+              _errorMessage2 = _get(_context2.t0, 'response.data.message', {});
               onGetStatesError(_errorMessage2);
             }
           case 14:
@@ -10267,7 +10358,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
   }();
   var handleRegisterAccount = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(values) {
-      var accessHash, bodyFormData, profileRes, _e$response3, _e$response3$data, _errorMessage3;
+      var accessHash, bodyFormData, profileRes, _errorMessage3;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -10303,7 +10394,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
             _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';
+              _errorMessage3 = _get(_context3.t0, 'response.data.message') || 'Error';
               onRegisterAccountError(_context3.t0);
               setshowErrorModal(true);
               setErrorMessage(_errorMessage3);
@@ -10681,7 +10772,7 @@ var IssueComponent = function IssueComponent(_ref) {
     classNamePrefix: 'delegations',
     handleSubmit: function () {
       var _handleSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, _ref3) {
-        var resetForm, setSubmitting, _e$response, _e$response$data, _error;
+        var resetForm, setSubmitting, _error;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -10698,7 +10789,7 @@ var IssueComponent = function IssueComponent(_ref) {
               _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';
+                _error = _get(_context2.t0, 'response.data.message') || 'Error';
                 setError(_error);
               } else if (_context2.t0 instanceof Error) {
                 setError((_context2.t0 == null ? void 0 : _context2.t0.message) || 'Error');
@@ -11088,7 +11179,7 @@ var TicketsSection$1 = function TicketsSection(props) {
   var bookButtonIsDisabled = _some(selectedTickets, function (item) {
     return !item;
   }) || _isEmpty(reservedSeats) || reservedSeats.length !== _keys(selectedTickets).length;
-  var themeMui = material.createTheme(themeOptions);
+  var themeMui = styles.createTheme(themeOptions);
   var ticketsDropdownsData = getTicketDropdownData(reservedSeats, ticketTypeTierRelations);
   var handleTicketChange = function handleTicketChange(event, seatId) {
     var value = event.target.value;
@@ -11102,7 +11193,7 @@ var TicketsSection$1 = function TicketsSection(props) {
       return _extends({}, prevState, (_extends2 = {}, _extends2[seatId] = !prevState[seatId], _extends2));
     });
   };
-  return React__default.createElement(privateTheming.ThemeProvider, {
+  return React__default.createElement(styles.ThemeProvider, {
     theme: themeMui
   }, React__default.createElement("div", {
     className: "get-tickets-page " + theme,
@@ -12268,128 +12359,132 @@ var RsvpContainer = function RsvpContainer(_ref) {
   }, "RSVP"))))))));
 };
 
-var formFieldsNotLoggedIn = [{
-  name: 'basic-info',
-  groupLabel: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, "If you want to enter your details manually, please type them below to create an account, then click on"), /*#__PURE__*/React__default.createElement("b", null, " Confirm Registration:")),
-  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__default.createElement("div", {
-    className: "email-info-block"
-  }, /*#__PURE__*/React__default.createElement("span", null, "Choose a password for your new"), /*#__PURE__*/React__default.createElement("b", null, " Mana Common "), /*#__PURE__*/React__default.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 formFieldsLoggedIn = [{
-  name: 'basic-info-logged-in',
-  groupLabel: 'To confirm your pre-registration for {event_name} simply click on the confirmation button below.',
-  groupLabelClassName: '',
-  groupClassName: '',
-  fields: [{
-    name: 'email',
-    label: 'Email',
-    type: 'email',
-    required: true,
-    onValidate: null
+var getFormFieldsNotLoggedIn = function getFormFieldsNotLoggedIn(clientName) {
+  return [{
+    name: 'basic-info',
+    groupLabel: React__default.createElement(React__default.Fragment, null, React__default.createElement("span", null, "If you want to enter your details manually, please type them below to create an account, then click on"), React__default.createElement("b", null, " Confirm Registration:")),
+    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: 'confirmEmail',
-    label: 'Confirm Email',
-    type: 'email',
-    required: true,
-    onValidate: null
-  }]
-}, {
-  name: 'billing-info-logged-in',
-  groupLabel: '',
-  groupLabelClassName: '',
-  groupClassName: '',
-  fields: [{
-    name: 'numTickets',
-    label: 'How many tickets do you want to buy?',
-    type: 'select',
-    required: true,
-    options: /*#__PURE__*/new Array(10).fill(null).map(function (_, index) {
-      return {
-        label: index + 1,
-        value: index + 1
-      };
-    }),
-    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: 'holderAge',
-    label: 'Ticket Holder Age',
-    type: 'date',
-    required: true,
-    onValidate: null
+    name: 'password-info',
+    groupLabel: React__default.createElement("div", {
+      className: "email-info-block"
+    }, React__default.createElement("span", null, "Choose a password for your new"), React__default.createElement("b", null, " ", clientName || 'Mana Common', " "), React__default.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 getFormFieldsLoggedIn = function getFormFieldsLoggedIn(clientName) {
+  return [{
+    name: 'basic-info-logged-in',
+    groupLabel: 'To confirm your pre-registration for {event_name} simply click on the confirmation button below.',
+    groupLabelClassName: '',
+    groupClassName: '',
+    fields: [{
+      name: 'email',
+      label: 'Email',
+      type: 'email',
+      required: true,
+      onValidate: null
+    }, {
+      name: 'confirmEmail',
+      label: 'Confirm Email',
+      type: 'email',
+      required: true,
+      onValidate: null
+    }]
   }, {
-    name: 'brandOptIn',
-    label: 'I would like to be updated on Mana Common news, events and offers.',
-    type: 'checkbox'
-  }]
-}];
+    name: 'billing-info-logged-in',
+    groupLabel: '',
+    groupLabelClassName: '',
+    groupClassName: '',
+    fields: [{
+      name: 'numTickets',
+      label: 'How many tickets do you want to buy?',
+      type: 'select',
+      required: true,
+      options: new Array(10).fill(null).map(function (_, index) {
+        return {
+          label: index + 1,
+          value: index + 1
+        };
+      }),
+      onValidate: null
+    }, {
+      name: 'holderAge',
+      label: 'Ticket Holder Age',
+      type: 'date',
+      required: true,
+      onValidate: null
+    }, {
+      name: 'brandOptIn',
+      label: "I would like to be updated on " + (clientName || 'Mana Common') + " news, events and offers.",
+      type: 'checkbox'
+    }]
+  }];
+};
 
 var getValidateFunctions$2 = function getValidateFunctions(_ref) {
   var element = _ref.element,
@@ -12546,7 +12641,8 @@ var FieldsSection$1 = function FieldsSection(_ref2) {
     setFieldValue = _ref2.setFieldValue,
     theme = _ref2.theme,
     _ref2$containerClass = _ref2.containerClass,
-    containerClass = _ref2$containerClass === void 0 ? '' : _ref2$containerClass;
+    containerClass = _ref2$containerClass === void 0 ? '' : _ref2$containerClass,
+    themeOptions = _ref2.themeOptions;
   return React__default.createElement(React__default.Fragment, null, _map(formFields, function (item, index) {
     var name = item.name,
       groupLabel = item.groupLabel,
@@ -12590,7 +12686,8 @@ var FieldsSection$1 = function FieldsSection(_ref2) {
         setFieldValue: setFieldValue,
         component: type === 'checkbox' ? CheckboxField : type === 'select' ? NativeSelectField : type === 'phone' ? PhoneNumberField : type === 'date' ? DatePickerField : CustomField,
         selectOptions: name === 'country' ? countries : options,
-        theme: theme
+        theme: theme,
+        themeOptions: themeOptions
       }));
     })));
   }));
@@ -12618,7 +12715,8 @@ var PreRegistration = function PreRegistration(_ref) {
     _ref$onConfirmationSu = _ref.onConfirmationSuccess,
     onConfirmationSuccess = _ref$onConfirmationSu === void 0 ? _identity : _ref$onConfirmationSu,
     _ref$onConfirmationEr = _ref.onConfirmationError,
-    onConfirmationError = _ref$onConfirmationEr === void 0 ? _identity : _ref$onConfirmationEr;
+    onConfirmationError = _ref$onConfirmationEr === void 0 ? _identity : _ref$onConfirmationEr,
+    themeOptions = _ref.themeOptions;
   var _useState = React.useState(''),
     error = _useState[0],
     setError = _useState[1];
@@ -12648,12 +12746,15 @@ var PreRegistration = function PreRegistration(_ref) {
   useCookieListener(X_TF_ECOMMERCE$2, function (value) {
     return setIsLoggedIn(Boolean(value));
   });
+  var themeMui = styles.createTheme(themeOptions);
+  var formFieldsLoggedIn = getFormFieldsLoggedIn(CONFIGS.CLIENT_NAME);
+  var formFieldsNotLoggedIn = getFormFieldsNotLoggedIn(CONFIGS.CLIENT_NAME);
   var formFields = updateFormFieldsAttributes$1(pFormFields || isLoggedIn ? formFieldsLoggedIn : formFieldsNotLoggedIn, additionalFieldAttribute);
   React.useEffect(function () {
     // fetch countries data
     var fetchCountries = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var res, _e$response, _e$response$data, _error;
+        var res, _error;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -12675,7 +12776,7 @@ var PreRegistration = function PreRegistration(_ref) {
               _context.prev = 8;
               _context.t0 = _context["catch"](0);
               if (axios.isAxiosError(_context.t0)) {
-                _error = (_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';
+                _error = 'Error';
                 setError(_error);
                 onGetCountriesError(_context.t0);
               }
@@ -12693,7 +12794,9 @@ var PreRegistration = function PreRegistration(_ref) {
   }, []);
   var hash = getQueryVariable('hash') || '';
   var referrerId = getQueryVariable('referrer_id') || '';
-  return React__default.createElement("div", {
+  return React__default.createElement(styles.ThemeProvider, {
+    theme: themeMui
+  }, React__default.createElement("div", {
     className: "pre-registration-container"
   }, React__default.createElement(SnackbarAlert, {
     type: "error",
@@ -12715,7 +12818,7 @@ var PreRegistration = function PreRegistration(_ref) {
     className: "account-actions-block"
   }, React__default.createElement("div", {
     className: "action-item"
-  }, React__default.createElement("div", null, React__default.createElement("span", null, "Create (or log in to) your account, then click on Confirm Registration."), React__default.createElement("span", null, " If you have a"), React__default.createElement("b", null, " Mana Common "), React__default.createElement("span", null, "account and password already"))), React__default.createElement("div", {
+  }, React__default.createElement("div", null, React__default.createElement("span", null, "Create (or log in to) your account, then click on Confirm Registration."), React__default.createElement("span", null, " If you have a"), React__default.createElement("b", null, " ", CONFIGS.CLIENT_NAME || 'Mana Common', " "), React__default.createElement("span", null, "account and password already"))), React__default.createElement("div", {
     className: "action-item login-block"
   }, React__default.createElement("button", {
     className: "login-register-button",
@@ -12753,7 +12856,7 @@ var PreRegistration = function PreRegistration(_ref) {
     enableReinitialize: true,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
-        var updatedValues, holderAgeDate, confirmationData, bodyFormData, res, profileRes, _e$response2, _e$response2$data, _e$response2$data$mes, _e$response3, _e$response3$data, errorMessage, emailErrors, _e$response4, _e$response4$data;
+        var updatedValues, holderAgeDate, confirmationData, bodyFormData, res, profileRes, _e$response, _e$response$data, _e$response$data$mess, _e$response2, _e$response2$data, errorMessage, emailErrors, _e$response3, _e$response3$data;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -12826,9 +12929,9 @@ var PreRegistration = function PreRegistration(_ref) {
               _context2.prev = 43;
               _context2.t0 = _context2["catch"](0);
               errorMessage = (_context2.t0 == null ? void 0 : _context2.t0.message) || 'Error';
-              emailErrors = _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$mes = _e$response2$data.message) == null ? void 0 : _e$response2$data$mes.email;
-              if (typeof (_context2.t0 == null ? void 0 : (_e$response3 = _context2.t0.response) == null ? void 0 : (_e$response3$data = _e$response3.data) == null ? void 0 : _e$response3$data.message) === 'string') {
-                errorMessage = _context2.t0 == null ? void 0 : (_e$response4 = _context2.t0.response) == null ? void 0 : (_e$response4$data = _e$response4.data) == null ? void 0 : _e$response4$data.message;
+              emailErrors = _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$mess = _e$response$data.message) == null ? void 0 : _e$response$data$mess.email;
+              if (typeof (_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) === 'string') {
+                errorMessage = _context2.t0 == null ? void 0 : (_e$response3 = _context2.t0.response) == null ? void 0 : (_e$response3$data = _e$response3.data) == null ? void 0 : _e$response3$data.message;
               }
               if ((emailErrors == null ? void 0 : emailErrors.length) > 0) {
                 if (emailErrors[0] === 'The email is already used') {
@@ -12858,7 +12961,8 @@ var PreRegistration = function PreRegistration(_ref) {
       values: props.values,
       setFieldValue: props.setFieldValue,
       containerClass: "pre-registration",
-      countries: countries
+      countries: countries,
+      themeOptions: themeOptions
     })), React__default.createElement("div", {
       className: "button-container"
     }, React__default.createElement(material.Button, {
@@ -12869,7 +12973,7 @@ var PreRegistration = function PreRegistration(_ref) {
     }, props.isSubmitting ? React__default.createElement(material.CircularProgress, {
       size: 26
     }) : isLoggedIn ? 'Confirm Pre-Registration' : 'Create Account')));
-  }));
+  })));
 };
 
 var Prewards = function Prewards(props) {
@@ -13037,7 +13141,9 @@ var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
     pageMessage = _ref$pageMessage === void 0 ? 'Pre registration was successful!' : _ref$pageMessage,
     _ref$onLoginSuccess = _ref.onLoginSuccess,
     onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
-    logo = _ref.logo;
+    logo = _ref.logo,
+    themeOptions = _ref.themeOptions;
+  var themeMui = styles.createTheme(themeOptions);
   var localStorageHash = isWindowDefined$2 ? localStorage.getItem('pre-registration-hash') : '';
   var queryHash = getQueryVariable('hash') || '';
   queryHash && isWindowDefined$2 && window.localStorage.setItem('pre-registration-hash', queryHash);
@@ -13159,7 +13265,9 @@ var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
-  return React__default.createElement(React__default.Fragment, null, isLoggedIn && _isEmpty(error) ? React__default.createElement("div", {
+  return React__default.createElement(styles.ThemeProvider, {
+    theme: themeMui
+  }, isLoggedIn && _isEmpty(error) ? React__default.createElement("div", {
     className: classNamePrefix + "_pre_registration_complete_container"
   }, React__default.createElement(CopyMessageModal, {
     showCopyModal: showCopyModal,
@@ -13235,7 +13343,9 @@ var PreRegistrationInformations = function PreRegistrationInformations(props) {
     _props$onGetPreregist2 = props.onGetPreregistrationDataError,
     onGetPreregistrationDataError = _props$onGetPreregist2 === void 0 ? _identity : _props$onGetPreregist2,
     influancersHeaderNode = props.influancersHeaderNode,
-    prewardsHeaderNode = props.prewardsHeaderNode;
+    prewardsHeaderNode = props.prewardsHeaderNode,
+    themeOptions = props.themeOptions;
+  var themeMui = styles.createTheme(themeOptions);
   var _useState = React.useState([]),
     prizes = _useState[0],
     setPrizes = _useState[1];
@@ -13280,7 +13390,9 @@ var PreRegistrationInformations = function PreRegistrationInformations(props) {
     }();
     fetchPreregistrationData();
   }, [eventId, onGetPreregistrationDataError, onGetPreregistrationDataSuccess]);
-  return React__default.createElement("div", {
+  return React__default.createElement(styles.ThemeProvider, {
+    theme: themeMui
+  }, React__default.createElement("div", {
     className: classNamePrefix + "_pre_registration_info_container"
   }, React__default.createElement(Prewards, {
     headerNode: prewardsHeaderNode,
@@ -13290,7 +13402,7 @@ var PreRegistrationInformations = function PreRegistrationInformations(props) {
     headerNode: influancersHeaderNode,
     data: topInfluancers,
     classNamePrefix: classNamePrefix
-  }));
+  })));
 };
 
 exports.AddonsContainter = AddonsContainter;