tf-checkout-react 1.6.6-beta.25 → 1.6.6-beta.26

package/dist/index.d.ts

@@ -6,7 +6,6 @@ export { currencyNormalizerCreator, createFixedFloatNormalizer } from './normali
 export { LoginModal } from './components/loginModal';
 export { MyTicketsContainer } from './components/myTicketsContainer';
 export { OrderDetailsContainer } from './components/orderDetailsContainer';
-export { setConfigs } from './utils/setConfigs';
 export { DEFAULT_FEES_STYLE } from './constants/index';
 export { TicketResaleContainer } from './components';
 export { RedirectModal } from './components/common/RedirectModal';
@@ -23,3 +22,5 @@ export { PoweredBy } from './components/common/PoweredBy';
 export { SeatMapContainer } from './components/seatMapContainer';
 export { IDVerification } from './components/idVerificationContainer';
 export { VERIFICATION_STATUSES } from './components/idVerificationContainer/constants';
+export { setConfigs } from './utils/setConfigs';
+export { logoutUser } from './utils/auth';

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

@@ -501,6 +501,15 @@ var publicRequest = /*#__PURE__*/axios.create({
   baseURL: 'https://www.ticketfairy.com/api',
   headers: headers
 });
+publicRequest.interceptors.request.use(function (config) {
+  if (getCookieByName('X-TF-ECOMMERCE')) {
+    var updatedHeaders = _extends({}, config.headers, {
+      'X-TF-ECOMMERCE': getCookieByName('X-TF-ECOMMERCE')
+    });
+    config.headers = updatedHeaders;
+  }
+  return config;
+});
 publicRequest.setBaseUrl = function (baseUrl) {
   return publicRequest.defaults.baseURL = baseUrl + '/api';
 };
@@ -783,6 +792,41 @@ var setLoggedUserData = function setLoggedUserData(data) {
     zip: (data == null ? void 0 : data.zipCode) || ''
   };
 };
+var logoutUser = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+    var onLogoutSuccess, onLogoutError, setIsLogged, event;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          onLogoutSuccess = _ref.onLogoutSuccess, onLogoutError = _ref.onLogoutError, setIsLogged = _ref.setIsLogged;
+          _context.prev = 1;
+          _context.next = 4;
+          return logout();
+        case 4:
+          onLogoutSuccess && onLogoutSuccess();
+          if (isBrowser) {
+            window.localStorage.removeItem('user_data');
+            setIsLogged && setIsLogged(false);
+            event = new window.CustomEvent('tf-logout');
+            deleteCookieByName('X-TF-ECOMMERCE');
+            window.document.dispatchEvent(event);
+          }
+          _context.next = 11;
+          break;
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+          onLogoutError && onLogoutError(_context.t0);
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  }));
+  return function logoutUser(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
 
 var getDataWithCustomFields = function getDataWithCustomFields(initialData, ticketHoldersFields, customFields) {
   // Custom Fields are not specified case
@@ -8193,40 +8237,13 @@ var TicketsContainer = function TicketsContainer(_ref) {
       });
     }
   }, [isLogged]);
-  var handleLogout = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _event;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return logout();
-          case 3:
-            onLogoutSuccess();
-            if (isBrowser) {
-              window.localStorage.removeItem('user_data');
-              setIsLogged(false);
-              _event = new window.CustomEvent('tf-logout');
-              deleteCookieByName('X-TF-ECOMMERCE');
-              window.document.dispatchEvent(_event);
-            }
-            _context.next = 10;
-            break;
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](0);
-            onLogoutError(_context.t0);
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 7]]);
-    }));
-    return function handleLogout() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
+  var handleLogout = function handleLogout() {
+    logoutUser({
+      onLogoutError: onLogoutError,
+      onLogoutSuccess: onLogoutSuccess,
+      setIsLogged: setIsLogged
+    });
+  };
   var handleExternalLogin = function handleExternalLogin() {
     setIsLogged(true);
   };
@@ -8241,23 +8258,23 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
   };
   var getTimeSlots = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(date, type) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(date, type) {
       var _timeSlotsResponse$da, timeSlotsResponse, groupedTickets, attributes;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             if (date) {
-              _context2.next = 3;
+              _context.next = 3;
               break;
             }
             setShowPromoCodeSection(false);
-            return _context2.abrupt("return");
+            return _context.abrupt("return");
           case 3:
-            _context2.prev = 3;
-            _context2.next = 6;
+            _context.prev = 3;
+            _context.next = 6;
             return getTimeSlotsByDate(eventId, moment(date).format('YYYY-MM-DD'), code);
           case 6:
-            timeSlotsResponse = _context2.sent;
+            timeSlotsResponse = _context.sent;
             groupedTickets = {};
             _map(timeSlotsResponse.data.attributes.timeslots, function (timeslots, date) {
               var dateKeyChunks = date.split('-');
@@ -8280,63 +8297,63 @@ var TicketsContainer = function TicketsContainer(_ref) {
               setShowAccessCodeSection(attributes.is_access_code);
               setShowPromoCodeSection(attributes.isPromotionsEnabled);
             }
-            _context2.next = 17;
+            _context.next = 17;
             break;
           case 15:
-            _context2.prev = 15;
-            _context2.t0 = _context2["catch"](3);
+            _context.prev = 15;
+            _context.t0 = _context["catch"](3);
           case 17:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2, null, [[3, 15]]);
+      }, _callee, null, [[3, 15]]);
     }));
     return function getTimeSlots(_x, _x2) {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   function getTicketsApi(_x3, _x4) {
     return _getTicketsApi.apply(this, arguments);
   }
   function _getTicketsApi() {
-    _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 _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+    _getTicketsApi = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(isUpdatingCode, type) {
+      var previewKey, eventResponse, _event, _event$timeslotSettin, _event$timeslotSettin2, response, _response$data, attributes;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context5.prev = 0;
+            _context4.prev = 0;
             if (isUpdatingCode) {
               setCodeIsLoading(true);
             } else {
               setIsLoading(true);
             }
             previewKey = getQueryVariable('pk') || undefined;
-            _context5.next = 5;
+            _context4.next = 5;
             return getEvent(eventId, previewKey);
           case 5:
-            eventResponse = _context5.sent;
+            eventResponse = _context4.sent;
             if (!eventResponse.success) {
-              _context5.next = 14;
+              _context4.next = 14;
               break;
             }
-            _event2 = eventResponse.data.attributes;
-            setEvent(_event2);
-            if (_event2.country && isBrowser) {
-              window.localStorage.setItem('eventCountry', _event2.country);
+            _event = eventResponse.data.attributes;
+            setEvent(_event);
+            if (_event.country && isBrowser) {
+              window.localStorage.setItem('eventCountry', _event.country);
             }
-            if (!_event2.isTimeSlotEvent) {
-              _context5.next = 14;
+            if (!_event.isTimeSlotEvent) {
+              _context4.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 _context5.abrupt("return");
+            setAvailableDates((_event$timeslotSettin = _event == null ? void 0 : (_event$timeslotSettin2 = _event.timeslotSettings) == null ? void 0 : _event$timeslotSettin2.availableDates) != null ? _event$timeslotSettin : []);
+            return _context4.abrupt("return");
           case 14:
-            _context5.next = 16;
+            _context4.next = 16;
             return getTickets(eventId, code, previewKey);
           case 16:
-            response = _context5.sent;
+            response = _context4.sent;
             if (response.success) {
               attributes = response == null ? void 0 : (_response$data = response.data) == null ? void 0 : _response$data.attributes;
               type === 'promo' && setCodeIsApplied(attributes.ValidPromoCode);
@@ -8355,26 +8372,26 @@ var TicketsContainer = function TicketsContainer(_ref) {
               setShowAccessCodeSection(attributes.is_access_code);
               setShowPromoCodeSection(attributes.isPromotionsEnabled);
             }
-            _context5.next = 23;
+            _context4.next = 23;
             break;
           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', ''));
+            _context4.prev = 20;
+            _context4.t0 = _context4["catch"](0);
+            if (axios.isAxiosError(_context4.t0)) {
+              onGetTicketsError(_context4.t0);
+              setError(_get(_context4.t0, 'response.data.message', ''));
               window.localStorage.removeItem('appliedPromoCode');
             }
           case 23:
-            _context5.prev = 23;
+            _context4.prev = 23;
             setIsLoading(false);
             setCodeIsLoading(false);
-            return _context5.finish(23);
+            return _context4.finish(23);
           case 27:
           case "end":
-            return _context5.stop();
+            return _context4.stop();
         }
-      }, _callee5, null, [[0, 20, 23, 27]]);
+      }, _callee4, null, [[0, 20, 23, 27]]);
     }));
     return _getTicketsApi.apply(this, arguments);
   }
@@ -8382,32 +8399,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
     return _fetchPreregisteredData.apply(this, arguments);
   }
   function _fetchPreregisteredData() {
-    _fetchPreregisteredData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+    _fetchPreregisteredData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var preregistrationData;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _context6.prev = 0;
-            _context6.next = 3;
+            _context5.prev = 0;
+            _context5.next = 3;
             return getPreRegistrationInfluencers({
               eventId: eventId
             });
           case 3:
-            preregistrationData = _context6.sent;
+            preregistrationData = _context5.sent;
             setPreregisteredUsers(preregistrationData.data.attributes.influencers);
-            _context6.next = 10;
+            _context5.next = 10;
             break;
           case 7:
-            _context6.prev = 7;
-            _context6.t0 = _context6["catch"](0);
-            if (axios.isAxiosError(_context6.t0)) {
-              setError(_get(_context6.t0, 'response.data.message', ''));
+            _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 _context6.stop();
+            return _context5.stop();
         }
-      }, _callee6, null, [[0, 7]]);
+      }, _callee5, null, [[0, 7]]);
     }));
     return _fetchPreregisteredData.apply(this, arguments);
   }
@@ -8417,11 +8434,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
     localStorage.setItem('selectedTicketsQuantity', value.toString());
     setSelectedTickets(function (prevState) {
-      var _ref4;
+      var _ref3;
       if (Object.keys(prevState)[0] !== key && !value) {
         return prevState;
       }
-      return _ref4 = {}, _ref4[key] = value, _ref4.isTable = isTable, _ref4;
+      return _ref3 = {}, _ref3[key] = value, _ref3.isTable = isTable, _ref3;
     });
   };
   var handleOrdersClick = function handleOrdersClick() {
@@ -8433,11 +8450,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setError(null);
   };
   var handleBook = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var _product_options, _product_options2, _ticket_types;
       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) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             timeSlotTickets = _flatten(_map(timeSlotGroups, function (slots) {
               return slots;
@@ -8465,33 +8482,33 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 }, _ticket_types)
               }
             };
-            _context3.prev = 9;
+            _context2.prev = 9;
             onGetTicketsPress();
-            _context3.next = 13;
+            _context2.next = 13;
             return addToCart(eventId, data);
           case 13:
-            result = _context3.sent;
+            result = _context2.sent;
             if (!enableAddOns) {
-              _context3.next = 20;
+              _context2.next = 20;
               break;
             }
-            _context3.next = 17;
+            _context2.next = 17;
             return getCheckoutPageConfigs();
           case 17:
-            _context3.t0 = _context3.sent;
-            _context3.next = 21;
+            _context2.t0 = _context2.sent;
+            _context2.next = 21;
             break;
           case 20:
-            _context3.t0 = {
+            _context2.t0 = {
               status: 200,
               data: {
                 attributes: _get(result, 'data.attributes')
               }
             };
           case 21:
-            pageConfigsDataResponse = _context3.t0;
+            pageConfigsDataResponse = _context2.t0;
             if (!(result.status === 200 && pageConfigsDataResponse.status === 200)) {
-              _context3.next = 44;
+              _context2.next = 44;
               break;
             }
             pageConfigsData = _get(pageConfigsDataResponse, 'data.attributes') || {};
@@ -8502,26 +8519,26 @@ var TicketsContainer = function TicketsContainer(_ref) {
             total = '';
             isBrowser && window.localStorage.removeItem('add_ons');
             if (!(skipBillingPage && !hasAddOn)) {
-              _context3.next = 43;
+              _context2.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) {
-              _context3.next = 39;
+              _context2.next = 39;
               break;
             }
-            _context3.next = 36;
+            _context2.next = 36;
             return postOnCheckout(checkoutBody, freeTicket);
           case 36:
-            _context3.t1 = _context3.sent;
-            _context3.next = 40;
+            _context2.t1 = _context2.sent;
+            _context2.next = 40;
             break;
           case 39:
-            _context3.t1 = null;
+            _context2.t1 = null;
           case 40:
-            checkoutResponse = _context3.t1;
+            checkoutResponse = _context2.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 43:
@@ -8533,17 +8550,17 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hasAddOn: hasAddOn
             });
           case 44:
-            _context3.next = 50;
+            _context2.next = 50;
             break;
           case 46:
-            _context3.prev = 46;
-            _context3.t2 = _context3["catch"](9);
-            errorResponse = _get(_context3.t2, 'response', {});
+            _context2.prev = 46;
+            _context2.t2 = _context2["catch"](9);
+            errorResponse = _get(_context2.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(_context3.t2)) {
-              onAddToCartError(_context3.t2);
-              message = _get(_context3.t2, 'response.data.message', '');
+            } else if (axios.isAxiosError(_context2.t2)) {
+              onAddToCartError(_context2.t2);
+              message = _get(_context2.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) {
@@ -8555,43 +8572,43 @@ var TicketsContainer = function TicketsContainer(_ref) {
               }
             }
           case 50:
-            _context3.prev = 50;
+            _context2.prev = 50;
             setHandleBookIsLoading(false);
-            return _context3.finish(50);
+            return _context2.finish(50);
           case 53:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3, null, [[9, 46, 50, 53]]);
+      }, _callee2, null, [[9, 46, 50, 53]]);
     }));
     return function handleBook() {
-      return _ref5.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var updateTickets = function updateTickets(isUpdatingCode, type) {
     getTicketsApi(isUpdatingCode, type);
   };
   var fetchUserData = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var userDataResponse, profileData, profileDataObj;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context4.next = 2;
+            _context3.next = 2;
             return getProfileData();
           case 2:
-            userDataResponse = _context4.sent;
+            userDataResponse = _context3.sent;
             profileData = _get(userDataResponse, 'data');
             profileDataObj = setLoggedUserData(profileData);
-            return _context4.abrupt("return", profileDataObj);
+            return _context3.abrupt("return", profileDataObj);
           case 6:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
-      }, _callee4);
+      }, _callee3);
     }));
     return function fetchUserData() {
-      return _ref6.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var isTicketOnSale = event != null && event.isTimeSlotEvent ? true : _some(tickets, function (item) {
@@ -13922,6 +13939,7 @@ exports.TicketsContainer = TicketsContainer;
 exports.VERIFICATION_STATUSES = VERIFICATION_STATUSES;
 exports.createFixedFloatNormalizer = createFixedFloatNormalizer;
 exports.currencyNormalizerCreator = currencyNormalizerCreator;
+exports.logoutUser = logoutUser;
 exports.setConfigs = setConfigs;
 exports.useCookieListener = useCookieListener;
 //# sourceMappingURL=tf-checkout-react.cjs.development.js.map