tf-checkout-react 1.3.31 → 1.3.34

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

@@ -4,6 +4,7 @@ import Button from '@mui/material/Button';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import axios from 'axios';
 import { connect, Formik, Form, Field } from 'formik';
+import _find from 'lodash-es/find';
 import _get from 'lodash-es/get';
 import _identity from 'lodash-es/identity';
 import _includes from 'lodash-es/includes';
@@ -20,13 +21,18 @@ import TextField from '@mui/material/TextField';
 import { useTheme } from '@mui/styles';
 import _isFunction from 'lodash-es/isFunction';
 import _isObject from 'lodash-es/isObject';
-import FormGroup from '@mui/material/FormGroup';
-import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormGroup from '@mui/material/FormGroup';
 import MuiPhoneNumber from 'material-ui-phone-number';
 import _debounce from 'lodash-es/debounce';
 import CircularProgress from '@mui/material/CircularProgress';
 import Select from '@mui/material/Select';
+import FormControl$1 from '@mui/material/FormControl';
+import FormHelperText$1 from '@mui/material/FormHelperText';
+import FormLabel from '@mui/material/FormLabel';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
 import { object, string, ref, boolean } from 'yup';
 import Box$1 from '@mui/material/Box';
 import Modal$1 from '@mui/material/Modal';
@@ -42,12 +48,10 @@ import { loadStripe } from '@stripe/stripe-js';
 import { FacebookShareButton, FacebookIcon, FacebookMessengerShareButton, FacebookMessengerIcon, TwitterShareButton, TwitterIcon, LinkedinShareButton, LinkedinIcon, PinterestShareButton, PinterestIcon, VKShareButton, VKIcon, OKShareButton, OKIcon, TelegramShareButton, TelegramIcon, WhatsappShareButton, WhatsappIcon, RedditShareButton, RedditIcon, TumblrShareButton, TumblrIcon, MailruShareButton, MailruIcon, EmailShareButton, EmailIcon, LivejournalShareButton, LivejournalIcon, ViberShareButton, ViberIcon, WorkplaceShareButton, WorkplaceIcon, LineShareButton, LineIcon, PocketShareButton, PocketIcon, InstapaperShareButton, InstapaperIcon, WeiboShareButton, WeiboIcon, HatenaShareButton, HatenaIcon } from 'react-share';
 import { ThemeProvider as ThemeProvider$1 } from '@mui/private-theming';
 import jwt_decode from 'jwt-decode';
-import _find from 'lodash-es/find';
 import _some from 'lodash-es/some';
 import Button$1 from 'react-bootstrap/Button';
 import moment from 'moment-timezone';
 import _sortBy from 'lodash-es/sortBy';
-import FormControl$1 from '@mui/material/FormControl';
 import MenuItem from '@mui/material/MenuItem';
 import Autocomplete from '@mui/material/Autocomplete';
 import Paper from '@mui/material/Paper';
@@ -59,7 +63,6 @@ import TableHead from '@mui/material/TableHead';
 import TablePagination from '@mui/material/TablePagination';
 import TableRow from '@mui/material/TableRow';
 import _has from 'lodash-es/has';
-import Radio from '@mui/material/Radio';
 import _isNull from 'lodash-es/isNull';
 import _reverse from 'lodash-es/reverse';
 
@@ -1180,6 +1183,22 @@ var createMarkup = function createMarkup(data) {
   };
 };
 
+var setLoggedUserData = function setLoggedUserData(data) {
+  return {
+    id: data.id,
+    first_name: data.firstName,
+    last_name: data.lastName,
+    email: data.email,
+    confirmEmail: data.email,
+    city: (data == null ? void 0 : data.city) || '',
+    country: (data == null ? void 0 : data.countryId) || (data == null ? void 0 : data.country) || '',
+    phone: (data == null ? void 0 : data.phone) || '',
+    street_address: (data == null ? void 0 : data.streetAddress) || '',
+    state: (data == null ? void 0 : data.stateId) || '',
+    zip: (data == null ? void 0 : data.zip) || (data == null ? void 0 : data.zipCode) || ''
+  };
+};
+
 var isWindowDefined = typeof window !== 'undefined';
 var isDocumentDefined = typeof document !== 'undefined';
 
@@ -1223,8 +1242,6 @@ publicRequest.interceptors.response.use(function (response) {
   return Promise.reject(error);
 });
 publicRequest.interceptors.request.use(function (config) {
-  var _document$cookie;
-
   var guestToken = isWindowDefined ? window.localStorage.getItem('auth_guest_token') : null;
   var userData = isWindowDefined ? window.localStorage.getItem('user_data') : null;
   var accessToken = isWindowDefined ? window.localStorage.getItem('access_token') : null;
@@ -1255,16 +1272,6 @@ publicRequest.interceptors.request.use(function (config) {
     config.headers = _updatedHeaders2;
   }
 
-  var additionalCookiesHeaderValue = (_document$cookie = document.cookie) != null ? _document$cookie : '';
-
-  if (additionalCookiesHeaderValue !== '') {
-    var _updatedHeaders3 = _extends({}, config.headers, {
-      'Additional-Cookies': additionalCookiesHeaderValue
-    });
-
-    config.headers = _updatedHeaders3;
-  }
-
   if (CONFIGS.X_SOURCE_ORIGIN) {
     var _updatedHeaders4 = _extends({}, config.headers, {
       'X-Source-Origin': CONFIGS.X_SOURCE_ORIGIN
@@ -1459,7 +1466,7 @@ var getProfileData = function getProfileData(accessToken) {
   });
 };
 var getCountries = function getCountries() {
-  return publicRequest.get('/countries/');
+  return publicRequest.get('/countries/list');
 };
 var getConfirmationData = function getConfirmationData(orderHash) {
   return publicRequest.get("v1/order/" + orderHash + "/payment/complete");
@@ -1794,7 +1801,7 @@ var DatePickerField = function DatePickerField(_ref) {
   })));
 };
 
-var _excluded = ["label", "field", "selectOptions", "theme", "setFieldValue", "disableDropdown", "setPhoneValidationIsLoading"];
+var _excluded = ["label", "field", "selectOptions", "theme", "setFieldValue", "disableDropdown", "setPhoneValidationIsLoading", "defaultCountry", "dateFormat", "datePlaceholder"];
 var CheckboxField = function CheckboxField(_ref) {
   var _rest$form, _field$name, _rest$form2, _field$name2;
 
@@ -1804,14 +1811,14 @@ var CheckboxField = function CheckboxField(_ref) {
 
   var customTheme = useTheme();
   return React.createElement(FormControl, {
-    error: !!(rest != null && (_rest$form = rest.form) != null && _rest$form.errors && rest.form.errors[(_field$name = field == null ? void 0 : field.name) != null ? _field$name : ""])
+    error: !!(rest != null && (_rest$form = rest.form) != null && _rest$form.errors && rest.form.errors[(_field$name = field == null ? void 0 : field.name) != null ? _field$name : ''])
   }, React.createElement(FormGroup, null, React.createElement(FormControlLabel, {
     control: React.createElement(Checkbox, Object.assign({}, field, rest)),
     label: label,
     componentsProps: {
       typography: customTheme == null ? void 0 : customTheme.checkbox
     }
-  })), !!(rest != null && (_rest$form2 = rest.form) != null && _rest$form2.errors && rest.form.errors[(_field$name2 = field == null ? void 0 : field.name) != null ? _field$name2 : ""]) ? React.createElement(FormHelperText, null, "Required") : null);
+  })), !!(rest != null && (_rest$form2 = rest.form) != null && _rest$form2.errors && rest.form.errors[(_field$name2 = field == null ? void 0 : field.name) != null ? _field$name2 : '']) ? React.createElement(FormHelperText, null, "Required") : null);
 };
 
 var PhoneNumberField = function PhoneNumberField(_ref) {
@@ -1996,6 +2003,48 @@ var SelectField = function SelectField(_ref) {
   }, error) : null);
 };
 
+var RadioGroupField = function RadioGroupField(_ref) {
+  var label = _ref.label,
+      field = _ref.field,
+      radios = _ref.radios,
+      _ref$form = _ref.form,
+      errors = _ref$form.errors,
+      setFieldValue = _ref$form.setFieldValue,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? _identity : _ref$onChange;
+  var radioId = "radio-" + field.name;
+
+  var error = _get(errors, field.name);
+
+  var handleChange = function handleChange(e) {
+    var value = e.target.value;
+    setFieldValue(field.name, value);
+    onChange(e);
+  };
+
+  return React.createElement(FormControl$1, null, error ? React.createElement(FormHelperText$1, {
+    className: "radio-error",
+    error: true
+  }, error) : null, label && React.createElement(FormLabel, {
+    id: radioId
+  }, label), React.createElement(RadioGroup, {
+    "aria-labelledby": radioId,
+    name: field.name,
+    value: field.value,
+    onChange: handleChange
+  }, radios.map(function (radio) {
+    var id = radio.id,
+        name = radio.name,
+        value = radio.value;
+    return React.createElement(FormControlLabel, {
+      key: id,
+      label: name,
+      value: value,
+      control: React.createElement(Radio, null)
+    });
+  })));
+};
+
 var SnackbarAlert = function SnackbarAlert(_ref) {
   var isOpen = _ref.isOpen,
       message = _ref.message,
@@ -2181,7 +2230,7 @@ var style$1 = {
   border: '1px solid white',
   outline: 'none'
 };
-var setLoggedUserData = function setLoggedUserData(data) {
+var setLoggedUserData$1 = function setLoggedUserData(data) {
   return {
     id: data.id,
     first_name: data.firstName,
@@ -2279,7 +2328,7 @@ var LoginModal = function LoginModal(_ref) {
 
               case 17:
                 profileSpecifiedData = _get(profileResponse, 'data.data');
-                profileDataObj = setLoggedUserData(profileSpecifiedData);
+                profileDataObj = setLoggedUserData$1(profileSpecifiedData);
 
                 if (typeof window !== 'undefined') {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
@@ -2718,7 +2767,7 @@ var createRegisterFormData = function createRegisterFormData(values, checkoutBod
 
   return bodyFormData;
 };
-var setLoggedUserData$1 = function setLoggedUserData(data) {
+var setLoggedUserData$2 = function setLoggedUserData(data) {
   return {
     id: data.id,
     first_name: data.firstName,
@@ -3056,6 +3105,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
 
   var themeMui = createTheme(themeOptions);
   var isWindowDefined = typeof window !== 'undefined';
+  var defaultCountry = isWindowDefined ? window.localStorage.getItem('eventCountry') : '';
   var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
   var access_token = isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
 
@@ -3127,13 +3177,17 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
       loading = _useState14[0],
       setLoading = _useState14[1];
 
-  var _useState15 = useState(null),
-      error = _useState15[0],
-      setError = _useState15[1];
+  var _useState15 = useState(true),
+      isCountriesLoading = _useState15[0],
+      setIsCountriesLoading = _useState15[1];
 
-  var _useState16 = useState(false),
-      phoneValidationIsLoading = _useState16[0],
-      setPhoneValidationIsLoading = _useState16[1];
+  var _useState16 = useState(null),
+      error = _useState16[0],
+      setError = _useState16[1];
+
+  var _useState17 = useState(false),
+      phoneValidationIsLoading = _useState17[0],
+      setPhoneValidationIsLoading = _useState17[1];
 
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
 
@@ -3213,30 +3267,34 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
               case 3:
                 res = _context2.sent;
                 setCustomHeader(res);
-                setCountries(_map(_get(res, 'data.data'), function (item, key) {
+                setCountries(_map(_get(res, 'data.data'), function (item) {
                   return {
-                    label: item,
-                    value: key
+                    label: item.name,
+                    value: item.id,
+                    code: item.code
                   };
                 }));
+                setIsCountriesLoading(false);
                 onGetCountriesSuccess(res.data);
-                _context2.next = 12;
+                _context2.next = 14;
                 break;
 
-              case 9:
-                _context2.prev = 9;
+              case 10:
+                _context2.prev = 10;
                 _context2.t0 = _context2["catch"](0);
 
                 if (axios.isAxiosError(_context2.t0)) {
                   onGetCountriesError(_context2.t0);
                 }
 
-              case 12:
+                setIsCountriesLoading(false);
+
+              case 14:
               case "end":
                 return _context2.stop();
             }
           }
-        }, _callee2, null, [[0, 9]]);
+        }, _callee2, null, [[0, 10]]);
       }));
 
       return function fetchCountries() {
@@ -3315,7 +3373,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
             case 4:
               userDataResponse = _context4.sent;
               profileSpecifiedData = _get(userDataResponse, 'data.data');
-              profileDataObj = setLoggedUserData$1(profileSpecifiedData);
+              profileDataObj = setLoggedUserData$2(profileSpecifiedData);
               setUserValues(_extends({}, profileDataObj, {
                 firstName: profileDataObj.first_name,
                 lastName: profileDataObj.last_name
@@ -3446,7 +3504,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
 
   return React.createElement(ThemeProvider, {
     theme: themeMui
-  }, loading && React.createElement(Backdrop, {
+  }, (loading || isCountriesLoading) && React.createElement(Backdrop, {
     sx: {
       color: '#fff',
       backgroundColor: '#000000bd',
@@ -3458,9 +3516,11 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
   })), !!expirationTime && enableTimer && React.createElement(TimerWidget$1, {
     expires_at: expirationTime,
     onCountdownFinish: onCountdownFinish
-  }), React.createElement(Formik, {
+  }), !isCountriesLoading && React.createElement(Formik, {
     initialValues: getInitialValues(dataWithUniqueIds, _extends({
-      country: _get(userData, 'country', '') || '1',
+      country: (_find(countries, function (item) {
+        return item.code.toLowerCase() === defaultCountry;
+      }) || {}).value || _get(userData, 'country', '') || '1',
       state: _get(userData, 'state', '') || '1',
       brand_opt_in: optedInFieldValue,
       ttf_opt_in: ttfOptIn
@@ -3505,7 +3565,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
               case 11:
                 updatedUserData = _context6.sent;
                 _profileSpecifiedData = _get(updatedUserData, 'data.data');
-                _profileDataObj = setLoggedUserData$1(_profileSpecifiedData);
+                _profileDataObj = setLoggedUserData$2(_profileSpecifiedData);
                 window.localStorage.setItem('user_data', JSON.stringify(_profileDataObj));
 
               case 15:
@@ -3579,7 +3639,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
               case 39:
                 profileData = _context6.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
-                profileDataObj = setLoggedUserData$1(profileSpecifiedData);
+                profileDataObj = setLoggedUserData$2(profileSpecifiedData);
 
                 if (isWindowDefined) {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
@@ -3747,7 +3807,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
           return ['password', 'confirmPassword', 'password-info'].includes(element.name) && isLoggedIn ? null : ['data_capture[wallet_address]'].includes(element.name) && hideWalletAddressField ? null : React.createElement(React.Fragment, {
             key: element.uniqueId
           }, React.createElement("div", {
-            className: element.className + " " + (props == null ? void 0 : props.errors[element.name])
+            className: element.className + " " + ((props == null ? void 0 : props.errors[element.name]) || '')
           }, element.component ? element.component : React.createElement(Field, {
             setPhoneValidationIsLoading: element.type === 'phone' ? setPhoneValidationIsLoading : undefined,
             name: element.name,
@@ -3757,11 +3817,12 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
             validate: getValidateFunctions(element, states, props.values, props.errors),
             setFieldValue: props.setFieldValue,
             onBlur: props.handleBlur,
-            component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : CustomField,
+            component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : element.type === 'radio' ? RadioGroupField : CustomField,
             selectOptions: element.name === 'country' ? countries : element.name === 'state' ? states : [],
+            radios: element.radios,
             theme: theme,
             disableDropdown: element.disableDropdown,
-            defaultCountry: element.defaultCountry,
+            defaultCountry: defaultCountry || element.defaultCountry,
             dateFormat: element.format,
             datePlaceholder: element.placeholder
           })));
@@ -3799,7 +3860,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
             }),
             disableDropdown: element.disableDropdown,
             setPhoneValidationIsLoading: setPhoneValidationIsLoading,
-            defaultCountry: element.defaultCountry
+            defaultCountry: defaultCountry || element.defaultCountry
           }));
         })));
       }));
@@ -4956,6 +5017,38 @@ var ConfirmationContainer = function ConfirmationContainer(_ref) {
   }))))));
 };
 
+var X_TF_ECOMMERCE = 'X-TF-ECOMMERCE';
+
+var useCookieListener = function useCookieListener(key, handler) {
+  var getCookie = function getCookie() {
+    return getCookieByName(key);
+  };
+
+  var _useState = useState(),
+      intervalValue = _useState[0],
+      setIntervalValue = _useState[1];
+
+  var cookieRef = useRef(getCookie());
+
+  var handleCookieChange = function handleCookieChange() {
+    var currentCookie = getCookie();
+    var prevCookie = cookieRef.current;
+
+    if (currentCookie !== prevCookie) {
+      cookieRef.current = getCookie();
+      handler(cookieRef.current);
+    }
+  };
+
+  useEffect(function () {
+    var interval = setInterval(handleCookieChange, 500);
+    setIntervalValue(interval);
+    return function () {
+      intervalValue && clearInterval(intervalValue);
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+};
+
 var style$3 = {
   position: 'absolute',
   top: '50%',
@@ -5558,6 +5651,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
       onLogoutSuccess = _ref$onLogoutSuccess === void 0 ? _identity : _ref$onLogoutSuccess,
       _ref$onLogoutError = _ref.onLogoutError,
       onLogoutError = _ref$onLogoutError === void 0 ? _identity : _ref$onLogoutError,
+      _ref$onGetProfileData = _ref.onGetProfileDataSuccess,
+      onGetProfileDataSuccess = _ref$onGetProfileData === void 0 ? _identity : _ref$onGetProfileData,
+      _ref$onGetProfileData2 = _ref.onGetProfileDataError,
+      onGetProfileDataError = _ref$onGetProfileData2 === void 0 ? _identity : _ref$onGetProfileData2,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'light' : _ref$theme,
       _ref$queryPromoCode = _ref.queryPromoCode,
@@ -5600,9 +5697,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
       setSelectedTickets = _useState[1];
 
   var isWindowDefined = typeof window !== 'undefined';
-  var xtfCookie = getCookieByName('X-TF-ECOMMERCE');
 
-  var _useState2 = useState((isWindowDefined ? !!window.localStorage.getItem('access_token') : false) || !!xtfCookie),
+  var _useState2 = useState(Boolean(getCookieByName(X_TF_ECOMMERCE))),
       isLogged = _useState2[0],
       setIsLogged = _useState2[1];
 
@@ -5671,6 +5767,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       setIsInvalidLinkError = _useState18[1];
 
   var ticketsContainerRef = useRef(null);
+  useCookieListener(X_TF_ECOMMERCE, function (value) {
+    return setIsLogged(Boolean(value));
+  });
   useEffect(function () {
     if (typeof window !== 'undefined') {
       var access_token = window.localStorage.getItem('access_token');
@@ -5688,6 +5787,18 @@ var TicketsContainer = function TicketsContainer(_ref) {
   useEffect(function () {
     !!eventId && getTicketsApi();
   }, [eventId]);
+  useEffect(function () {
+    if (isLogged) {
+      fetchUserData().then(function (res) {
+        window.localStorage.setItem('user_data', JSON.stringify(res));
+        onGetProfileDataSuccess(res);
+      })["catch"](function (e) {
+        if (axios.isAxiosError(e)) {
+          onGetProfileDataError(e);
+        }
+      });
+    }
+  }, [isLogged]);
 
   var handleLogout = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
@@ -5756,26 +5867,26 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }
 
   function _getTicketsApi() {
-    _getTicketsApi = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(isUpdateingCode, type) {
+    _getTicketsApi = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(isUpdateingCode, type) {
       var _previewKey, response, eventResponse, attributes, _event2;
 
-      return runtime_1.wrap(function _callee3$(_context3) {
+      return runtime_1.wrap(function _callee4$(_context4) {
         while (1) {
-          switch (_context3.prev = _context3.next) {
+          switch (_context4.prev = _context4.next) {
             case 0:
-              _context3.prev = 0;
+              _context4.prev = 0;
               isUpdateingCode ? setCodeIsLoading(true) : setIsLoading(true);
               _previewKey = getQueryVariable('pk') || undefined;
-              _context3.next = 5;
+              _context4.next = 5;
               return getTickets(eventId, code, _previewKey);
 
             case 5:
-              response = _context3.sent;
-              _context3.next = 8;
+              response = _context4.sent;
+              _context4.next = 8;
               return getEvent(eventId, _previewKey);
 
             case 8:
-              eventResponse = _context3.sent;
+              eventResponse = _context4.sent;
 
               if (response.data.success) {
                 attributes = _get(response, 'data.data.attributes');
@@ -5792,32 +5903,36 @@ var TicketsContainer = function TicketsContainer(_ref) {
               if (eventResponse.data.success) {
                 _event2 = _get(eventResponse, 'data.data.attributes');
                 setEvent(_event2);
+
+                if (_event2.country && isWindowDefined) {
+                  window.localStorage.setItem('eventCountry', _event2.country);
+                }
               }
 
-              _context3.next = 16;
+              _context4.next = 16;
               break;
 
             case 13:
-              _context3.prev = 13;
-              _context3.t0 = _context3["catch"](0);
+              _context4.prev = 13;
+              _context4.t0 = _context4["catch"](0);
 
-              if (axios.isAxiosError(_context3.t0)) {
-                onGetTicketsError(_context3.t0);
-                setError(_get(_context3.t0, 'response.data.message'));
+              if (axios.isAxiosError(_context4.t0)) {
+                onGetTicketsError(_context4.t0);
+                setError(_get(_context4.t0, 'response.data.message'));
               }
 
             case 16:
-              _context3.prev = 16;
+              _context4.prev = 16;
               setIsLoading(false);
               setCodeIsLoading(false);
-              return _context3.finish(16);
+              return _context4.finish(16);
 
             case 20:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
         }
-      }, _callee3, null, [[0, 13, 16, 20]]);
+      }, _callee4, null, [[0, 13, 16, 20]]);
     }));
     return _getTicketsApi.apply(this, arguments);
   }
@@ -6016,6 +6131,41 @@ var TicketsContainer = function TicketsContainer(_ref) {
     getTicketsApi(isUpdateingCode, type);
   };
 
+  var fetchUserData = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
+      var userDataResponse, profileData, profileDataObj;
+      return runtime_1.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _context3.next = 3;
+              return getProfileData();
+
+            case 3:
+              userDataResponse = _context3.sent;
+              profileData = _get(userDataResponse, 'data.data');
+              profileDataObj = setLoggedUserData(profileData);
+              return _context3.abrupt("return", profileDataObj);
+
+            case 9:
+              _context3.prev = 9;
+              _context3.t0 = _context3["catch"](0);
+              throw new Error(_context3.t0);
+
+            case 12:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 9]]);
+    }));
+
+    return function fetchUserData() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
   var isTicketOnSale = _some(tickets, function (item) {
     return item.salesStarted && !item.salesEnded && !item.soldOut;
   });