tf-checkout-react 1.4.26 → 1.5.0

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

@@ -60,8 +60,8 @@ var privateTheming = require('@mui/private-theming');
 var jwt_decode = _interopDefault(require('jwt-decode'));
 var _filter = _interopDefault(require('lodash/filter'));
 var _some = _interopDefault(require('lodash/some'));
-var Button$1 = _interopDefault(require('react-bootstrap/Button'));
 var moment = _interopDefault(require('moment-timezone'));
+var Button$1 = _interopDefault(require('react-bootstrap/Button'));
 var _sortBy = _interopDefault(require('lodash/sortBy'));
 var Autocomplete = _interopDefault(require('@mui/material/Autocomplete'));
 var Paper = _interopDefault(require('@mui/material/Paper'));
@@ -84,6 +84,8 @@ var SeatMapView = _interopDefault(require('tf-seat-map-view'));
 var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
 var Tooltip = _interopDefault(require('@mui/material/Tooltip'));
 var reactBootstrap = require('react-bootstrap');
+var _split = _interopDefault(require('lodash/split'));
+var _slice = _interopDefault(require('lodash/slice'));
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -553,7 +555,7 @@ function setCustomCookie(name, value, days) {
   }
   if (typeof window !== 'undefined') {
     var domain = getDomain(window.location.hostname);
-    document.cookie = name + '=' + (value || '') + expires + '; path=/' + ("; domain=" + domain);
+    document.cookie = name + '=' + (value || '') + expires + ("; path=/; domain=" + domain);
   }
 }
 function getCookieByName(cname) {
@@ -562,10 +564,10 @@ function getCookieByName(cname) {
   var ca = document.cookie.split(';');
   for (var i = 0; i < ca.length; i++) {
     var c = ca[i];
-    while (c.charAt(0) == ' ') {
+    while (c.charAt(0) === ' ') {
       c = c.substring(1);
     }
-    if (c.indexOf(name) == 0) {
+    if (c.indexOf(name) === 0) {
       return c.substring(name.length, c.length);
     }
   }
@@ -1587,70 +1589,79 @@ var getCheckoutPageConfigs = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-var getSeatMapData = /*#__PURE__*/function () {
-  var _ref3 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(eventId) {
-    var reservedSeatsHash, params, response;
+var confirmPreRegistration = /*#__PURE__*/function () {
+  var _ref3 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(eventId, data) {
+    var response;
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          localStorage.setItem('tierId', '');
-          reservedSeatsHash = getQueryVariable('reserved_seats_hash');
-          params = {};
-          if (reservedSeatsHash) {
-            params.reserved_seats_hash = reservedSeatsHash;
-          }
-          _context3.next = 6;
-          return publicRequest.get("v1/event/" + eventId + "/seat-map-data", {
-            params: params
+          _context3.next = 2;
+          return publicRequest.post("v1/event/" + eventId + "/pre-registration/confirm", {
+            data: {
+              attributes: data
+            }
           });
-        case 6:
+        case 2:
           response = _context3.sent;
           return _context3.abrupt("return", response.data);
-        case 8:
+        case 4:
         case "end":
           return _context3.stop();
       }
     }, _callee3);
   }));
-  return function getSeatMapData(_x2) {
+  return function confirmPreRegistration(_x2, _x3) {
     return _ref3.apply(this, arguments);
   };
 }();
-var getSeatMapStatuses = /*#__PURE__*/function () {
+// seat map <--start-->
+// const makeId = (length = 20) => {
+//   let result = ''
+//   const characters =
+//     'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+//   const charactersLength = characters.length
+//   for (let i = 0; i < length; i++) {
+//     result += characters.charAt(Math.floor(Math.random() * charactersLength))
+//   }
+//   return result
+// }
+var getSeatMapData = /*#__PURE__*/function () {
   var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(eventId) {
-    var response;
+    var reservedSeatsHash, params, response;
     return _regeneratorRuntime().wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          _context4.next = 2;
-          return publicRequest.get("v1/event/" + eventId + "/seats/status");
-        case 2:
+          localStorage.setItem('tierId', '');
+          reservedSeatsHash = getQueryVariable('reserved_seats_hash');
+          params = {};
+          if (reservedSeatsHash) {
+            params.reserved_seats_hash = reservedSeatsHash;
+          }
+          _context4.next = 6;
+          return publicRequest.get("v1/event/" + eventId + "/seat-map-data", {
+            params: params
+          });
+        case 6:
           response = _context4.sent;
           return _context4.abrupt("return", response.data);
-        case 4:
+        case 8:
         case "end":
           return _context4.stop();
       }
     }, _callee4);
   }));
-  return function getSeatMapStatuses(_x3) {
+  return function getSeatMapData(_x4) {
     return _ref4.apply(this, arguments);
   };
 }();
-var reserveSeat = /*#__PURE__*/function () {
-  var _ref5 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(eventId, tierId, seatId) {
+var getSeatMapStatuses = /*#__PURE__*/function () {
+  var _ref5 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(eventId) {
     var response;
     return _regeneratorRuntime().wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           _context5.next = 2;
-          return publicRequest.post("v1/event/" + eventId + "/seats/reserve", {
-            data: {
-              tierId: tierId,
-              seatId: seatId,
-              ttl: 10
-            }
-          });
+          return publicRequest.get("v1/event/" + eventId + "/seats/status");
         case 2:
           response = _context5.sent;
           return _context5.abrupt("return", response.data);
@@ -1660,21 +1671,22 @@ var reserveSeat = /*#__PURE__*/function () {
       }
     }, _callee5);
   }));
-  return function reserveSeat(_x4, _x5, _x6) {
+  return function getSeatMapStatuses(_x5) {
     return _ref5.apply(this, arguments);
   };
 }();
-var removeSeatReserve = /*#__PURE__*/function () {
-  var _ref6 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(eventId, tierId, seatIds) {
+var reserveSeat = /*#__PURE__*/function () {
+  var _ref6 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(eventId, tierId, seatId) {
     var response;
     return _regeneratorRuntime().wrap(function _callee6$(_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
           _context6.next = 2;
-          return publicRequest["delete"]("v1/event/" + eventId + "/seats/delete-reserved", {
+          return publicRequest.post("v1/event/" + eventId + "/seats/reserve", {
             data: {
               tierId: tierId,
-              seatIds: seatIds
+              seatId: seatId,
+              ttl: 10
             }
           });
         case 2:
@@ -1686,30 +1698,23 @@ var removeSeatReserve = /*#__PURE__*/function () {
       }
     }, _callee6);
   }));
-  return function removeSeatReserve(_x7, _x8, _x9) {
+  return function reserveSeat(_x6, _x7, _x8) {
     return _ref6.apply(this, arguments);
   };
 }();
-// seat map <--end-->
-function getPixelScript(id, pageOptions) {
-  var response = publicRequest.get("v1/event/" + id + "/track", {
-    params: {
-      page_url: pageOptions.pageUrl,
-      page: pageOptions.page,
-      order_hash: pageOptions.orderHash
-    }
-  });
-  return response;
-}
-// ID Verification
-var getNetverifyUrl = /*#__PURE__*/function () {
-  var _ref7 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+var removeSeatReserve = /*#__PURE__*/function () {
+  var _ref7 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(eventId, tierId, seatIds) {
     var response;
     return _regeneratorRuntime().wrap(function _callee7$(_context7) {
       while (1) switch (_context7.prev = _context7.next) {
         case 0:
           _context7.next = 2;
-          return publicRequest.get('v1/authenticate/verify');
+          return publicRequest["delete"]("v1/event/" + eventId + "/seats/delete-reserved", {
+            data: {
+              tierId: tierId,
+              seatIds: seatIds
+            }
+          });
         case 2:
           response = _context7.sent;
           return _context7.abrupt("return", response.data);
@@ -1719,18 +1724,30 @@ var getNetverifyUrl = /*#__PURE__*/function () {
       }
     }, _callee7);
   }));
-  return function getNetverifyUrl() {
+  return function removeSeatReserve(_x9, _x10, _x11) {
     return _ref7.apply(this, arguments);
   };
 }();
-var checkVerificationStatus = /*#__PURE__*/function () {
+// seat map <--end-->
+function getPixelScript(id, pageOptions) {
+  var response = publicRequest.get("v1/event/" + id + "/track", {
+    params: {
+      page_url: pageOptions.pageUrl,
+      page: pageOptions.page,
+      order_hash: pageOptions.orderHash
+    }
+  });
+  return response;
+}
+// ID Verification
+var getNetverifyUrl = /*#__PURE__*/function () {
   var _ref8 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
     var response;
     return _regeneratorRuntime().wrap(function _callee8$(_context8) {
       while (1) switch (_context8.prev = _context8.next) {
         case 0:
           _context8.next = 2;
-          return publicRequest.get('v1/authenticate/get-verification-info');
+          return publicRequest.get('v1/authenticate/verify');
         case 2:
           response = _context8.sent;
           return _context8.abrupt("return", response.data);
@@ -1740,26 +1757,18 @@ var checkVerificationStatus = /*#__PURE__*/function () {
       }
     }, _callee8);
   }));
-  return function checkVerificationStatus() {
+  return function getNetverifyUrl() {
     return _ref8.apply(this, arguments);
   };
 }();
-var updateVerificationStatus = /*#__PURE__*/function () {
+var checkVerificationStatus = /*#__PURE__*/function () {
   var _ref9 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
     var response;
     return _regeneratorRuntime().wrap(function _callee9$(_context9) {
       while (1) switch (_context9.prev = _context9.next) {
         case 0:
           _context9.next = 2;
-          return publicRequest.patch('v1/authenticate/verify', {
-            data: {
-              attributes: {
-                verification: {
-                  verificationStatus: 'PENDING'
-                }
-              }
-            }
-          });
+          return publicRequest.get('v1/authenticate/get-verification-info');
         case 2:
           response = _context9.sent;
           return _context9.abrupt("return", response.data);
@@ -1769,18 +1778,26 @@ var updateVerificationStatus = /*#__PURE__*/function () {
       }
     }, _callee9);
   }));
-  return function updateVerificationStatus() {
+  return function checkVerificationStatus() {
     return _ref9.apply(this, arguments);
   };
 }();
-var checkCustomerOrder = /*#__PURE__*/function () {
-  var _ref10 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(orderHash) {
+var updateVerificationStatus = /*#__PURE__*/function () {
+  var _ref10 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
     var response;
     return _regeneratorRuntime().wrap(function _callee10$(_context10) {
       while (1) switch (_context10.prev = _context10.next) {
         case 0:
           _context10.next = 2;
-          return publicRequest.get("v1/order/" + orderHash + "/verify-customer-order");
+          return publicRequest.patch('v1/authenticate/verify', {
+            data: {
+              attributes: {
+                verification: {
+                  verificationStatus: 'PENDING'
+                }
+              }
+            }
+          });
         case 2:
           response = _context10.sent;
           return _context10.abrupt("return", response.data);
@@ -1790,33 +1807,54 @@ var checkCustomerOrder = /*#__PURE__*/function () {
       }
     }, _callee10);
   }));
-  return function checkCustomerOrder(_x10) {
+  return function updateVerificationStatus() {
     return _ref10.apply(this, arguments);
   };
 }();
-var refreshSeatReservation = /*#__PURE__*/function () {
-  var _ref11 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(eventId, orderId) {
+var checkCustomerOrder = /*#__PURE__*/function () {
+  var _ref11 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(orderHash) {
     var response;
     return _regeneratorRuntime().wrap(function _callee11$(_context11) {
       while (1) switch (_context11.prev = _context11.next) {
         case 0:
           _context11.next = 2;
-          return publicRequest.patch("event/" + eventId + "/reservation/refresh/", {
-            order_id: orderId
-          });
+          return publicRequest.get("v1/order/" + orderHash + "/verify-customer-order");
         case 2:
           response = _context11.sent;
-          return _context11.abrupt("return", response);
+          return _context11.abrupt("return", response.data);
         case 4:
         case "end":
           return _context11.stop();
       }
     }, _callee11);
   }));
-  return function refreshSeatReservation(_x11, _x12) {
+  return function checkCustomerOrder(_x12) {
     return _ref11.apply(this, arguments);
   };
 }();
+var refreshSeatReservation = /*#__PURE__*/function () {
+  var _ref12 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(eventId, orderId) {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+      while (1) switch (_context12.prev = _context12.next) {
+        case 0:
+          _context12.next = 2;
+          return publicRequest.patch("event/" + eventId + "/reservation/refresh/", {
+            order_id: orderId
+          });
+        case 2:
+          response = _context12.sent;
+          return _context12.abrupt("return", response);
+        case 4:
+        case "end":
+          return _context12.stop();
+      }
+    }, _callee12);
+  }));
+  return function refreshSeatReservation(_x13, _x14) {
+    return _ref12.apply(this, arguments);
+  };
+}();
 
 function appendScriptsToHeader(code) {
   if (isBrowser && code) {
@@ -2116,8 +2154,8 @@ var Schema = /*#__PURE__*/Yup.object().shape({
 var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
   var _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
-    _ref$onLogin = _ref.onLogin,
-    onLogin = _ref$onLogin === void 0 ? function () {} : _ref$onLogin,
+    _ref$onLoginButtonCli = _ref.onLoginButtonClick,
+    onLoginButtonClick = _ref$onLoginButtonCli === void 0 ? function () {} : _ref$onLoginButtonCli,
     _ref$onForgotPassword = _ref.onForgotPasswordSuccess,
     onForgotPasswordSuccess = _ref$onForgotPassword === void 0 ? function () {} : _ref$onForgotPassword,
     _ref$onForgotPassword2 = _ref.onForgotPasswordError,
@@ -2206,7 +2244,7 @@ var ForgotPasswordModal = function ForgotPasswordModal(_ref) {
     }) : 'Submit')), React__default.createElement("div", {
       className: "login"
     }, React__default.createElement("span", {
-      onClick: onLogin
+      onClick: onLoginButtonClick
     }, "Back to Log In")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null);
   }))));
 };
@@ -2336,7 +2374,7 @@ var LoginModal = function LoginModal(_ref) {
     },
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
-        var email, password, body, profileResponse, profileSpecifiedData, profileDataObj, event, _e$response, _e$response$data, _error;
+        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:
@@ -2349,23 +2387,24 @@ var LoginModal = function LoginModal(_ref) {
               _context.next = 5;
               return authorize(body);
             case 5:
+              authRes = _context.sent;
               profileResponse = null;
-              _context.prev = 6;
-              _context.next = 9;
+              _context.prev = 7;
+              _context.next = 10;
               return getProfileData();
-            case 9:
+            case 10:
               profileResponse = _context.sent;
               onGetProfileDataSuccess(profileResponse.data);
-              _context.next = 17;
+              _context.next = 18;
               break;
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](6);
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](7);
               if (axios.isAxiosError(_context.t0)) {
                 onGetProfileDataError(_context.t0);
               }
               return _context.abrupt("return");
-            case 17:
+            case 18:
               profileSpecifiedData = profileResponse.data;
               profileDataObj = setLoggedUserData(profileSpecifiedData);
               if (isBrowser) {
@@ -2373,11 +2412,11 @@ var LoginModal = function LoginModal(_ref) {
                 event = new window.CustomEvent('tf-login');
                 window.document.dispatchEvent(event);
               }
-              onLogin();
-              _context.next = 26;
+              onLogin(_get(authRes, 'data.data'));
+              _context.next = 27;
               break;
-            case 23:
-              _context.prev = 23;
+            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';
@@ -2385,11 +2424,11 @@ var LoginModal = function LoginModal(_ref) {
               } else if (_context.t1 instanceof Error) {
                 setError((_context.t1 == null ? void 0 : _context.t1.message) || 'Error');
               }
-            case 26:
+            case 27:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[1, 23], [6, 13]]);
+        }, _callee, null, [[1, 24], [7, 14]]);
       }));
       function onSubmit(_x) {
         return _onSubmit.apply(this, arguments);
@@ -2893,6 +2932,29 @@ function SelectField(_ref) {
   }, error) : null));
 }
 
+var CopyMessageModal = function CopyMessageModal(props) {
+  var _props$showCopyModal = props.showCopyModal,
+    showCopyModal = _props$showCopyModal === void 0 ? false : _props$showCopyModal,
+    onClose = props.onClose;
+  return React__default.createElement(Modal$1, {
+    open: showCopyModal,
+    onClose: onClose,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "success-copy-modal"
+  }, React__default.createElement("div", {
+    className: "message-copy-success-box"
+  }, React__default.createElement("div", {
+    className: "message-copy-success"
+  }, React__default.createElement("span", null, "Copied to your clipboard! Now paste your link in a Snapchat message,"), React__default.createElement("span", null, "your Instagram bio, Whatsapp, Facebook or a text :)")), React__default.createElement("div", {
+    className: "footer"
+  }, React__default.createElement("button", {
+    className: "footer-button",
+    type: "button",
+    onClick: onClose
+  }, "OK"))));
+};
+
 var DATE_SIZE = 32;
 var compactStyles = {
   '& > div': {
@@ -3016,7 +3078,7 @@ var NativeSelectField = function NativeSelectField(_ref) {
       id: field.name
     },
     "native": true,
-    className: theme,
+    className: "Mui-Select " + theme,
     MenuProps: {
       className: theme
     }
@@ -3416,10 +3478,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     _onGetProfileDataSuccess = _ref4$onGetProfileDat === void 0 ? _identity : _ref4$onGetProfileDat,
     _ref4$onGetProfileDat2 = _ref4.onGetProfileDataError,
     onGetProfileDataError = _ref4$onGetProfileDat2 === void 0 ? _identity : _ref4$onGetProfileDat2,
-    _ref4$onAuthorizeSucc = _ref4.onAuthorizeSuccess,
-    onAuthorizeSuccess = _ref4$onAuthorizeSucc === void 0 ? _identity : _ref4$onAuthorizeSucc,
-    _ref4$onAuthorizeErro = _ref4.onAuthorizeError,
-    onAuthorizeError = _ref4$onAuthorizeErro === void 0 ? _identity : _ref4$onAuthorizeErro,
     onLogin = _ref4.onLogin,
     _ref4$onLoginSuccess = _ref4.onLoginSuccess,
     onLoginSuccess = _ref4$onLoginSuccess === void 0 ? _identity : _ref4$onLoginSuccess,
@@ -4239,8 +4297,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     },
     alreadyHasUser: alreadyHasUser,
     userExpired: userExpired,
-    onAuthorizeSuccess: onAuthorizeSuccess,
-    onAuthorizeError: onAuthorizeError,
     onGetProfileDataSuccess: function onGetProfileDataSuccess(data) {
       fetchCart();
       _onGetProfileDataSuccess(data);
@@ -4272,7 +4328,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     onClose: function onClose() {
       setShowModalForgotPassword(false);
     },
-    onLogin: function onLogin() {
+    onLoginButtonClick: function onLoginButtonClick() {
       setShowModalForgotPassword(false);
       setShowModalLogin(true);
     },
@@ -5190,6 +5246,48 @@ var PaymentContainer = function PaymentContainer(_ref) {
   }) : isFreeTickets ? 'Complete Registration' : 'Confirm Payment Plan')))));
 };
 
+var isValidNumber = function isValidNumber(value) {
+  if (isNaN(Number(value))) {
+    return false;
+  }
+  return _isNumber(Number(value));
+};
+
+var getImage = function getImage(name) {
+  if (name === void 0) {
+    name = '';
+  }
+  var image = '';
+  if (!name.trim().length) {
+    return image;
+  }
+  return image;
+};
+
+var SpotifyIcon = function SpotifyIcon() {
+  return React__default.createElement(SVG, {
+    src: getImage('spotify.svg')
+  });
+};
+var InstagramIcon = function InstagramIcon() {
+  return React__default.createElement(SVG, {
+    src: getImage('instagram.svg')
+  });
+};
+var SocialButton = function SocialButton(props) {
+  var children = props.children,
+    url = props.url,
+    disabled = props.disabled;
+  var handleClick = function handleClick() {
+    window.open(url);
+  };
+  return React__default.createElement("button", {
+    className: "react-share__ShareButton " + (disabled ? 'disabled-action' : ''),
+    type: "button",
+    onClick: !disabled ? handleClick : _identity
+  }, children);
+};
+
 var config = {
   facebook: {
     component: reactShare.FacebookShareButton,
@@ -5274,6 +5372,14 @@ var config = {
   hatena: {
     component: reactShare.HatenaShareButton,
     icon: reactShare.HatenaIcon
+  },
+  instagram: {
+    component: SocialButton,
+    icon: InstagramIcon
+  },
+  spotify: {
+    component: SocialButton,
+    icon: SpotifyIcon
   }
 };
 function config$1 (key) {
@@ -5285,11 +5391,20 @@ var SocialComponent = function SocialComponent(_ref) {
   var mainLabel = _ref.mainLabel,
     subLabel = _ref.subLabel,
     platform = _ref.platform,
-    shareData = _ref.shareData;
+    shareData = _ref.shareData,
+    points = _ref.points,
+    onAfterShare = _ref.onAfterShare,
+    alreadyApplied = _ref.alreadyApplied,
+    oneTimeAction = _ref.oneTimeAction;
   var Component = (_config = config$1(platform)) == null ? void 0 : _config.component;
   var Icon = (_config2 = config$1(platform)) == null ? void 0 : _config2.icon;
-  return React__default.createElement(React__default.Fragment, null, Component && React__default.createElement(Component, Object.assign({}, shareData), React__default.createElement("div", {
-    className: "social-media-sharing"
+  var isActionDisabled = alreadyApplied && oneTimeAction;
+  return React__default.createElement(React__default.Fragment, null, Component && React__default.createElement(Component, Object.assign({}, shareData, {
+    disabled: isActionDisabled
+  }), React__default.createElement("div", {
+    onKeyDown: _identity,
+    onClick: !isActionDisabled ? onAfterShare : _identity,
+    className: "social-media-sharing " + platform
   }, React__default.createElement("div", {
     className: "share-icon"
   }, React__default.createElement(Icon, {
@@ -5297,7 +5412,17 @@ var SocialComponent = function SocialComponent(_ref) {
     round: true
   })), React__default.createElement("span", {
     className: "share-text"
-  }, mainLabel, React__default.createElement("br", null), " ", subLabel))));
+  }, React__default.createElement("span", {
+    className: "main-label"
+  }, mainLabel, " "), React__default.createElement("span", {
+    className: "sub-label"
+  }, subLabel)), isValidNumber(points) && React__default.createElement("div", {
+    className: "share-points"
+  }, React__default.createElement("span", {
+    className: "points-count"
+  }, points), React__default.createElement("span", {
+    className: "points-text"
+  }, "Points")))));
 };
 var SocialButtons = function SocialButtons(_ref2) {
   var showDefaultShareButtons = _ref2.showDefaultShareButtons,
@@ -5305,11 +5430,18 @@ var SocialButtons = function SocialButtons(_ref2) {
     name = _ref2.name,
     appId = _ref2.appId,
     shareButtons = _ref2.shareButtons,
+    _ref2$titleText = _ref2.titleText,
+    titleText = _ref2$titleText === void 0 ? 'or use one of these convenient buttons:' : _ref2$titleText,
+    _ref2$footerText = _ref2.footerText,
+    footerText = _ref2$footerText === void 0 ? React__default.createElement("p", null, "We ", React__default.createElement("strong", null, "never"), " post on Facebook without your permission!") : _ref2$footerText,
     clientLabel = _ref2.clientLabel,
-    showReferralsInfoText = _ref2.showReferralsInfoText;
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    _ref2$onAfterShare = _ref2.onAfterShare,
+    _onAfterShare = _ref2$onAfterShare === void 0 ? _identity : _ref2$onAfterShare,
+    _ref2$showReferralsIn = _ref2.showReferralsInfoText,
+    showReferralsInfoText = _ref2$showReferralsIn === void 0 ? false : _ref2$showReferralsIn;
+  return React__default.createElement(React__default.Fragment, null, titleText && React__default.createElement("div", {
     className: "convenient_buttons"
-  }, "or use one of these convenient buttons:"), React__default.createElement("div", {
+  }, titleText), React__default.createElement("div", {
     className: "social-media-btns"
   }, showDefaultShareButtons && React__default.createElement(React__default.Fragment, null, React__default.createElement(SocialComponent, {
     mainLabel: "Share on",
@@ -5345,9 +5477,12 @@ var SocialButtons = function SocialButtons(_ref2) {
     }
   })), shareButtons.map(function (shareButton, index) {
     return React__default.createElement(SocialComponent, Object.assign({
+      onAfterShare: function onAfterShare() {
+        return _onAfterShare(shareButton.eventActionId);
+      },
       key: index
     }, shareButton));
-  })), (showDefaultShareButtons || shareButtons.length) && React__default.createElement("p", null, "We ", React__default.createElement("strong", null, "never"), " post on Facebook without your permission!"), (showReferralsInfoText || Boolean(clientLabel)) && React__default.createElement("p", {
+  })), showDefaultShareButtons || shareButtons.length ? footerText : null, (showReferralsInfoText || Boolean(clientLabel)) && React__default.createElement("p", {
     className: "note-message"
   }, React__default.createElement("span", null, "*Please note, only purchases made from a different", ' ', clientLabel || 'Ticket Fairy', " account can count towards your referrals"), React__default.createElement("span", null, ' ', "so please make sure you ask your friends to buy their own tickets using their own ", clientLabel || 'Ticket Fairy', " account!")));
 };
@@ -5427,7 +5562,7 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
           case 12:
             _context.prev = 12;
             _context.t0 = _context["catch"](1);
-            onGetConfirmationDataError(_context.t0.response);
+            if (axios.isAxiosError(_context.t0)) onGetConfirmationDataError(_context.t0);
           case 15:
           case "end":
             return _context.stop();
@@ -5467,23 +5602,10 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   });
   return React__default.createElement("div", {
     className: "confirmation-page"
-  }, showCopyInfoModal && React__default.createElement(Modal$1, {
-    open: showCopyModal,
+  }, showCopyInfoModal && React__default.createElement(CopyMessageModal, {
     onClose: onClose,
-    "aria-labelledby": "modal-modal-title",
-    "aria-describedby": "modal-modal-description",
-    className: "success-copy-modal"
-  }, React__default.createElement("div", {
-    className: "message-copy-success-box"
-  }, React__default.createElement("div", {
-    className: "message-copy-success"
-  }, React__default.createElement("span", null, "Copied to your clipboard! Now paste your link in a Snapchat message,"), React__default.createElement("span", null, "your Instagram bio, Whatsapp, Facebook or a text :)")), React__default.createElement("div", {
-    className: "footer"
-  }, React__default.createElement("button", {
-    className: "footer-button",
-    type: "button",
-    onClick: onClose
-  }, "OK")))), data && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    showCopyModal: showCopyModal
+  }), data && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "header-container"
   }, React__default.createElement("div", {
     className: "header-product-image"
@@ -5593,17 +5715,90 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   }, "^ This is based on the most expensive ticket in your order."))))));
 };
 
-var X_TF_ECOMMERCE = 'X-TF-ECOMMERCE';
-
-var useCookieListener = function useCookieListener(key, handler) {
-  var getCookie = function getCookie() {
-    return getCookieByName(key);
+var getPreRegistrationInfluancers = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return publicRequest.get("v1/event/" + data.eventId + "/pre-registration/influencers");
+        case 2:
+          response = _context.sent;
+          return _context.abrupt("return", response.data);
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getPreRegistrationInfluancers(_x) {
+    return _ref.apply(this, arguments);
   };
-  var _useState = React.useState(),
-    intervalValue = _useState[0],
-    setIntervalValue = _useState[1];
-  var cookieRef = React.useRef(getCookie());
-  var handleCookieChange = function handleCookieChange() {
+}();
+var getPreRegistrationShareOptions = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {
+    var response;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return publicRequest.get("/v1/pre-registration/" + data.hash + "/confirmation-page");
+        case 2:
+          response = _context2.sent;
+          return _context2.abrupt("return", response.data);
+        case 4:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getPreRegistrationShareOptions(_x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var submitShareAction = /*#__PURE__*/function () {
+  var _ref3 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
+    var eventActionId, accessToken, hash, response;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          eventActionId = data.eventActionId, accessToken = data.accessToken, hash = data.hash;
+          _context3.next = 3;
+          return publicRequest.post("/v1/pre-registration/" + hash + "/submit-action", {
+            data: {
+              attributes: {
+                phase: 'pre-registration',
+                eventActionId: Number(eventActionId),
+                accessToken: accessToken
+              }
+            }
+          });
+        case 3:
+          response = _context3.sent;
+          return _context3.abrupt("return", response.data);
+        case 5:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function submitShareAction(_x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+var X_TF_ECOMMERCE = 'X-TF-ECOMMERCE';
+
+var useCookieListener = function useCookieListener(key, handler) {
+  var getCookie = function getCookie() {
+    return getCookieByName(key);
+  };
+  var _useState = React.useState(),
+    intervalValue = _useState[0],
+    setIntervalValue = _useState[1];
+  var cookieRef = React.useRef(getCookie());
+  var handleCookieChange = function handleCookieChange() {
     var currentCookie = getCookie();
     var prevCookie = cookieRef.current;
     if (currentCookie !== prevCookie) {
@@ -5621,6 +5816,26 @@ var useCookieListener = function useCookieListener(key, handler) {
   }, []);
 };
 
+function useLocalStorageListener(key, callback) {
+  var isWindowDefined = typeof window !== 'undefined';
+  var _useState = React.useState(isWindowDefined ? localStorage.getItem(key) : ''),
+    value = _useState[0],
+    setValue = _useState[1];
+  React.useEffect(function () {
+    var intervalId = setInterval(function () {
+      var newValue = localStorage.getItem(key);
+      if (newValue !== value) {
+        setValue(newValue);
+        callback(JSON.parse(newValue || ''));
+      }
+    }, 100);
+    return function () {
+      clearInterval(intervalId);
+    };
+  }, [key, value, callback]);
+  return value;
+}
+
 var style$4 = {
   position: 'absolute',
   top: '50%',
@@ -5994,7 +6209,7 @@ var ReferralLogic = function ReferralLogic(props) {
     var isWindowDefined = typeof window !== 'undefined';
     if (isWindowDefined) {
       var params = new URL("" + window.location).searchParams;
-      var referralId = params.get('ttf_r') || '';
+      var referralId = params.get('ttf_r') || params.get('referrer_id') || '';
       var referralValue = [eventId, '.', referralId].join('');
       var isAlreadyCounted = localStorage.getItem('referral_key') === referralValue;
       if (referralId && eventId && !isAlreadyCounted) {
@@ -6038,7 +6253,7 @@ var getTicketSelectOptions = function getTicketSelectOptions(maxCount, minCount,
     label: 0,
     value: 0
   }];
-  for (var i = minCount; i <= Math.min(50, maxCount); i += multiplier) {
+  for (var i = minCount || 1; i <= Math.min(50, maxCount); i += multiplier) {
     options.push({
       label: i,
       value: i
@@ -6046,16 +6261,42 @@ var getTicketSelectOptions = function getTicketSelectOptions(maxCount, minCount,
   }
   return options;
 };
+var defineIsSalesClosed = function defineIsSalesClosed(eventDatesInfo) {
+  var salesStarted = eventDatesInfo.salesStarted,
+    salesEnded = eventDatesInfo.salesEnded,
+    presalesStarted = eventDatesInfo.presalesStarted,
+    presalesEnded = eventDatesInfo.presalesEnded,
+    presalesEnabled = eventDatesInfo.presalesEnabled;
+  var isSalesClosed = false;
+  if (!salesStarted || salesStarted && salesEnded) {
+    isSalesClosed = true;
+  }
+  if (presalesEnabled) {
+    if (!presalesStarted && !presalesEnded || presalesStarted && presalesEnded && !salesStarted) {
+      isSalesClosed = true;
+    } else {
+      isSalesClosed = false;
+    }
+  }
+  return isSalesClosed;
+};
 
 var TicketRow = function TicketRow(_ref) {
   var ticketTier = _ref.ticketTier,
     prevTicketTier = _ref.prevTicketTier,
     selectedTickets = _ref.selectedTickets,
     handleTicketSelect = _ref.handleTicketSelect,
+    event = _ref.event,
     isSeatMapAllowed = _ref.isSeatMapAllowed,
     tableType = _ref.tableType;
   var soldOutMessage = ticketTier.soldOutMessage ? ("" + ticketTier.soldOutMessage).toUpperCase() : 'SOLD OUT';
-  var isSalesClosed = !ticketTier.salesStarted || ticketTier.salesEnded;
+  var isSalesClosed = defineIsSalesClosed({
+    salesStarted: ticketTier.salesStarted,
+    salesEnded: ticketTier.salesEnded,
+    presalesStarted: event == null ? void 0 : event.presalesStarted,
+    presalesEnded: event == null ? void 0 : event.presalesEnded,
+    presalesEnabled: event == null ? void 0 : event.presales_enabled
+  });
   var maxCount = tableType ? ticketTier.maxGuests : ticketTier.maxQuantity;
   var minCount = tableType ? ticketTier.minGuests : ticketTier.minQuantity;
   var multiplier = ticketTier.multiplier;
@@ -6103,7 +6344,7 @@ var TicketRow = function TicketRow(_ref) {
   } else if (canPurchaseTicket && isSeatMapAllowed && !isDirectPurchaseAllowed) {
     // Seat Map Tickets renderer logic
     returnValue = null;
-  } else if (canPurchaseTicket) {
+  } else if (canPurchaseTicket || canPurchaseTicket && event != null && event.presalesStarted && !(event != null && event.presalesEnded)) {
     returnValue = onSaleContent;
   } else if (_get(prevTicketTier, 'in_stock')) {
     returnValue = 'SOON';
@@ -6177,7 +6418,8 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketTier: ticket,
       prevTicketTier: arr[i - 1],
       selectedTickets: selectedTickets,
-      handleTicketSelect: ticketSelect
+      handleTicketSelect: ticketSelect,
+      event: event
     })))));
   }), !hideTableTicketsHeader && tableTicketsHeaderComponent, tableTickets.map(function (ticket, i, arr) {
     var _arr2;
@@ -6226,7 +6468,8 @@ var TicketsSection = function TicketsSection(_ref) {
       prevTicketTier: arr[i - 1],
       selectedTickets: selectedTickets,
       handleTicketSelect: ticketSelect,
-      isSeatMapAllowed: isSeatMapAllowed
+      isSeatMapAllowed: isSeatMapAllowed,
+      event: event
     }))))));
   }));
 };
@@ -6307,6 +6550,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var _useState = React.useState({}),
     selectedTickets = _useState[0],
     setSelectedTickets = _useState[1];
+  var isWindowDefined = typeof window !== 'undefined';
   var _useState2 = React.useState(Boolean(getCookieByName(X_TF_ECOMMERCE))),
     isLogged = _useState2[0],
     setIsLogged = _useState2[1];
@@ -6361,16 +6605,31 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var _useState19 = React.useState(),
     pendingVerificationMessage = _useState19[0],
     setPendingVerificationMessage = _useState19[1];
+  var _useState20 = React.useState([]),
+    preregistereds = _useState20[0],
+    setPreregistereds = _useState20[1];
+  var _useState21 = React.useState(false),
+    ticketsNotAvailableModalOpen = _useState21[0],
+    setTicketsNotAvailableModalOpen = _useState21[1];
+  var _useState22 = React.useState(checkUserPreregistration()),
+    isPreregistred = _useState22[0],
+    setIsPreregisred = _useState22[1];
   var ticketsContainerRef = React.useRef(null);
   var pageUrl = isBrowser ? window.location.href.split('?')[0] : '';
   useCookieListener(X_TF_ECOMMERCE, function (value) {
     return setIsLogged(Boolean(value));
   });
+  useLocalStorageListener('user_data', function (user) {
+    var isPreregistredUser = _some(preregistereds, function (item) {
+      return item.email === (user == null ? void 0 : user.email);
+    });
+    setIsPreregisred(isPreregistredUser);
+  });
   usePixel(eventId, {
     pageUrl: pageUrl
   });
   React.useEffect(function () {
-    if (typeof window !== 'undefined') {
+    if (isWindowDefined) {
       var access_token = window.localStorage.getItem('access_token');
       if (access_token) {
         var decoded = jwt_decode(access_token);
@@ -6383,8 +6642,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
   }, []);
   React.useEffect(function () {
-    !!eventId && getTicketsApi();
+    if (eventId) {
+      getTicketsApi();
+      fetchPreregisteredsData();
+    }
   }, [eventId]);
+  React.useEffect(function () {
+    setIsPreregisred(checkUserPreregistration());
+  }, [preregistereds]);
   React.useEffect(function () {
     if (isLogged) {
       fetchUserData().then(function (res) {
@@ -6505,6 +6770,39 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }));
     return _getTicketsApi.apply(this, arguments);
   }
+  function fetchPreregisteredsData() {
+    return _fetchPreregisteredsData.apply(this, arguments);
+  }
+  function _fetchPreregisteredsData() {
+    _fetchPreregisteredsData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var preregistrationData;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.prev = 0;
+            _context5.next = 3;
+            return getPreRegistrationInfluancers({
+              eventId: eventId
+            });
+          case 3:
+            preregistrationData = _context5.sent;
+            setPreregistereds(preregistrationData.data.attributes.influencers);
+            _context5.next = 10;
+            break;
+          case 7:
+            _context5.prev = 7;
+            _context5.t0 = _context5["catch"](0);
+            if (axios.isAxiosError(_context5.t0)) {
+              setError(_get(_context5.t0, 'response.data.message'));
+            }
+          case 10:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5, null, [[0, 7]]);
+    }));
+    return _fetchPreregisteredsData.apply(this, arguments);
+  }
   var handleTicketSelect = function handleTicketSelect(key, value, isTable) {
     if (isTable === void 0) {
       isTable = false;
@@ -6517,6 +6815,17 @@ var TicketsContainer = function TicketsContainer(_ref) {
       return _ref3 = {}, _ref3[key] = value, _ref3.isTable = isTable, _ref3;
     });
   };
+  function checkUserPreregistration() {
+    var userDataString = isWindowDefined ? window.localStorage.getItem('user_data') : '';
+    var isPreregistredUser = false;
+    if (userDataString) {
+      var user = JSON.parse(userDataString);
+      isPreregistredUser = _some(preregistereds, function (item) {
+        return item.email === (user == null ? void 0 : user.email);
+      });
+    }
+    return isPreregistredUser;
+  }
   var handleOrdersClick = function handleOrdersClick() {
     if (isBrowser) {
       window.location.href = ordersPath != null ? ordersPath : '/orders';
@@ -6700,7 +7009,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     };
   }();
   var isTicketOnSale = _some(tickets, function (item) {
-    return item.salesStarted && !item.salesEnded && !item.soldOut;
+    return (item.salesStarted || (event == null ? void 0 : event.presalesStarted)) && !item.salesEnded && !item.soldOut;
   });
   var eventHasTickets = !_isEmpty(tickets);
   var isSalesClosed = event == null ? void 0 : event.salesEnded;
@@ -6726,9 +7035,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
       }
     }
   };
+  var handleNotAvailableTicketsClick = function handleNotAvailableTicketsClick() {
+    if (!_isEmpty(selectedTickets)) {
+      setTicketsNotAvailableModalOpen(true);
+    }
+  };
   var bookButtonIsDisabled = (handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0) && !(event != null && event.flagSeatMapAllowed);
   var isTicketAvailable = _some(tickets, function (ticket) {
-    return ticket.displayTicket && !ticket.soldOut && ticket.salesStarted;
+    return ticket.displayTicket && !ticket.soldOut && (ticket.salesStarted || (event == null ? void 0 : event.presalesStarted) && !(event != null && event.presalesEnded));
   });
   var wrappedActionsSectionComponent = React__default.isValidElement(ActionsSectionComponent) ? React__default.cloneElement(ActionsSectionComponent, {
     handleGetTicketClick: handleGetTicketClick,
@@ -6756,6 +7070,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var hideTopInfluencers = event == null ? void 0 : event.hideTopInfluencers;
   var isSeatMapAllowed = _get(event, 'seatMapAllowed', false);
   var isTableMapEnabled = _get(event, 'tableMapEnabled', false);
+  var notAvailableTicketsMessage = "Tickets for this event are not available until " + moment(event == null ? void 0 : event.salesStart).format('dddd, DD MMMM YYYY') + ". \n If you pre-registered, log into your account first to buy your pre-sale ticket.";
   var tableTickets = _filter(tickets, function (ticket) {
     return ticket.isTable;
   });
@@ -6797,7 +7112,16 @@ var TicketsContainer = function TicketsContainer(_ref) {
     style: {
       width: '350px'
     }
-  }, error), isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", {
+  }, error), ticketsNotAvailableModalOpen && React__default.createElement(ConfirmModal, {
+    message: notAvailableTicketsMessage,
+    hideCancelBtn: true,
+    onClose: function onClose() {
+      return _onClose('invalidLink');
+    },
+    onConfirm: function onConfirm() {
+      return setTicketsNotAvailableModalOpen(false);
+    }
+  }), isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", {
     ref: ticketsContainerRef
   }, !isSalesClosed && React__default.createElement(TicketsSection, {
     event: event,
@@ -6847,7 +7171,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }) : null, wrappedActionsSectionComponent, canShowGetTicketBtn() && React__default.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button \n                  " + (bookButtonIsDisabled ? 'disabled' : '') + "  \n                  " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  " + (!isLoggedIn ? 'on-bottom' : '') + "\n                ",
-    onClick: handleGetTicketClick
+    onClick: event != null && event.salesStart && event != null && event.presalesStarted && !(event != null && event.presalesEnded) && (!isPreregistred || !isLogged) ? handleNotAvailableTicketsClick : handleGetTicketClick
   }, selectedTickets.isTable ? 'RESERVE TABLES' : getTicketsLabel || 'GET TICKETS'), isSeatMapAllowed && !(event != null && event.salesEnded) && isTicketAvailable && React__default.createElement(Button$1, {
     className: "reserve-button",
     "aria-hidden": true,
@@ -8763,7 +9087,9 @@ var LoginForm = function LoginForm(_ref) {
     _ref$showForgotPasswo = _ref.showForgotPasswordButton,
     showForgotPasswordButton = _ref$showForgotPasswo === void 0 ? false : _ref$showForgotPasswo,
     _ref$showSignUpButton = _ref.showSignUpButton,
-    showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton;
+    showSignUpButton = _ref$showSignUpButton === void 0 ? false : _ref$showSignUpButton,
+    _ref$showPoweredByIma = _ref.showPoweredByImage,
+    showPoweredByImage = _ref$showPoweredByIma === void 0 ? false : _ref$showPoweredByIma;
   var _useState = React.useState(''),
     error = _useState[0],
     setError = _useState[1];
@@ -8887,7 +9213,7 @@ var LoginForm = function LoginForm(_ref) {
     }, React__default.createElement("span", {
       "aria-hidden": "true",
       onClick: onSignupButtonClick
-    }, "Sign up"))));
+    }, "Sign up")), showPoweredByImage ? React__default.createElement(PoweredBy, null) : null));
   }));
 };
 
@@ -11184,6 +11510,1028 @@ 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
+  }, {
+    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: 'holderAge',
+    label: 'Ticket Holder Age',
+    type: 'date',
+    required: true,
+    onValidate: null
+  }, {
+    name: 'brandOptIn',
+    label: 'I would like to be updated on Mana Common news, events and offers.',
+    type: 'checkbox'
+  }]
+}];
+
+var getValidateFunctions$2 = 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 getFormInitialValues$1 = 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':
+          initialValues[fieldItem.name] = 1;
+          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 updateFormFieldsAttributes$1 = 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 shareOptionsAdapter = function shareOptionsAdapter(data, shareUrl) {
+  var adaptedData = [];
+  _forEach(data, function (option) {
+    if (option.action !== 'shared_url') {
+      var _split2 = _split(option.action, '_'),
+        platform = _split2[0],
+        method = _split2[1];
+      var mainLabel = method ? method[0].toUpperCase() + method.substring(1) : 'Share';
+      adaptedData.push({
+        mainLabel: option.action === 'twitter' ? 'Tweet' : mainLabel + ' on',
+        subLabel: option.action === 'twitter' ? ' to your followers' : platform[0].toUpperCase() + platform.substring(1),
+        platform: platform,
+        shareData: {
+          quote: 'as',
+          url: option.socialUrl || shareUrl
+        },
+        points: option.point,
+        eventActionId: option.id,
+        oneTimeAction: option.oneTimeAction,
+        alreadyApplied: option.alreadyApplied
+      });
+    }
+  });
+  return adaptedData;
+};
+var getShuffleMethodByName = function getShuffleMethodByName(tokenShuffleMethod) {
+  var reverseString = function reverseString(value) {
+    return value.split('').reverse().join('');
+  };
+  var symmetricShuffleString = function symmetricShuffleString(value) {
+    var lengthOfStr = value.length;
+    var part1 = value.substring(0, lengthOfStr / 2);
+    return value.substring(lengthOfStr / 2) + part1;
+  };
+  var shuffleEveryTwoSymbolsInString = function shuffleEveryTwoSymbolsInString(value) {
+    var words = value.split('');
+    var shuffledStr = '';
+    for (var i = 0; i < words.length; i += 2) {
+      shuffledStr = shuffledStr.concat(words[i + 1], words[i]);
+    }
+    return shuffledStr;
+  };
+  if (tokenShuffleMethod === 'reverse_string') {
+    return reverseString;
+  } else if (tokenShuffleMethod === 'symmetric_shuffle_string') {
+    return symmetricShuffleString;
+  } else if (tokenShuffleMethod === 'shuffle_every_two_symbols_in_string') return shuffleEveryTwoSymbolsInString;
+  return _identity;
+};
+
+var isDocumentDefined = typeof document !== 'undefined';
+var SectionContainer$1 = function SectionContainer(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return React__default.createElement("div", {
+    className: className
+  }, children);
+};
+var insertHTML$1 = function insertHTML(elementId, text) {
+  if (text === void 0) {
+    text = '';
+  }
+  if (isDocumentDefined) {
+    var elem = document && document.getElementById(elementId);
+    if (!(elem != null && elem.childNodes.length)) {
+      elem == null ? void 0 : elem.insertAdjacentHTML('afterbegin', text);
+    }
+  }
+  return null;
+};
+var getFieldClassNames$1 = function getFieldClassNames(id, existingClassNames) {
+  if (isDocumentDefined) {
+    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 FieldsSection$1 = 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,
+    values = _ref2.values,
+    setFieldValue = _ref2.setFieldValue,
+    theme = _ref2.theme,
+    _ref2$containerClass = _ref2.containerClass,
+    containerClass = _ref2$containerClass === void 0 ? '' : _ref2$containerClass;
+  return React__default.createElement(React__default.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__default.createElement(SectionContainer$1, {
+      key: name,
+      className: groupClassName
+    }, React__default.createElement("span", {
+      id: "group_label_" + index,
+      className: groupLabelClassName
+    }, typeof groupLabel === 'string' ? insertHTML$1("group_label_" + index, replaceVarInString(groupLabel, groupLabelVars)) : groupLabel), React__default.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;
+      var id = name + "-" + fieldIndex;
+      var classNames = containerClass + "-container__field " + className;
+      return component || React__default.createElement("div", {
+        key: name,
+        id: id,
+        className: getFieldClassNames$1(id, classNames)
+      }, React__default.createElement(formik.Field, {
+        name: name,
+        label: label,
+        type: type,
+        validate: getValidateFunctions$2({
+          element: fieldData,
+          values: values
+        }),
+        setFieldValue: setFieldValue,
+        component: type === 'checkbox' ? CheckboxField : type === 'select' ? NativeSelectField : type === 'phone' ? PhoneNumberField : type === 'date' ? DatePickerField : CustomField,
+        selectOptions: name === 'country' ? countries : options,
+        theme: theme
+      }));
+    })));
+  }));
+};
+
+var X_TF_ECOMMERCE$2 = 'X-TF-ECOMMERCE';
+var isWindowDefined$1 = typeof window !== 'undefined';
+var PreRegistration = function PreRegistration(_ref) {
+  var eventId = _ref.eventId,
+    pFormFields = _ref.formFields,
+    additionalFieldAttribute = _ref.additionalFieldAttribute,
+    isPreregistrationStarted = _ref.isPreregistrationStarted,
+    logo = _ref.logo,
+    showForgotPasswordButton = _ref.showForgotPasswordButton,
+    _ref$onLoginSuccess = _ref.onLoginSuccess,
+    onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
+    _ref$onForgotPassword = _ref.onForgotPasswordSuccess,
+    onForgotPasswordSuccess = _ref$onForgotPassword === void 0 ? _identity : _ref$onForgotPassword,
+    _ref$onForgotPassword2 = _ref.onForgotPasswordError,
+    onForgotPasswordError = _ref$onForgotPassword2 === void 0 ? _identity : _ref$onForgotPassword2,
+    _ref$onGetCountriesSu = _ref.onGetCountriesSuccess,
+    onGetCountriesSuccess = _ref$onGetCountriesSu === void 0 ? _identity : _ref$onGetCountriesSu,
+    _ref$onGetCountriesEr = _ref.onGetCountriesError,
+    onGetCountriesError = _ref$onGetCountriesEr === void 0 ? _identity : _ref$onGetCountriesEr,
+    _ref$onConfirmationSu = _ref.onConfirmationSuccess,
+    onConfirmationSuccess = _ref$onConfirmationSu === void 0 ? _identity : _ref$onConfirmationSu,
+    _ref$onConfirmationEr = _ref.onConfirmationError,
+    onConfirmationError = _ref$onConfirmationEr === void 0 ? _identity : _ref$onConfirmationEr;
+  var _useState = React.useState(''),
+    error = _useState[0],
+    setError = _useState[1];
+  var _useState2 = React.useState(false),
+    showModalLogin = _useState2[0],
+    setShowModalLogin = _useState2[1];
+  var _useState3 = React.useState(false),
+    alreadyHasUser = _useState3[0],
+    setAlreadyHasUser = _useState3[1];
+  var _useState4 = React.useState(false),
+    showModalForgotPassword = _useState4[0],
+    setShowModalForgotPassword = _useState4[1];
+  var _useState5 = React.useState([]),
+    countries = _useState5[0],
+    setCountries = _useState5[1];
+  var _useState6 = React.useState(Boolean(getCookieByName(X_TF_ECOMMERCE$2))),
+    isLoggedIn = _useState6[0],
+    setIsLoggedIn = _useState6[1];
+  var _useState7 = React.useState({
+      show: false,
+      message: ''
+    }),
+    confirmModalState = _useState7[0],
+    setConfirmModalState = _useState7[1];
+  useCookieListener(X_TF_ECOMMERCE$2, function (value) {
+    return setIsLoggedIn(Boolean(value));
+  });
+  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;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getCountries();
+            case 3:
+              res = _context.sent;
+              setCountries(_map(_get(res, 'data'), function (item) {
+                return {
+                  label: item.name,
+                  value: Number(item.id)
+                };
+              }));
+              onGetCountriesSuccess(res.data);
+              _context.next = 11;
+              break;
+            case 8:
+              _context.prev = 8;
+              _context.t0 = _context["catch"](0);
+              if (axios.isAxiosError(_context.t0)) {
+                _error = (_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';
+                setError(_error);
+                onGetCountriesError(_context.t0);
+              }
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 8]]);
+      }));
+      return function fetchCountries() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchCountries();
+  }, []);
+  var hash = getQueryVariable('hash') || '';
+  var referrerId = getQueryVariable('referrer_id') || '';
+  return React__default.createElement("div", {
+    className: "pre-registration-container"
+  }, React__default.createElement(SnackbarAlert, {
+    type: "error",
+    isOpen: !!error,
+    message: error || '',
+    onClose: function onClose() {
+      setError('');
+    }
+  }), confirmModalState.show && React__default.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    onConfirm: function onConfirm() {
+      return setConfirmModalState({
+        show: false,
+        message: ''
+      });
+    },
+    message: confirmModalState.message
+  }), !isLoggedIn && React__default.createElement("div", {
+    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", {
+    className: "action-item login-block"
+  }, React__default.createElement("button", {
+    className: "login-register-button",
+    type: "button",
+    onClick: function onClick() {
+      setShowModalLogin(true);
+    }
+  }, "Login"))), showModalLogin && React__default.createElement(LoginModal, {
+    logo: logo,
+    onClose: function onClose() {
+      setShowModalLogin(false);
+    },
+    onLogin: function onLogin(res) {
+      setShowModalLogin(false);
+      onLoginSuccess(res);
+    },
+    showForgotPasswordButton: showForgotPasswordButton,
+    onForgotPassword: function onForgotPassword() {
+      setShowModalLogin(false);
+      setShowModalForgotPassword(true);
+    },
+    alreadyHasUser: alreadyHasUser
+  }), showModalForgotPassword && React__default.createElement(ForgotPasswordModal, {
+    onClose: function onClose() {
+      setShowModalForgotPassword(false);
+    },
+    onLoginButtonClick: function onLoginButtonClick() {
+      setShowModalForgotPassword(false);
+      setShowModalLogin(true);
+    },
+    onForgotPasswordSuccess: onForgotPasswordSuccess,
+    onForgotPasswordError: onForgotPasswordError
+  }), React__default.createElement("h2", null, "Pre-Registration"), React__default.createElement(formik.Formik, {
+    initialValues: getFormInitialValues$1(formFields),
+    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;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              if (!isLoggedIn) {
+                _context2.next = 21;
+                break;
+              }
+              if (!isPreregistrationStarted) {
+                _context2.next = 18;
+                break;
+              }
+              updatedValues = _extends({}, values);
+              holderAgeDate = new Date(values.holderAge);
+              updatedValues.dobDay = holderAgeDate.getDate();
+              updatedValues.dobMonth = holderAgeDate.getMonth() + 1;
+              updatedValues.dobYear = holderAgeDate.getFullYear();
+              updatedValues.referrerId = referrerId;
+              updatedValues.shareHash = hash;
+              // remove date picker string value
+              delete updatedValues.holderAge;
+              _context2.next = 13;
+              return confirmPreRegistration(eventId, updatedValues);
+            case 13:
+              confirmationData = _context2.sent;
+              if (isWindowDefined$1) {
+                window.localStorage.setItem('pre-registration-hash', _get(confirmationData, 'attributes.hash'));
+              }
+              onConfirmationSuccess(confirmationData);
+              _context2.next = 19;
+              break;
+            case 18:
+              setConfirmModalState({
+                show: true,
+                message: 'The preregistration has not started'
+              });
+            case 19:
+              _context2.next = 41;
+              break;
+            case 21:
+              bodyFormData = new FormData();
+              bodyFormData.append('first_name', values.firstName);
+              bodyFormData.append('last_name', values.lastName);
+              bodyFormData.append('email', values.email);
+              bodyFormData.append('confirm_email', values.confirmEmail);
+              bodyFormData.append('zip', values.zip);
+              bodyFormData.append('country', values.country);
+              bodyFormData.append('password', values.password);
+              bodyFormData.append('password_confirmation', values.confirmPassword);
+              bodyFormData.append('client_id', CONFIGS.CLIENT_ID);
+              bodyFormData.append('client_secret', CONFIGS.CLIENT_SECRET);
+              bodyFormData.append('register_for', 'prereg');
+              _context2.next = 35;
+              return register(bodyFormData);
+            case 35:
+              res = _context2.sent;
+              _context2.next = 38;
+              return getProfileData();
+            case 38:
+              profileRes = _context2.sent;
+              onLoginSuccess(res.data);
+              if (isWindowDefined$1) {
+                window.localStorage.setItem('user_data', JSON.stringify(_get(profileRes, 'data')));
+              }
+            case 41:
+              _context2.next = 50;
+              break;
+            case 43:
+              _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;
+              }
+              if ((emailErrors == null ? void 0 : emailErrors.length) > 0) {
+                if (emailErrors[0] === 'The email is already used') {
+                  setShowModalLogin(true);
+                  setAlreadyHasUser(true);
+                }
+              } else {
+                setError(errorMessage);
+              }
+              onConfirmationError(_context2.t0);
+            case 50:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 43]]);
+      }));
+      function onSubmit(_x) {
+        return _onSubmit.apply(this, arguments);
+      }
+      return onSubmit;
+    }()
+  }, function (props) {
+    return React__default.createElement(formik.Form, null, React__default.createElement("div", {
+      className: "login-modal-body"
+    }, React__default.createElement(FieldsSection$1, {
+      formFields: formFields,
+      values: props.values,
+      setFieldValue: props.setFieldValue,
+      containerClass: "pre-registration",
+      countries: countries
+    })), React__default.createElement("div", {
+      className: "button-container"
+    }, React__default.createElement(material.Button, {
+      type: "submit",
+      variant: "contained",
+      className: "login-register-button",
+      disabled: props.isSubmitting
+    }, props.isSubmitting ? React__default.createElement(material.CircularProgress, {
+      size: 26
+    }) : isLoggedIn ? 'Confirm Pre-Registration' : 'Create Account')));
+  }));
+};
+
+var Prewards = function Prewards(props) {
+  var data = props.data,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi,
+    _props$headerNode = props.headerNode,
+    headerNode = _props$headerNode === void 0 ? React__default.createElement(React__default.Fragment, null, "PRE", React__default.createElement("span", null, "WARDS\u2122")) : _props$headerNode;
+  return React__default.createElement("div", {
+    className: classNamePrefix + "_prewards"
+  }, !_isEmpty(data) && React__default.createElement("div", {
+    className: classNamePrefix + "_prewards_heder"
+  }, headerNode), React__default.createElement("div", {
+    className: classNamePrefix + "_prizes"
+  }, _map(data, function (prize) {
+    var description = prize.description,
+      name = prize.name,
+      image = prize.image,
+      id = prize.id;
+    return React__default.createElement("div", {
+      className: classNamePrefix + "_prize",
+      key: id
+    }, image && React__default.createElement("img", {
+      className: classNamePrefix + "_image",
+      alt: "",
+      src: image
+    }), React__default.createElement("div", {
+      className: classNamePrefix + "_info"
+    }, React__default.createElement("h4", {
+      className: classNamePrefix + "_name"
+    }, name), description && React__default.createElement("article", {
+      className: classNamePrefix + "_description"
+    }, description)));
+  })));
+};
+
+var CopyField = function CopyField(props) {
+  var copyValue = props.copyValue,
+    _props$copyIconSrc = props.copyIconSrc,
+    copyIconSrc = _props$copyIconSrc === void 0 ? 'https://img.icons8.com/office/50/000000/copy.png' : _props$copyIconSrc,
+    _props$copyTitle = props.copyTitle,
+    copyTitle = _props$copyTitle === void 0 ? 'Copy' : _props$copyTitle,
+    _props$hasCopyIcon = props.hasCopyIcon,
+    hasCopyIcon = _props$hasCopyIcon === void 0 ? false : _props$hasCopyIcon,
+    _props$onLinkCopied = props.onLinkCopied,
+    onLinkCopied = _props$onLinkCopied === void 0 ? _identity : _props$onLinkCopied,
+    _props$classNamePrefi = props.classNamePrefix,
+    classNamePrefix = _props$classNamePrefi === void 0 ? '' : _props$classNamePrefi,
+    _props$messageText = props.messageText,
+    messageText = _props$messageText === void 0 ? '' : _props$messageText;
+  var inputRef = React.useRef(null);
+  return React__default.createElement(React__default.Fragment, null, messageText && React__default.createElement("span", {
+    className: "message-text"
+  }, messageText), React__default.createElement("input", {
+    ref: inputRef,
+    className: classNamePrefix + "_share-input",
+    defaultValue: copyValue,
+    readOnly: true
+  }), React__default.createElement("div", {
+    className: classNamePrefix + "_share-by-link-copy-icon",
+    "aria-hidden": true,
+    onClick: function onClick() {
+      navigator.clipboard.writeText(_get(inputRef, 'current.value'));
+      onLinkCopied();
+    }
+  }, hasCopyIcon ? React__default.createElement("img", {
+    src: copyIconSrc,
+    alt: "copy"
+  }) : React__default.createElement("span", {
+    className: classNamePrefix + "_copy-icon"
+  }, copyTitle)));
+};
+
+var ShareOptions = function ShareOptions(props) {
+  var classNamePrefix = props.classNamePrefix,
+    data = props.data,
+    _props$hasCopyIcon = props.hasCopyIcon,
+    hasCopyIcon = _props$hasCopyIcon === void 0 ? true : _props$hasCopyIcon,
+    _props$onLinkCopied = props.onLinkCopied,
+    onLinkCopied = _props$onLinkCopied === void 0 ? _identity : _props$onLinkCopied,
+    _props$headerText = props.headerText,
+    headerText = _props$headerText === void 0 ? 'Share with your friends here ...' : _props$headerText,
+    hash = props.hash,
+    updateShareActionData = props.updateShareActionData,
+    shareActionData = props.shareActionData;
+  var _data$attributes = data.attributes,
+    actions = _data$attributes.actions,
+    shareUrl = _data$attributes.shareUrl;
+  var shareButtons = shareOptionsAdapter(actions, shareUrl);
+  var isShareLinkEnabled = _some(actions, function (item) {
+    return item.action === 'shared_url';
+  });
+  var _onAfterShare = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(eventActionId) {
+      var shareActionToken, tokenShuffleMethod, accessToken;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            shareActionToken = shareActionData.shareActionToken, tokenShuffleMethod = shareActionData.tokenShuffleMethod;
+            accessToken = getShuffleMethodByName(tokenShuffleMethod)(shareActionToken);
+            if (!(typeof eventActionId === 'string')) {
+              _context.next = 6;
+              break;
+            }
+            _context.next = 5;
+            return submitShareAction({
+              eventActionId: eventActionId,
+              accessToken: accessToken,
+              hash: hash
+            });
+          case 5:
+            updateShareActionData();
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onAfterShare(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return React__default.createElement("div", {
+    className: classNamePrefix + "_share_options"
+  }, !_isEmpty(actions) && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: classNamePrefix + "_share_header"
+  }, headerText), React__default.createElement(SocialButtons, {
+    shareLink: data.attributes.shareUrl,
+    name: "",
+    appId: "",
+    showDefaultShareButtons: false,
+    shareButtons: shareButtons,
+    titleText: "",
+    footerText: "",
+    onAfterShare: function onAfterShare(eventActionId) {
+      return _onAfterShare(eventActionId);
+    }
+  }), isShareLinkEnabled && React__default.createElement("div", {
+    className: classNamePrefix + "_share_btn_inner"
+  }, React__default.createElement(CopyField, {
+    copyValue: shareUrl,
+    onLinkCopied: onLinkCopied,
+    hasCopyIcon: hasCopyIcon,
+    classNamePrefix: classNamePrefix,
+    messageText: "Share your link"
+  }))));
+};
+
+var isWindowDefined$2 = typeof window !== 'undefined';
+var PreRegistrationComplete = function PreRegistrationComplete(_ref) {
+  var pEventId = _ref.eventId,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? '' : _ref$classNamePrefix,
+    _ref$onLinkCopied = _ref.onLinkCopied,
+    _onLinkCopied = _ref$onLinkCopied === void 0 ? _identity : _ref$onLinkCopied,
+    _ref$hasCopyIcon = _ref.hasCopyIcon,
+    hasCopyIcon = _ref$hasCopyIcon === void 0 ? false : _ref$hasCopyIcon,
+    _ref$pageHeader = _ref.pageHeader,
+    pageHeader = _ref$pageHeader === void 0 ? 'Pre-Registration Confirmation' : _ref$pageHeader,
+    _ref$onGetConfirmatio = _ref.onGetConfirmationDataError,
+    onGetConfirmationDataError = _ref$onGetConfirmatio === void 0 ? _identity : _ref$onGetConfirmatio,
+    _ref$onGetConfirmatio2 = _ref.onGetConfirmationDataSuccess,
+    onGetConfirmationDataSuccess = _ref$onGetConfirmatio2 === void 0 ? _identity : _ref$onGetConfirmatio2,
+    _ref$pageMessage = _ref.pageMessage,
+    pageMessage = _ref$pageMessage === void 0 ? 'Pre registration was successful!' : _ref$pageMessage,
+    _ref$onLoginSuccess = _ref.onLoginSuccess,
+    onLoginSuccess = _ref$onLoginSuccess === void 0 ? _identity : _ref$onLoginSuccess,
+    logo = _ref.logo;
+  var localStorageHash = isWindowDefined$2 ? localStorage.getItem('pre-registration-hash') : '';
+  var queryHash = getQueryVariable('hash') || '';
+  queryHash && isWindowDefined$2 && window.localStorage.setItem('pre-registration-hash', queryHash);
+  var hash = queryHash || localStorageHash;
+  var _useState = React.useState(Boolean(getCookieByName(X_TF_ECOMMERCE))),
+    isLoggedIn = _useState[0],
+    setIsLoggedIn = _useState[1];
+  var _useState2 = React.useState(!isLoggedIn),
+    showModalLogin = _useState2[0],
+    setShowModalLogin = _useState2[1];
+  var _useState3 = React.useState(false),
+    showCopyModal = _useState3[0],
+    setShowCopyModal = _useState3[1];
+  var _useState4 = React.useState([]),
+    prizes = _useState4[0],
+    setPrizes = _useState4[1];
+  var _useState5 = React.useState({}),
+    shareOptions = _useState5[0],
+    setShareOptions = _useState5[1];
+  var _useState6 = React.useState({}),
+    shareActionData = _useState6[0],
+    setShareActionData = _useState6[1];
+  var _useState7 = React.useState({}),
+    error = _useState7[0],
+    setError = _useState7[1];
+  useCookieListener(X_TF_ECOMMERCE, function (value) {
+    return setIsLoggedIn(Boolean(value));
+  });
+  React.useEffect(function () {
+    var fetchConfirmationData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var shareOptionsData, attributes, eventId, influencersData, _error$response;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              if (!(hash && isLoggedIn)) {
+                _context.next = 15;
+                break;
+              }
+              _context.next = 4;
+              return getPreRegistrationShareOptions({
+                hash: hash
+              });
+            case 4:
+              shareOptionsData = _context.sent;
+              attributes = shareOptionsData.data.attributes;
+              setShareOptions(shareOptionsData.data);
+              setShareActionData({
+                shareActionToken: attributes.shareActionToken,
+                tokenShuffleMethod: attributes.tokenShuffleMethod
+              });
+              eventId = _get(shareOptionsData, 'data.attributes.eventId');
+              if (!(eventId || pEventId)) {
+                _context.next = 14;
+                break;
+              }
+              _context.next = 12;
+              return getPreRegistrationInfluancers({
+                eventId: eventId || pEventId
+              });
+            case 12:
+              influencersData = _context.sent;
+              setPrizes(influencersData.data.attributes.prizes);
+            case 14:
+              onGetConfirmationDataSuccess();
+            case 15:
+              _context.next = 20;
+              break;
+            case 17:
+              _context.prev = 17;
+              _context.t0 = _context["catch"](0);
+              if (axios.isAxiosError(_context.t0)) {
+                setError((_error$response = _context.t0.response) == null ? void 0 : _error$response.data);
+              }
+            case 20:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 17]]);
+      }));
+      return function fetchConfirmationData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    fetchConfirmationData();
+  }, [pEventId, hash, onGetConfirmationDataError, onGetConfirmationDataSuccess, isLoggedIn]);
+  var onClose = function onClose() {
+    setShowCopyModal(false);
+  };
+  var updateShareActionData = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var shareOptionsData;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!hash) {
+              _context2.next = 6;
+              break;
+            }
+            _context2.next = 3;
+            return getPreRegistrationShareOptions({
+              hash: hash
+            });
+          case 3:
+            shareOptionsData = _context2.sent;
+            setShareOptions(shareOptionsData.data);
+            setShareActionData({
+              shareActionToken: shareOptionsData.data.attributes.shareActionToken,
+              tokenShuffleMethod: shareOptionsData.data.attributes.tokenShuffleMethod
+            });
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function updateShareActionData() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return React__default.createElement(React__default.Fragment, null, isLoggedIn && _isEmpty(error) ? React__default.createElement("div", {
+    className: classNamePrefix + "_pre_registration_complete_container"
+  }, React__default.createElement(CopyMessageModal, {
+    showCopyModal: showCopyModal,
+    onClose: onClose
+  }), React__default.createElement("p", {
+    className: classNamePrefix + "_pre_registration_complete_header"
+  }, pageHeader), React__default.createElement("div", {
+    className: classNamePrefix + "_pre_registration_complete_message"
+  }, pageMessage), React__default.createElement("div", {
+    className: classNamePrefix + "_pre_registration_complete_body"
+  }, !_isEmpty(prizes) && React__default.createElement(Prewards, {
+    classNamePrefix: classNamePrefix,
+    data: prizes
+  }), !_isEmpty(shareOptions) && React__default.createElement(ShareOptions, {
+    classNamePrefix: classNamePrefix,
+    data: shareOptions,
+    onLinkCopied: function onLinkCopied() {
+      setShowCopyModal(true);
+      _onLinkCopied();
+    },
+    shareActionData: shareActionData,
+    updateShareActionData: updateShareActionData,
+    hasCopyIcon: hasCopyIcon,
+    hash: hash
+  }))) : showModalLogin && React__default.createElement(LoginModal, {
+    logo: logo,
+    onClose: function onClose() {
+      setShowModalLogin(false);
+    },
+    onLogin: function onLogin(res) {
+      setShowModalLogin(false);
+      onLoginSuccess(res);
+    }
+  }), !_isEmpty(error) && React__default.createElement(ConfirmModal, {
+    hideCancelBtn: true,
+    message: error.message,
+    onConfirm: function onConfirm() {
+      return onGetConfirmationDataError(error);
+    }
+  }));
+};
+
+var Influancers = function Influancers(props) {
+  var data = props.data,
+    classNamePrefix = props.classNamePrefix,
+    _props$headerNode = props.headerNode,
+    headerNode = _props$headerNode === void 0 ? React__default.createElement(React__default.Fragment, null, "TOP", React__default.createElement("span", null, "\xA0INFLUANCERS")) : _props$headerNode;
+  return React__default.createElement("div", {
+    className: classNamePrefix + "_influencers_container"
+  }, !_isEmpty(data) && React__default.createElement("div", {
+    className: classNamePrefix + "_influencers_header"
+  }, headerNode), React__default.createElement("div", {
+    className: classNamePrefix + "_influencers"
+  }, _map(data, function (influencer, index) {
+    return React__default.createElement("div", {
+      key: influencer.prereg_id,
+      className: classNamePrefix + "_influencer"
+    }, React__default.createElement("span", {
+      className: classNamePrefix + "_influencer_index"
+    }, index + 1), React__default.createElement("span", {
+      className: classNamePrefix + "_influencer_title"
+    }, "INFLUENCER"), React__default.createElement("span", {
+      className: classNamePrefix + "_influencer_name"
+    }, influencer.name));
+  })));
+};
+
+var PreRegistrationInformations = function PreRegistrationInformations(props) {
+  var classNamePrefix = props.classNamePrefix,
+    eventId = props.eventId,
+    _props$onGetPreregist = props.onGetPreregistrationDataSuccess,
+    onGetPreregistrationDataSuccess = _props$onGetPreregist === void 0 ? _identity : _props$onGetPreregist,
+    _props$onGetPreregist2 = props.onGetPreregistrationDataError,
+    onGetPreregistrationDataError = _props$onGetPreregist2 === void 0 ? _identity : _props$onGetPreregist2,
+    influancersHeaderNode = props.influancersHeaderNode,
+    prewardsHeaderNode = props.prewardsHeaderNode;
+  var _useState = React.useState([]),
+    prizes = _useState[0],
+    setPrizes = _useState[1];
+  var _useState2 = React.useState([]),
+    influencers = _useState2[0],
+    setInfluencers = _useState2[1];
+  var topInfluancers = _slice(influencers, 0, 10);
+  React.useEffect(function () {
+    var fetchPreregistrationData = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var preregistrationData;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return getPreRegistrationInfluancers({
+                eventId: eventId
+              });
+            case 3:
+              preregistrationData = _context.sent;
+              setPrizes(preregistrationData.data.attributes.prizes);
+              setInfluencers(preregistrationData.data.attributes.influencers);
+              onGetPreregistrationDataSuccess();
+              _context.next = 12;
+              break;
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](0);
+              if (_context.t0) {
+                onGetPreregistrationDataError();
+              }
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 9]]);
+      }));
+      return function fetchPreregistrationData() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    fetchPreregistrationData();
+  }, [eventId, onGetPreregistrationDataError, onGetPreregistrationDataSuccess]);
+  return React__default.createElement("div", {
+    className: classNamePrefix + "_pre_registration_info_container"
+  }, React__default.createElement(Prewards, {
+    headerNode: prewardsHeaderNode,
+    data: prizes,
+    classNamePrefix: classNamePrefix
+  }), React__default.createElement(Influancers, {
+    headerNode: influancersHeaderNode,
+    data: topInfluancers,
+    classNamePrefix: classNamePrefix
+  }));
+};
+
 exports.AddonsContainter = AddonsContainter;
 exports.BillingInfoContainer = BillingInfoContainer;
 exports.ConfirmationContainer = ConfirmationContainer;
@@ -11195,6 +12543,9 @@ exports.MyTicketsContainer = MyTicketsContainer;
 exports.OrderDetailsContainer = OrderDetailsContainer;
 exports.PaymentContainer = PaymentContainer;
 exports.PoweredBy = PoweredBy;
+exports.PreRegistration = PreRegistration;
+exports.PreRegistrationComplete = PreRegistrationComplete;
+exports.PreRegistrationInformations = PreRegistrationInformations;
 exports.RedirectModal = RedirectModal;
 exports.ResetPasswordContainer = ResetPasswordContainer;
 exports.RsvpContainer = RsvpContainer;