tf-checkout-react 1.6.6-beta.22 → 1.6.6-beta.24

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

@@ -61,6 +61,7 @@ var reactStripeJs = require('@stripe/react-stripe-js');
 var stripeJs = require('@stripe/stripe-js');
 var reactShare = require('react-share');
 var _filter = _interopDefault(require('lodash/filter'));
+var _flatten = _interopDefault(require('lodash/flatten'));
 var _some = _interopDefault(require('lodash/some'));
 var moment = _interopDefault(require('moment-timezone'));
 var Button$1 = _interopDefault(require('react-bootstrap/Button'));
@@ -824,15 +825,15 @@ var getAddOnDataWithCustomFields = function getAddOnDataWithCustomFields(customF
   // Custom Fields are not specified case
   if (_isEmpty(customFields)) {
     return {
-      addOnDataWithCustomFields: {}
+      addOnDataWithCustomFields: []
     };
   }
   // Add Custom Fields for Order
-  var orderWithCustomFields = {
+  var orderWithCustomFields = [{
     id: 1,
     groupClassname: 'billing-info-container__customFields',
     groupItems: [].concat(customFields.addOnFields)
-  };
+  }];
   var addOnDataWithCustomFields = {
     fields: orderWithCustomFields
   };
@@ -1305,28 +1306,51 @@ var getTickets = /*#__PURE__*/function () {
   };
 }();
 var getTimeSlotsByDate = /*#__PURE__*/function () {
-  var _ref3 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(eventId, date) {
-    var response;
+  var _ref3 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(eventId, date, promoCode, pk) {
+    var invitationHash, referralId, promoterId, params, headers, response;
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          _context3.next = 2;
+          invitationHash = getQueryVariable('invitation-hash');
+          referralId = getQueryVariable('ttf_r');
+          if (referralId) {
+            window.localStorage.setItem('promoter_id', referralId);
+          }
+          promoterId = window.localStorage.getItem('promoter_id');
+          params = {
+            pk: pk
+          };
+          if (invitationHash) {
+            params['invitation-hash'] = invitationHash;
+          }
+          headers = publicRequest.defaults.headers.common;
+          if (promoterId) {
+            headers['Promotion-Event'] = String(eventId);
+            headers['Referrer-Id'] = isBrowser ? promoterId : '';
+          }
+          if (promoCode) {
+            headers['Promotion-Event'] = String(eventId);
+            headers['Promotion-Code'] = promoCode;
+            window.localStorage.removeItem('promoter_id');
+          }
+          _context3.next = 11;
           return publicRequest.get("v1/event/" + eventId + "/timeslots", {
-            params: {
+            params: _extends({
               date: date,
               remove_past_slots: true
-            }
+            }, params),
+            headers: headers
           });
-        case 2:
+        case 11:
           response = _context3.sent;
           return _context3.abrupt("return", response.data);
-        case 4:
+        case 13:
         case "end":
           return _context3.stop();
       }
     }, _callee3);
   }));
-  return function getTimeSlotsByDate(_x6, _x7) {
+  return function getTimeSlotsByDate(_x6, _x7, _x8, _x9) {
     return _ref3.apply(this, arguments);
   };
 }();
@@ -1368,7 +1392,7 @@ var getStates = /*#__PURE__*/function () {
       }
     }, _callee5);
   }));
-  return function getStates(_x8) {
+  return function getStates(_x10) {
     return _ref5.apply(this, arguments);
   };
 }();
@@ -1389,7 +1413,7 @@ var sendRSVPInfo = /*#__PURE__*/function () {
       }
     }, _callee6);
   }));
-  return function sendRSVPInfo(_x9, _x10) {
+  return function sendRSVPInfo(_x11, _x12) {
     return _ref6.apply(this, arguments);
   };
 }();
@@ -1412,7 +1436,7 @@ var addToWaitingList = /*#__PURE__*/function () {
       }
     }, _callee7);
   }));
-  return function addToWaitingList(_x11, _x12) {
+  return function addToWaitingList(_x13, _x14) {
     return _ref7.apply(this, arguments);
   };
 }();
@@ -1435,7 +1459,7 @@ var postReferralVisits = /*#__PURE__*/function () {
       }
     }, _callee8);
   }));
-  return function postReferralVisits(_x13, _x14) {
+  return function postReferralVisits(_x15, _x16) {
     return _ref8.apply(this, arguments);
   };
 }();
@@ -1456,7 +1480,7 @@ var validatePhoneNumber = /*#__PURE__*/function () {
       }
     }, _callee9);
   }));
-  return function validatePhoneNumber(_x15) {
+  return function validatePhoneNumber(_x17) {
     return _ref9.apply(this, arguments);
   };
 }();
@@ -3436,10 +3460,10 @@ var AddonComponent = function AddonComponent(_ref) {
     }, _map(groupItems, function (element) {
       return React__default.createElement("div", {
         className: element.className,
-        key: element.name
+        key: data.id + "-" + id + "-" + element.name
       }, React__default.createElement(formik.Field, Object.assign({}, element, {
         type: element.type === 'radio' || element.type === 'checkbox' ? undefined : element.type,
-        name: "" + element.name,
+        name: data.id + "-" + id + "-" + element.name,
         label: getFieldLabel(element, configs),
         component: getFieldComponent(element),
         validate: getValidateFunctions(element, [], values, errors)
@@ -3881,6 +3905,22 @@ var AddonsContainter = function AddonsContainter(_ref) {
   var handleClearAddons = function handleClearAddons() {
     window.localStorage.removeItem('add_ons');
   };
+  var initialValues = React.useMemo(function () {
+    var _addOnDataWithCustomF;
+    var addOnsData = {};
+    if ((addons == null ? void 0 : addons.length) > 0 && (addOnDataWithCustomFields == null ? void 0 : (_addOnDataWithCustomF = addOnDataWithCustomFields.fields) == null ? void 0 : _addOnDataWithCustomF.length) > 0) {
+      _map(addons, function (addon) {
+        _map(addOnDataWithCustomFields.fields, function (field) {
+          var id = field.id,
+            groupItems = field.groupItems;
+          _map(groupItems, function (item) {
+            addOnsData[addon.id + "-" + id + "-" + item.name] = item.value;
+          });
+        });
+      });
+    }
+    return addOnsData;
+  }, [addons, addOnDataWithCustomFields]);
   if (loading) {
     return React__default.createElement("div", {
       className: classNamePrefix + "_loader"
@@ -3917,7 +3957,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
   }, "Skip")), (!(addons != null && addons.length) || isResale && addOnIsIncluded) && samePage ? null : React__default.createElement("div", {
     className: classNamePrefix + "_subtitle"
   }, "PLEASE SELECT FROM THE OPTIONAL ADD-ONS BELOW"), React__default.createElement(formik.Formik, {
-    initialValues: {},
+    initialValues: initialValues,
     onSubmit: function onSubmit(values) {
       handleConfirm(values);
     },
@@ -3928,7 +3968,8 @@ var AddonsContainter = function AddonsContainter(_ref) {
     } : undefined
   }, function (_ref4) {
     var values = _ref4.values,
-      errors = _ref4.errors;
+      errors = _ref4.errors,
+      setFieldTouched = _ref4.setFieldTouched;
     var isConfirmDisabled = !isAtLeastOneAddonSelected(values);
     return React__default.createElement(formik.Form, {
       autoComplete: "off",
@@ -4013,7 +4054,14 @@ var AddonsContainter = function AddonsContainter(_ref) {
         selectOptions: addonsOptions[addon.id],
         classNamePrefix: classNamePrefix,
         handleAddonChange: function handleAddonChange(id, value) {
-          return onFieldChange(id, value, addon);
+          onFieldChange(id, value, addon);
+          _map(addOnDataWithCustomFields.fields, function (fieldGroup) {
+            var id = fieldGroup.id,
+              groupItems = fieldGroup.groupItems;
+            _map(groupItems, function (field) {
+              setFieldTouched(addon.id + "-" + id + "-" + field.name, true, true);
+            });
+          });
         },
         addOnDataWithCustomFields: addOnDataWithCustomFields,
         configs: configs,
@@ -5590,7 +5638,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     },
     onForgotPasswordSuccess: onForgotPasswordSuccess,
     onForgotPasswordError: onForgotPasswordError,
-    showPoweredByImage: showPoweredByImage
+    showPoweredByImage: showPoweredByImage,
+    displaySuccessMessage: true
   }), React__default.createElement(VerificationPendingModal, {
     message: pendingVerificationMessage,
     onClose: function onClose() {
@@ -7628,8 +7677,9 @@ var TicketRow = function TicketRow(_ref) {
   return React__default.createElement(React__default.Fragment, null, returnValue, " ");
 };
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 function decodeHTML(html) {
-  var textArea = document.createElement("textarea");
+  var textArea = document.createElement('textarea');
   textArea.innerHTML = html;
   return textArea.value;
 }
@@ -7678,7 +7728,7 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketIsDiscounted = true;
     }
     var ticketIsFree = +ticket.price === 0;
-    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE == FEES_STYLES.DISPLAY_BOTH ? ticketPriceWithoutFees : ticketPriceWithFees;
+    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : CONFIGS.FEES_STYLE === FEES_STYLES.DISPLAY_BOTH ? ticketPriceWithoutFees : ticketPriceWithFees;
     var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr = arr[i - 1]) == null ? void 0 : _arr.groupName);
     return React__default.createElement(React__default.Fragment, {
       key: ticket.id || ticket.name
@@ -7691,26 +7741,26 @@ var TicketsSection = function TicketsSection(_ref) {
     }, ticket.displayName || ticket.name, ticket.descriptionRich && React__default.createElement(React__default.Fragment, null, React__default.createElement("span", {
       "aria-hidden": true,
       className: "info-icon",
-      onClick: descriptionTrigger === "click" ? function () {
+      onClick: descriptionTrigger === 'click' ? function () {
         return handleDescriptionToggle(ticket.id);
       } : undefined,
-      onMouseEnter: descriptionTrigger === "hover" ? function () {
+      onMouseEnter: descriptionTrigger === 'hover' ? function () {
         return setVisibleDescription(ticket.id);
       } : undefined,
-      onMouseLeave: descriptionTrigger === "hover" ? function () {
+      onMouseLeave: descriptionTrigger === 'hover' ? function () {
         return setVisibleDescription(null);
       } : undefined,
       "data-tooltip-id": "tooltip-" + ticket.id,
       "data-tooltip-content": "View ticket info",
       style: {
         marginLeft: 8,
-        cursor: "pointer",
-        display: "flex"
+        cursor: 'pointer',
+        display: 'flex'
       }
     }, React__default.createElement(InfoIcon, null)), React__default.createElement(reactTooltip.Tooltip, {
       id: "tooltip-" + ticket.id,
       place: "top"
-    }, ticket.description || "No description available"))), React__default.createElement("div", {
+    }, ticket.description || 'No description available'))), React__default.createElement("div", {
       className: "event-tickets-container"
     }, React__default.createElement("div", {
       className: "event-detail__tier-price"
@@ -7778,14 +7828,14 @@ var TicketsSection = function TicketsSection(_ref) {
       style: {
         marginLeft: 8,
         cursor: 'pointer',
-        display: "flex"
+        display: 'flex'
       },
       "data-tooltip-id": "tooltip-" + ticket.id,
       "data-tooltip-content": "View ticket info"
     }, React__default.createElement(InfoIcon, null)), React__default.createElement(reactTooltip.Tooltip, {
       id: "tooltip-" + ticket.id,
       place: "top"
-    }, ticket.description || "No description available"))), React__default.createElement("div", {
+    }, ticket.description || 'No description available'))), React__default.createElement("div", {
       className: "event-tickets-container"
     }, React__default.createElement("div", {
       className: "event-detail__tier-price"
@@ -7822,8 +7872,11 @@ var TicketsSection = function TicketsSection(_ref) {
 
 var TimeSlotsSection = function TimeSlotsSection(_ref) {
   var event = _ref.event,
-    eventId = _ref.eventId,
     availableDates = _ref.availableDates,
+    selectedDate = _ref.selectedDate,
+    timeSlotGroups = _ref.timeSlotGroups,
+    setSelectedDate = _ref.setSelectedDate,
+    getTimeSlots = _ref.getTimeSlots,
     selectedTickets = _ref.selectedTickets,
     handleTicketSelect = _ref.handleTicketSelect,
     sortBySoldOut = _ref.sortBySoldOut,
@@ -7832,59 +7885,39 @@ var TimeSlotsSection = function TimeSlotsSection(_ref) {
     showGroupNameBlock = _ref.showGroupNameBlock,
     currencySymbol = _ref.currencySymbol,
     isSeatMapAllowed = _ref.isSeatMapAllowed;
-  var _useState = React.useState(null),
-    selectedDate = _useState[0],
-    setSelectedDate = _useState[1];
-  var _useState2 = React.useState({}),
-    timeSlotGroups = _useState2[0],
-    setTimeSlotGroups = _useState2[1];
-  var _useState3 = React.useState(false),
-    loading = _useState3[0],
-    setLoading = _useState3[1];
+  var _useState = React.useState(false),
+    loading = _useState[0],
+    setLoading = _useState[1];
   var handleDateChange = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(date) {
-      var response, groupedTickets;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setSelectedDate(date);
             if (!date) {
-              _context.next = 18;
+              _context.next = 14;
               break;
             }
             setLoading(true);
             _context.prev = 3;
             _context.next = 6;
-            return getTimeSlotsByDate(eventId, moment(date).format('YYYY-MM-DD'));
+            return getTimeSlots(date);
           case 6:
-            response = _context.sent;
-            groupedTickets = {};
-            _map(response.data.attributes.timeslots, function (timeslots, date) {
-              var dateKeyChunks = date.split('-');
-              var dateKey = [dateKeyChunks[0], dateKeyChunks[1], dateKeyChunks[2]].join('-');
-              _forEach(timeslots, function (ticketList) {
-                if (!groupedTickets[dateKey]) {
-                  groupedTickets[dateKey] = [];
-                }
-                groupedTickets[dateKey] = groupedTickets[dateKey].concat(ticketList);
-              });
-            });
-            setTimeSlotGroups(groupedTickets);
-            _context.next = 15;
+            _context.next = 11;
             break;
-          case 12:
-            _context.prev = 12;
+          case 8:
+            _context.prev = 8;
             _context.t0 = _context["catch"](3);
             console.error('Error fetching time slots:', _context.t0);
-          case 15:
-            _context.prev = 15;
+          case 11:
+            _context.prev = 11;
             setLoading(false);
-            return _context.finish(15);
-          case 18:
+            return _context.finish(11);
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 12, 15, 18]]);
+      }, _callee, null, [[3, 8, 11, 14]]);
     }));
     return function handleDateChange(_x) {
       return _ref2.apply(this, arguments);
@@ -8111,6 +8144,12 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var _useState23 = React.useState([]),
     availableDates = _useState23[0],
     setAvailableDates = _useState23[1];
+  var _useState24 = React.useState(null),
+    selectedDate = _useState24[0],
+    setSelectedDate = _useState24[1];
+  var _useState25 = React.useState({}),
+    timeSlotGroups = _useState25[0],
+    setTimeSlotGroups = _useState25[1];
   useCookieListener(X_TF_ECOMMERCE, function (value) {
     return setIsLogged(Boolean(value));
   });
@@ -8198,28 +8237,83 @@ var TicketsContainer = function TicketsContainer(_ref) {
       onLoginSuccess();
     }
   };
-  function getTicketsApi(_x, _x2) {
+  var getTimeSlots = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(date, type) {
+      var _timeSlotsResponse$da, timeSlotsResponse, groupedTickets, attributes;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (date) {
+              _context2.next = 3;
+              break;
+            }
+            setShowPromoCodeSection(false);
+            return _context2.abrupt("return");
+          case 3:
+            _context2.prev = 3;
+            _context2.next = 6;
+            return getTimeSlotsByDate(eventId, moment(date).format('YYYY-MM-DD'), code);
+          case 6:
+            timeSlotsResponse = _context2.sent;
+            groupedTickets = {};
+            _map(timeSlotsResponse.data.attributes.timeslots, function (timeslots, date) {
+              var dateKeyChunks = date.split('-');
+              var dateKey = [dateKeyChunks[0], dateKeyChunks[1], dateKeyChunks[2]].join('-');
+              _forEach(timeslots, function (ticketList) {
+                if (!groupedTickets[dateKey]) {
+                  groupedTickets[dateKey] = [];
+                }
+                groupedTickets[dateKey] = groupedTickets[dateKey].concat(ticketList);
+              });
+            });
+            setTimeSlotGroups(groupedTickets);
+            setShowPromoCodeSection(true);
+            attributes = timeSlotsResponse == null ? void 0 : (_timeSlotsResponse$da = timeSlotsResponse.data) == null ? void 0 : _timeSlotsResponse$da.attributes;
+            if (type === 'promo') {
+              setCodeIsApplied(attributes.ValidPromoCode);
+              setCodeIsInvalid(!attributes.ValidPromoCode);
+              setCode('');
+              window.localStorage.setItem('appliedPromoCode', code);
+              setShowAccessCodeSection(attributes.is_access_code);
+              setShowPromoCodeSection(attributes.isPromotionsEnabled);
+            }
+            _context2.next = 17;
+            break;
+          case 15:
+            _context2.prev = 15;
+            _context2.t0 = _context2["catch"](3);
+          case 17:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[3, 15]]);
+    }));
+    return function getTimeSlots(_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  function getTicketsApi(_x3, _x4) {
     return _getTicketsApi.apply(this, arguments);
   }
   function _getTicketsApi() {
-    _getTicketsApi = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(isUpdatingCode, type) {
+    _getTicketsApi = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(isUpdatingCode, type) {
       var previewKey, eventResponse, _event2, _event2$timeslotSetti, _event2$timeslotSetti2, response, _response$data, attributes;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context4.prev = 0;
+            _context5.prev = 0;
             if (isUpdatingCode) {
               setCodeIsLoading(true);
             } else {
               setIsLoading(true);
             }
             previewKey = getQueryVariable('pk') || undefined;
-            _context4.next = 5;
+            _context5.next = 5;
             return getEvent(eventId, previewKey);
           case 5:
-            eventResponse = _context4.sent;
+            eventResponse = _context5.sent;
             if (!eventResponse.success) {
-              _context4.next = 13;
+              _context5.next = 14;
               break;
             }
             _event2 = eventResponse.data.attributes;
@@ -8228,17 +8322,18 @@ var TicketsContainer = function TicketsContainer(_ref) {
               window.localStorage.setItem('eventCountry', _event2.country);
             }
             if (!_event2.isTimeSlotEvent) {
-              _context4.next = 13;
+              _context5.next = 14;
               break;
             }
+            getTimeSlots(selectedDate, code);
             // For timeslots we shouldn't fetch all tickets at once
             setAvailableDates((_event2$timeslotSetti = _event2 == null ? void 0 : (_event2$timeslotSetti2 = _event2.timeslotSettings) == null ? void 0 : _event2$timeslotSetti2.availableDates) != null ? _event2$timeslotSetti : []);
-            return _context4.abrupt("return");
-          case 13:
-            _context4.next = 15;
+            return _context5.abrupt("return");
+          case 14:
+            _context5.next = 16;
             return getTickets(eventId, code, previewKey);
-          case 15:
-            response = _context4.sent;
+          case 16:
+            response = _context5.sent;
             if (response.success) {
               attributes = response == null ? void 0 : (_response$data = response.data) == null ? void 0 : _response$data.attributes;
               type === 'promo' && setCodeIsApplied(attributes.ValidPromoCode);
@@ -8257,26 +8352,26 @@ var TicketsContainer = function TicketsContainer(_ref) {
               setShowAccessCodeSection(attributes.is_access_code);
               setShowPromoCodeSection(attributes.isPromotionsEnabled);
             }
-            _context4.next = 22;
+            _context5.next = 23;
             break;
-          case 19:
-            _context4.prev = 19;
-            _context4.t0 = _context4["catch"](0);
-            if (axios.isAxiosError(_context4.t0)) {
-              onGetTicketsError(_context4.t0);
-              setError(_get(_context4.t0, 'response.data.message', ''));
+          case 20:
+            _context5.prev = 20;
+            _context5.t0 = _context5["catch"](0);
+            if (axios.isAxiosError(_context5.t0)) {
+              onGetTicketsError(_context5.t0);
+              setError(_get(_context5.t0, 'response.data.message', ''));
               window.localStorage.removeItem('appliedPromoCode');
             }
-          case 22:
-            _context4.prev = 22;
+          case 23:
+            _context5.prev = 23;
             setIsLoading(false);
             setCodeIsLoading(false);
-            return _context4.finish(22);
-          case 26:
+            return _context5.finish(23);
+          case 27:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4, null, [[0, 19, 22, 26]]);
+      }, _callee5, null, [[0, 20, 23, 27]]);
     }));
     return _getTicketsApi.apply(this, arguments);
   }
@@ -8284,32 +8379,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
     return _fetchPreregisteredData.apply(this, arguments);
   }
   function _fetchPreregisteredData() {
-    _fetchPreregisteredData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    _fetchPreregisteredData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
       var preregistrationData;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            _context5.prev = 0;
-            _context5.next = 3;
+            _context6.prev = 0;
+            _context6.next = 3;
             return getPreRegistrationInfluencers({
               eventId: eventId
             });
           case 3:
-            preregistrationData = _context5.sent;
+            preregistrationData = _context6.sent;
             setPreregisteredUsers(preregistrationData.data.attributes.influencers);
-            _context5.next = 10;
+            _context6.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', ''));
+            _context6.prev = 7;
+            _context6.t0 = _context6["catch"](0);
+            if (axios.isAxiosError(_context6.t0)) {
+              setError(_get(_context6.t0, 'response.data.message', ''));
             }
           case 10:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5, null, [[0, 7]]);
+      }, _callee6, null, [[0, 7]]);
     }));
     return _fetchPreregisteredData.apply(this, arguments);
   }
@@ -8319,11 +8414,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
     localStorage.setItem('selectedTicketsQuantity', value.toString());
     setSelectedTickets(function (prevState) {
-      var _ref3;
+      var _ref4;
       if (Object.keys(prevState)[0] !== key && !value) {
         return prevState;
       }
-      return _ref3 = {}, _ref3[key] = value, _ref3.isTable = isTable, _ref3;
+      return _ref4 = {}, _ref4[key] = value, _ref4.isTable = isTable, _ref4;
     });
   };
   var handleOrdersClick = function handleOrdersClick() {
@@ -8335,14 +8430,19 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setError(null);
   };
   var handleBook = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var _product_options, _product_options2, _ticket_types;
-      var ticket, optionName, ticketId, isTableType, productCartQuantity, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$has_, _pageConfigsData$free, pageConfigsData, skipBillingPage, hasAddOn, freeTicket, hash, total, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, userData, checkoutBody, checkoutResponse, _errorResponse$data, _errorResponse$data$d, errorResponse, _errorResponse$data2, message, _isInvalidLinkError, _isNotInvitedError;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      var timeSlotTickets, ticket, optionName, ticketId, isTableType, productCartQuantity, ticketQuantity, data, result, pageConfigsDataResponse, _pageConfigsData$skip, _pageConfigsData$has_, _pageConfigsData$free, pageConfigsData, skipBillingPage, hasAddOn, freeTicket, hash, total, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, userData, checkoutBody, checkoutResponse, _errorResponse$data, _errorResponse$data$d, errorResponse, _errorResponse$data2, message, _isInvalidLinkError, _isNotInvitedError;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
+            timeSlotTickets = _flatten(_map(timeSlotGroups, function (slots) {
+              return slots;
+            }));
             setHandleBookIsLoading(true);
-            ticket = _find(tickets, function (item) {
+            ticket = event != null && event.isTimeSlotEvent ? _find(timeSlotTickets || [], function (item) {
+              return Number(selectedTickets[item.id]) > 0;
+            }) || {} : _find(tickets, function (item) {
               return Number(selectedTickets[item.id]) > 0;
             }) || {};
             optionName = _get(ticket, 'optionName');
@@ -8362,33 +8462,33 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 }, _ticket_types)
               }
             };
-            _context2.prev = 8;
+            _context3.prev = 9;
             onGetTicketsPress();
-            _context2.next = 12;
+            _context3.next = 13;
             return addToCart(eventId, data);
-          case 12:
-            result = _context2.sent;
+          case 13:
+            result = _context3.sent;
             if (!enableAddOns) {
-              _context2.next = 19;
+              _context3.next = 20;
               break;
             }
-            _context2.next = 16;
+            _context3.next = 17;
             return getCheckoutPageConfigs();
-          case 16:
-            _context2.t0 = _context2.sent;
-            _context2.next = 20;
+          case 17:
+            _context3.t0 = _context3.sent;
+            _context3.next = 21;
             break;
-          case 19:
-            _context2.t0 = {
+          case 20:
+            _context3.t0 = {
               status: 200,
               data: {
                 attributes: _get(result, 'data.attributes')
               }
             };
-          case 20:
-            pageConfigsDataResponse = _context2.t0;
+          case 21:
+            pageConfigsDataResponse = _context3.t0;
             if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-              _context2.next = 43;
+              _context3.next = 44;
               break;
             }
             pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
@@ -8399,29 +8499,29 @@ var TicketsContainer = function TicketsContainer(_ref) {
             total = '';
             isBrowser && window.localStorage.removeItem('add_ons');
             if (!(skipBillingPage && !hasAddOn)) {
-              _context2.next = 42;
+              _context3.next = 43;
               break;
             }
             // Get user data for checkout data
             userData = isBrowser && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
             checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
             if (!enableBillingInfoAutoCreate) {
-              _context2.next = 38;
+              _context3.next = 39;
               break;
             }
-            _context2.next = 35;
+            _context3.next = 36;
             return postOnCheckout(checkoutBody, freeTicket);
-          case 35:
-            _context2.t1 = _context2.sent;
-            _context2.next = 39;
+          case 36:
+            _context3.t1 = _context3.sent;
+            _context3.next = 40;
             break;
-          case 38:
-            _context2.t1 = null;
           case 39:
-            checkoutResponse = _context2.t1;
+            _context3.t1 = null;
+          case 40:
+            checkoutResponse = _context3.t1;
             hash = (checkoutResponse == null ? void 0 : (_checkoutResponse$dat = checkoutResponse.data) == null ? void 0 : (_checkoutResponse$dat2 = _checkoutResponse$dat.attributes) == null ? void 0 : _checkoutResponse$dat2.hash) || '';
             total = (checkoutResponse == null ? void 0 : (_checkoutResponse$dat3 = checkoutResponse.data) == null ? void 0 : (_checkoutResponse$dat4 = _checkoutResponse$dat3.attributes) == null ? void 0 : _checkoutResponse$dat4.total) || '';
-          case 42:
+          case 43:
             onAddToCartSuccess({
               skip_billing_page: skipBillingPage,
               event_id: String(eventId),
@@ -8429,18 +8529,18 @@ var TicketsContainer = function TicketsContainer(_ref) {
               total: total,
               hasAddOn: hasAddOn
             });
-          case 43:
-            _context2.next = 49;
+          case 44:
+            _context3.next = 50;
             break;
-          case 45:
-            _context2.prev = 45;
-            _context2.t2 = _context2["catch"](8);
-            errorResponse = _get(_context2.t2, 'response', {});
+          case 46:
+            _context3.prev = 46;
+            _context3.t2 = _context3["catch"](9);
+            errorResponse = _get(_context3.t2, 'response', {});
             if (errorResponse != null && (_errorResponse$data = errorResponse.data) != null && (_errorResponse$data$d = _errorResponse$data.data) != null && _errorResponse$data$d.hasUnverifiedOrder) {
               setPendingVerificationMessage(errorResponse == null ? void 0 : (_errorResponse$data2 = errorResponse.data) == null ? void 0 : _errorResponse$data2.message);
-            } else if (axios.isAxiosError(_context2.t2)) {
-              onAddToCartError(_context2.t2);
-              message = _get(_context2.t2, 'response.data.message', '');
+            } else if (axios.isAxiosError(_context3.t2)) {
+              onAddToCartError(_context3.t2);
+              message = _get(_context3.t2, 'response.data.message', '');
               _isInvalidLinkError = _includes(message, 'No more of this ticket type are available right now');
               _isNotInvitedError = _includes(message, 'You must have been invited to this event to attend');
               if (_isInvalidLinkError) {
@@ -8451,47 +8551,47 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setError(message);
               }
             }
-          case 49:
-            _context2.prev = 49;
+          case 50:
+            _context3.prev = 50;
             setHandleBookIsLoading(false);
-            return _context2.finish(49);
-          case 52:
+            return _context3.finish(50);
+          case 53:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2, null, [[8, 45, 49, 52]]);
+      }, _callee3, null, [[9, 46, 50, 53]]);
     }));
     return function handleBook() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var updateTickets = function updateTickets(isUpdatingCode, type) {
     getTicketsApi(isUpdatingCode, type);
   };
   var fetchUserData = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var userDataResponse, profileData, profileDataObj;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context3.next = 2;
+            _context4.next = 2;
             return getProfileData();
           case 2:
-            userDataResponse = _context3.sent;
+            userDataResponse = _context4.sent;
             profileData = _get(userDataResponse, 'data');
             profileDataObj = setLoggedUserData(profileData);
-            return _context3.abrupt("return", profileDataObj);
+            return _context4.abrupt("return", profileDataObj);
           case 6:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return function fetchUserData() {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
-  var isTicketOnSale = _some(tickets, function (item) {
+  var isTicketOnSale = event != null && event.isTimeSlotEvent ? true : _some(tickets, function (item) {
     return (item.salesStarted || (event == null ? void 0 : event.presalesStarted)) && !item.salesEnded && !item.soldOut;
   });
   var eventHasTickets = !_isEmpty(tickets);
@@ -8611,6 +8711,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
     event: event,
     eventId: eventId,
     availableDates: availableDates,
+    selectedDate: selectedDate,
+    setSelectedDate: setSelectedDate,
+    timeSlotGroups: timeSlotGroups,
+    setTimeSlotGroups: setTimeSlotGroups,
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
     sortBySoldOut: sortBySoldOut,
@@ -8618,7 +8722,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     hideTicketsHeader: hideTicketsHeader,
     showGroupNameBlock: showGroupNameBlock,
     currencySymbol: currencySymbol,
-    isSeatMapAllowed: isSeatMapAllowed
+    isSeatMapAllowed: isSeatMapAllowed,
+    getTimeSlots: getTimeSlots
   }), !isSalesClosed && !isTimeSlotEvent && React__default.createElement(TicketsSection, {
     event: event,
     ticketsList: ordinaryTickets,
@@ -13233,13 +13338,14 @@ var PreRegistration = function PreRegistration(_ref) {
       setShowModalLogin(true);
     },
     onForgotPasswordSuccess: onForgotPasswordSuccess,
-    onForgotPasswordError: onForgotPasswordError
+    onForgotPasswordError: onForgotPasswordError,
+    displaySuccessMessage: true
   }), 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$response, _e$response$data, _e$response$data$mess, _e$response2, _e$response2$data, errorMessage, emailErrors, _e$response3, _e$response3$data;
+        var updatedValues, holderAgeDate, confirmationData, bodyFormData, res, profileRes, _error2$response, _error2$response$data, _error2$response$data2, _error2$response2, _error2$response2$dat, _error2, errorMessage, emailErrors, _error2$response3, _error2$response3$dat;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -13306,15 +13412,16 @@ var PreRegistration = function PreRegistration(_ref) {
                 setUserData(_get(profileRes, 'data'));
               }
             case 41:
-              _context2.next = 50;
+              _context2.next = 51;
               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$response = _context2.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : (_e$response$data$mess = _e$response$data.message) == null ? void 0 : _e$response$data$mess.email;
-              if (typeof (_context2.t0 == null ? void 0 : (_e$response2 = _context2.t0.response) == null ? void 0 : (_e$response2$data = _e$response2.data) == null ? void 0 : _e$response2$data.message) === 'string') {
-                errorMessage = _context2.t0 == null ? void 0 : (_e$response3 = _context2.t0.response) == null ? void 0 : (_e$response3$data = _e$response3.data) == null ? void 0 : _e$response3$data.message;
+              _error2 = _context2.t0;
+              errorMessage = (_error2 == null ? void 0 : _error2.message) || 'Error';
+              emailErrors = _error2 == null ? void 0 : (_error2$response = _error2.response) == null ? void 0 : (_error2$response$data = _error2$response.data) == null ? void 0 : (_error2$response$data2 = _error2$response$data.message) == null ? void 0 : _error2$response$data2.email;
+              if (typeof (_error2 == null ? void 0 : (_error2$response2 = _error2.response) == null ? void 0 : (_error2$response2$dat = _error2$response2.data) == null ? void 0 : _error2$response2$dat.message) === 'string') {
+                errorMessage = _error2 == null ? void 0 : (_error2$response3 = _error2.response) == null ? void 0 : (_error2$response3$dat = _error2$response3.data) == null ? void 0 : _error2$response3$dat.message;
               }
               if ((emailErrors == null ? void 0 : emailErrors.length) > 0) {
                 if (emailErrors[0] === 'The email is already used') {
@@ -13324,8 +13431,8 @@ var PreRegistration = function PreRegistration(_ref) {
               } else {
                 setError(errorMessage);
               }
-              onConfirmationError(_context2.t0);
-            case 50:
+              onConfirmationError(_error2);
+            case 51:
             case "end":
               return _context2.stop();
           }