tf-checkout-react 1.2.24 → 1.2.27

package/dist/api/index.d.ts

@@ -1,11 +1,4 @@
-import { AxiosInstance, AxiosResponse } from 'axios';
-interface IPublicRequest extends AxiosInstance {
-    setGuestToken: (token: string) => void;
-    setAccessToken: (token: string) => void;
-    setBaseUrl: (baseUrl: string) => void;
-}
-export declare const publicRequest: IPublicRequest;
-export declare const setXSourceOrigin: (sourceOrigin: string) => void;
+import { AxiosResponse } from 'axios';
 export declare const setCustomHeader: (response: any) => void;
 export declare const handleSetAccessToken: (token: string) => void;
 export declare function getEvent(id: string | number, pk?: string): Promise<AxiosResponse<any, any>>;

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

@@ -911,7 +911,18 @@ try {
 }
 });
 
+var ttfHeaders = {
+  Accept: 'application/vnd.api+json',
+  'Content-Type': 'application/vnd.api+json'
+};
 var CONFIGS = {};
+var publicRequest = /*#__PURE__*/axios.create({
+  baseURL: CONFIGS.BASE_URL || "https://www.ticketfairy.com/api",
+  headers: ttfHeaders
+});
+var setXSourceOrigin = function setXSourceOrigin(sourceOrigin) {
+  ttfHeaders['X-Source-Origin'] = sourceOrigin;
+};
 var setConfigs = function setConfigs(configs) {
   _forEach(configs, function (value, key) {
     CONFIGS[key] = value;
@@ -1168,19 +1179,11 @@ var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWit
 
 var isWindowDefined = typeof window !== 'undefined';
 var isDocumentDefined = typeof document !== 'undefined';
-var ttfHeaders = {
-  Accept: 'application/vnd.api+json',
-  'Content-Type': 'application/vnd.api+json'
-};
 
 if (isWindowDefined && localStorage.getItem('auth_guest_token')) {
   ttfHeaders['Authorization-Guest'] = /*#__PURE__*/localStorage.getItem('auth_guest_token');
 }
 
-var publicRequest = /*#__PURE__*/axios.create({
-  baseURL: CONFIGS.BASE_URL || "https://www.ticketfairy.com/api",
-  headers: ttfHeaders
-});
 publicRequest.interceptors.response.use(function (response) {
   var authGuestToken = _get(response, 'headers.authorization-guest');
 
@@ -1287,9 +1290,6 @@ publicRequest.setAccessToken = function (token) {
   return publicRequest.defaults.headers.common.Authorization = token;
 };
 
-var setXSourceOrigin = function setXSourceOrigin(sourceOrigin) {
-  ttfHeaders['X-Source-Origin'] = sourceOrigin;
-};
 var setCustomHeader = function setCustomHeader(response) {
   var guestHeaderResponseValue = _get(response, 'headers.authorization-guest');
 
@@ -3241,7 +3241,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee6(values, formikHelpers) {
-        var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, accessToken, refreshToken, userProfile, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
+        var _checkoutBody, _res, updatedUserData, _profileSpecifiedData, _profileDataObj, checkoutBodyForRegistration, bodyFormData, resRegister, _xtfCookie, accessToken, refreshToken, userProfile, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
 
         return runtime_1.wrap(function _callee6$(_context6) {
           while (1) {
@@ -3254,31 +3254,29 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref3) {
                   break;
                 }
 
-                if (!access_token) {
-                  _context6.next = 9;
+                _checkoutBody = collectCheckoutBody(values, userData);
+                _context6.next = 5;
+                return postOnCheckout(_checkoutBody, access_token);
+
+              case 5:
+                _res = _context6.sent;
+                removeReferralKey(); // After checkout is successful recover updated profile and store it on local storage if needed
+
+                if (!isWindowDefined) {
+                  _context6.next = 14;
                   break;
                 }
 
-                _context6.next = 5;
+                _context6.next = 10;
                 return getProfileData(access_token);
 
-              case 5:
+              case 10:
                 updatedUserData = _context6.sent;
                 _profileSpecifiedData = _get(updatedUserData, 'data.data');
                 _profileDataObj = setLoggedUserData$1(_profileSpecifiedData);
+                window.localStorage.setItem('user_data', JSON.stringify(_profileDataObj));
 
-                if (isWindowDefined) {
-                  window.localStorage.setItem('user_data', JSON.stringify(_profileDataObj));
-                }
-
-              case 9:
-                _checkoutBody = collectCheckoutBody(values, userData);
-                _context6.next = 12;
-                return postOnCheckout(_checkoutBody, access_token);
-
-              case 12:
-                _res = _context6.sent;
-                removeReferralKey();
+              case 14:
                 handleSubmit(values, formikHelpers, eventId, _res);
                 return _context6.abrupt("return");
 
@@ -5277,6 +5275,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
       showPromoCodeSection = _useState14[0],
       setShowPromoCodeSection = _useState14[1];
 
+  var _useState15 = React.useState(null),
+      error = _useState15[0],
+      setError = _useState15[1];
+
   var ticketsContainerRef = React.useRef(null);
   React.useEffect(function () {
     if (typeof window !== 'undefined') {
@@ -5341,19 +5343,6 @@ var TicketsContainer = function TicketsContainer(_ref) {
     };
   }();
 
-  React.useEffect(function () {
-    try {
-      if (typeof window !== 'undefined') {
-        var userData = window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '{}') : {};
-
-        if (userData.country === '') {
-          handleLogout();
-          window.open('https://www.ticketfairy.com/account/change_information?need_country=true');
-        }
-      }
-    } catch (e) {}
-  }, []);
-
   var handleExternalLogin = function handleExternalLogin() {
     setIsLogged(true);
   };
@@ -5458,6 +5447,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
   };
 
+  var onErrorClose = function onErrorClose() {
+    setError(null);
+  };
+
   var handleBook = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
       var _product_options, _product_options2, _ticket_types;
@@ -5559,6 +5552,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
 
               if (axios.isAxiosError(_context2.t1)) {
                 onAddToCartError(_context2.t1);
+                setError(_get(_context2.t1, 'response.data.message'));
               }
 
             case 38:
@@ -5633,7 +5627,14 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }), React__default.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
-  }, isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", {
+  }, error && React__default.createElement(Alert, {
+    severity: "error",
+    onClose: onErrorClose,
+    variant: "filled",
+    style: {
+      width: '350px'
+    }
+  }, error), isLoading ? React__default.createElement(Loader, null) : React__default.createElement("div", {
     ref: ticketsContainerRef
   }, !isSalesClosed && React__default.createElement(TicketsSection, {
     ticketsList: tickets,