tf-checkout-react 1.0.102 → 1.0.105

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

@@ -1114,6 +1114,13 @@ var publicRequest = /*#__PURE__*/axios.create({
   headers: ttfHeaders
 });
 publicRequest.interceptors.response.use(function (response) {
+  var authGuestToken = _get(response, 'headers.authorization-guest');
+
+  if (isWindowDefined && authGuestToken) {
+    window.localStorage.setItem('auth_guest_token', authGuestToken);
+    publicRequest.setGuestToken(authGuestToken);
+  }
+
   return response;
 }, function (error) {
   var _error$response;
@@ -1122,7 +1129,6 @@ publicRequest.interceptors.response.use(function (response) {
     if (isWindowDefined) {
       var _error$response2, _error$response2$data;
 
-      window.localStorage.removeItem('auth_guest_token');
       window.localStorage.removeItem('user_data');
       window.localStorage.removeItem('access_token');
       var errorType = error == null ? void 0 : (_error$response2 = error.response) == null ? void 0 : (_error$response2$data = _error$response2.data) == null ? void 0 : _error$response2$data.error;
@@ -1133,6 +1139,13 @@ publicRequest.interceptors.response.use(function (response) {
     }
   }
 
+  var authGuestToken = _get(error, 'response.headers.authorization-guest');
+
+  if (isWindowDefined && authGuestToken) {
+    window.localStorage.setItem('auth_guest_token', authGuestToken);
+    publicRequest.setGuestToken(authGuestToken);
+  }
+
   return Promise.reject(error);
 });
 publicRequest.interceptors.request.use(function (config) {
@@ -4137,10 +4150,9 @@ var TicketsSection = function TicketsSection(_ref) {
   var ticketsList = _ref.ticketsList,
       selectedTickets = _ref.selectedTickets,
       handleTicketSelect = _ref.handleTicketSelect,
-      promoCodeIsApplied = _ref.promoCodeIsApplied;
-
-  var sortedTicketsList = _sortBy(ticketsList, 'sortOrder');
-
+      promoCodeIsApplied = _ref.promoCodeIsApplied,
+      sortBySoldOut = _ref.sortBySoldOut;
+  var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
   return React.createElement(React.Fragment, null, sortedTicketsList.map(function (ticket, i, arr) {
     var isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
 
@@ -4573,7 +4585,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$hideWaitingList = _ref.hideWaitingList,
       hideWaitingList = _ref$hideWaitingList === void 0 ? false : _ref$hideWaitingList,
       _ref$isButtonScrollab = _ref.isButtonScrollable,
-      isButtonScrollable = _ref$isButtonScrollab === void 0 ? false : _ref$isButtonScrollab;
+      isButtonScrollable = _ref$isButtonScrollab === void 0 ? false : _ref$isButtonScrollab,
+      _ref$sortBySoldOut = _ref.sortBySoldOut,
+      sortBySoldOut = _ref$sortBySoldOut === void 0 ? false : _ref$sortBySoldOut;
 
   var _useState = useState({}),
       selectedTickets = _useState[0],
@@ -4601,7 +4615,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       showWaitingList = _useState6[0],
       setShowWaitingList = _useState6[1];
 
-  var _useState7 = useState(false),
+  var _useState7 = useState(true),
       isLoading = _useState7[0],
       setIsLoading = _useState7[1];
 
@@ -4717,7 +4731,6 @@ var TicketsContainer = function TicketsContainer(_ref) {
               eventResponse = _context2.sent;
 
               if (response.data.success) {
-                setCustomHeader(response);
                 attributes = _get(response, 'data.data.attributes');
                 setPromoCodeIsApplied(attributes.ValidPromoCode);
                 setTickets(_get(attributes, 'tickets'));
@@ -4813,11 +4826,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
               result = _context.sent;
 
               if (!(result.status === 200)) {
-                _context.next = 27;
+                _context.next = 26;
                 break;
               }
 
-              setCustomHeader(result);
               skipBillingPage = (_result$data$data$att = result == null ? void 0 : (_result$data = result.data) == null ? void 0 : (_result$data$data = _result$data.data) == null ? void 0 : (_result$data$data$att2 = _result$data$data.attributes) == null ? void 0 : _result$data$data$att2.skip_billing_page) != null ? _result$data$data$att : false;
               nameIsRequired = (_result$data$data$att3 = result == null ? void 0 : (_result$data2 = result.data) == null ? void 0 : (_result$data2$data = _result$data2.data) == null ? void 0 : (_result$data2$data$at = _result$data2$data.attributes) == null ? void 0 : _result$data2$data$at.names_required) != null ? _result$data$data$att3 : false;
               ageIsRequired = (_result$data$data$att4 = result == null ? void 0 : (_result$data3 = result.data) == null ? void 0 : (_result$data3$data = _result$data3.data) == null ? void 0 : (_result$data3$data$at = _result$data3$data.attributes) == null ? void 0 : _result$data3$data$at.age_required) != null ? _result$data$data$att4 : false;
@@ -4825,7 +4837,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hash = '';
 
               if (!skipBillingPage) {
-                _context.next = 26;
+                _context.next = 25;
                 break;
               }
 
@@ -4834,14 +4846,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
               userData = _isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
               access_token = _isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
               checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
-              _context.next = 24;
+              _context.next = 23;
               return postOnCheckout(checkoutBody, access_token);
 
-            case 24:
+            case 23:
               checkoutResult = _context.sent;
               hash = _get(checkoutResult, 'data.data.attributes.hash');
 
-            case 26:
+            case 25:
               onAddToCartSuccess({
                 skip_billing_page: skipBillingPage,
                 names_required: nameIsRequired,
@@ -4851,29 +4863,29 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 hash: hash
               });
 
-            case 27:
-              _context.next = 32;
+            case 26:
+              _context.next = 31;
               break;
 
-            case 29:
-              _context.prev = 29;
+            case 28:
+              _context.prev = 28;
               _context.t0 = _context["catch"](6);
 
               if (axios.isAxiosError(_context.t0)) {
                 onAddToCartError(_context.t0);
               }
 
-            case 32:
-              _context.prev = 32;
+            case 31:
+              _context.prev = 31;
               setHandleBookIsLoading(false);
-              return _context.finish(32);
+              return _context.finish(31);
 
-            case 35:
+            case 34:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[6, 29, 32, 35]]);
+      }, _callee, null, [[6, 28, 31, 34]]);
     }));
 
     return function handleBook() {
@@ -4924,7 +4936,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var bookButtonIsDisabled = handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0;
   return React.createElement(ThemeProvider$1, {
     theme: themeMui
-  }, React.createElement(ReferralLogic, {
+  }, !isLoading && React.createElement(ReferralLogic, {
     eventId: eventId
   }), React.createElement("div", {
     className: "get-tickets-page " + theme,
@@ -4935,7 +4947,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     ticketsList: tickets,
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
-    promoCodeIsApplied: promoCodeIsApplied
+    promoCodeIsApplied: promoCodeIsApplied,
+    sortBySoldOut: sortBySoldOut
   }), event != null && event.salesEnded ? React.createElement("p", {
     className: 'event-closed-message'
   }, "Sales for this event are closed.") : !(event != null && event.salesStarted) && event != null && event.salesStart ? React.createElement(Countdown, {
@@ -5827,5 +5840,37 @@ var TicketResaleContainer = function TicketResaleContainer(_ref) {
   }, React.createElement("h3", null, error)));
 };
 
-export { BillingInfoContainer, ConfirmationContainer, LoginModal, MyTicketsContainer, OrderDetailsContainer, PaymentContainer, TicketResaleContainer, TicketsContainer, createFixedFloatNormalizer, currencyNormalizerCreator, setConfigs };
+var style$3 = {
+  position: 'absolute',
+  top: '10%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  minWidth: 480,
+  backgroundColor: '#e3e3e3',
+  border: '1px solid white',
+  outline: 'none',
+  padding: '14px',
+  maxHeight: '85vh',
+  overflow: 'auto'
+};
+var RedirectModal = function RedirectModal(_ref) {
+  var _ref$message = _ref.message,
+      message = _ref$message === void 0 ? 'Your cart has expired. Please click on "OK" to return to the ticket selection page.' : _ref$message,
+      _ref$onClickOk = _ref.onClickOk,
+      onClickOk = _ref$onClickOk === void 0 ? function () {} : _ref$onClickOk;
+  return React.createElement(Modal, {
+    open: true,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "redirect-modal"
+  }, React.createElement(Box, {
+    style: style$3
+  }, React.createElement("p", null, message), React.createElement("div", {
+    className: "footer"
+  }, React.createElement("button", {
+    onClick: onClickOk
+  }, "OK"))));
+};
+
+export { BillingInfoContainer, ConfirmationContainer, LoginModal, MyTicketsContainer, OrderDetailsContainer, PaymentContainer, RedirectModal, TicketResaleContainer, TicketsContainer, createFixedFloatNormalizer, currencyNormalizerCreator, setConfigs };
 //# sourceMappingURL=tf-checkout-react.esm.js.map