tf-checkout-react 1.0.102 → 1.0.105

package/dist/components/common/RedirectModal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface IRedirectModal {
+    message: string;
+    onClickOk: () => void;
+}
+export declare const RedirectModal: ({ message, onClickOk, }: IRedirectModal) => JSX.Element;
+export {};

package/dist/components/ticketsContainer/TicketsSection.d.ts

@@ -5,6 +5,7 @@ interface ITicketsSectionProps {
     selectedTickets: any;
     handleTicketSelect: any;
     promoCodeIsApplied: boolean;
+    sortBySoldOut: boolean;
 }
-export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, promoCodeIsApplied, }: ITicketsSectionProps) => JSX.Element;
+export declare const TicketsSection: ({ ticketsList, selectedTickets, handleTicketSelect, promoCodeIsApplied, sortBySoldOut, }: ITicketsSectionProps) => JSX.Element;
 export {};

package/dist/components/ticketsContainer/index.d.ts

@@ -31,6 +31,7 @@ export interface IGetTickets {
     hideSessionButtons?: boolean;
     hideWaitingList?: boolean;
     isButtonScrollable?: boolean;
+    sortBySoldOut?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -39,5 +40,5 @@ export interface ITicket {
 export interface ISelectedTickets {
     [key: string]: string | number;
 }
-export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, isButtonScrollable }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons, hideWaitingList, isButtonScrollable, sortBySoldOut, }: IGetTickets) => JSX.Element;
 export {};

package/dist/images/done.svg

@@ -1,3 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z" fill="#569F44"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47717 15.5228 0 10 0C4.47717 0 0 4.47717 0 10C0 15.5228 4.47717 20 10 20ZM8.14661 15.8678L16.8782 6.39722C16.9561 6.31335 17 6.19922 17 6.08008C17 5.96094 16.9561 5.8468 16.8782 5.76282L16.3016 5.12854C16.1386 4.95715 15.8796 4.95715 15.7167 5.12854L7.85004 13.661L4.28326 9.79236C4.20593 9.70776 4.10071 9.66016 3.99084 9.66016C3.9353 9.66016 3.88086 9.67236 3.83069 9.69531C3.78168 9.71777 3.73663 9.75061 3.69843 9.79236L3.12183 10.4177C3.07635 10.4667 3.04248 10.5259 3.02216 10.5905C3.00763 10.6365 3 10.6853 3 10.735C3 10.8541 3.04388 10.9683 3.12183 11.0521L7.56177 15.8678C7.6391 15.9524 7.74438 16 7.85419 16C7.96399 16 8.06927 15.9524 8.14661 15.8678Z" fill="#569F44"/>
+</svg>

package/dist/index.d.ts

@@ -8,3 +8,4 @@ export { MyTicketsContainer } from './components/myTicketsContainer';
 export { OrderDetailsContainer } from './components/orderDetailsContainer';
 export { setConfigs } from './utils/setConfigs';
 export { TicketResaleContainer } from './components';
+export { RedirectModal } from './components/common/RedirectModal';

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

@@ -1121,6 +1121,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;
@@ -1129,7 +1136,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;
@@ -1140,6 +1146,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) {
@@ -4144,10 +4157,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__default.createElement(React__default.Fragment, null, sortedTicketsList.map(function (ticket, i, arr) {
     var isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
 
@@ -4575,7 +4587,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 = React.useState({}),
       selectedTickets = _useState[0],
@@ -4603,7 +4617,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
       showWaitingList = _useState6[0],
       setShowWaitingList = _useState6[1];
 
-  var _useState7 = React.useState(false),
+  var _useState7 = React.useState(true),
       isLoading = _useState7[0],
       setIsLoading = _useState7[1];
 
@@ -4719,7 +4733,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'));
@@ -4815,11 +4828,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;
@@ -4827,7 +4839,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hash = '';
 
               if (!skipBillingPage) {
-                _context.next = 26;
+                _context.next = 25;
                 break;
               }
 
@@ -4836,14 +4848,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,
@@ -4853,29 +4865,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() {
@@ -4926,7 +4938,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var bookButtonIsDisabled = handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0;
   return React__default.createElement(privateTheming.ThemeProvider, {
     theme: themeMui
-  }, React__default.createElement(ReferralLogic, {
+  }, !isLoading && React__default.createElement(ReferralLogic, {
     eventId: eventId
   }), React__default.createElement("div", {
     className: "get-tickets-page " + theme,
@@ -4937,7 +4949,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     ticketsList: tickets,
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
-    promoCodeIsApplied: promoCodeIsApplied
+    promoCodeIsApplied: promoCodeIsApplied,
+    sortBySoldOut: sortBySoldOut
   }), event != null && event.salesEnded ? React__default.createElement("p", {
     className: 'event-closed-message'
   }, "Sales for this event are closed.") : !(event != null && event.salesStarted) && event != null && event.salesStart ? React__default.createElement(Countdown, {
@@ -5829,12 +5842,45 @@ var TicketResaleContainer = function TicketResaleContainer(_ref) {
   }, React__default.createElement("h3", null, error)));
 };
 
+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__default.createElement(Modal, {
+    open: true,
+    "aria-labelledby": "modal-modal-title",
+    "aria-describedby": "modal-modal-description",
+    className: "redirect-modal"
+  }, React__default.createElement(Box, {
+    style: style$3
+  }, React__default.createElement("p", null, message), React__default.createElement("div", {
+    className: "footer"
+  }, React__default.createElement("button", {
+    onClick: onClickOk
+  }, "OK"))));
+};
+
 exports.BillingInfoContainer = BillingInfoContainer;
 exports.ConfirmationContainer = ConfirmationContainer;
 exports.LoginModal = LoginModal;
 exports.MyTicketsContainer = MyTicketsContainer;
 exports.OrderDetailsContainer = OrderDetailsContainer;
 exports.PaymentContainer = PaymentContainer;
+exports.RedirectModal = RedirectModal;
 exports.TicketResaleContainer = TicketResaleContainer;
 exports.TicketsContainer = TicketsContainer;
 exports.createFixedFloatNormalizer = createFixedFloatNormalizer;