tf-checkout-react 1.0.80 → 1.0.84

package/dist/components/billing-info-container/index.d.ts

@@ -27,6 +27,7 @@ export interface IBillingInfoPage {
     onAuthorizeError?: (e: AxiosError) => void;
     onLogin?: () => void;
     onLoginSuccess?: () => void;
+    onErrorClose?: () => void;
     initialValues?: FormikValues;
     buttonName?: string;
     theme?: 'light' | 'dark';
@@ -38,4 +39,4 @@ export interface IBillingInfoPage {
         checkbox?: CSSProperties;
     };
 }
-export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions }: IBillingInfoPage) => JSX.Element;
+export declare const BillingInfoContainer: ({ data, ticketHoldersFields, initialValues, buttonName, handleSubmit, theme, onRegisterSuccess, onRegisterError, onSubmitError, onGetCartSuccess, onGetCartError, onGetCountriesSuccess, onGetCountriesError, onGetStatesSuccess, onGetStatesError, onGetProfileDataSuccess, onGetProfileDataError, onAuthorizeSuccess, onAuthorizeError, onLogin, onLoginSuccess, isLoggedIn: pIsLoggedIn, accountInfoTitle, hideLogo, themeOptions, onErrorClose }: IBillingInfoPage) => JSX.Element;

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

@@ -27,6 +27,7 @@ export interface IGetTickets {
         checkbox?: CSSProperties;
     };
     isAccessCodeEnabled?: boolean;
+    hideSessionButtons?: boolean;
 }
 export interface ITicket {
     id: string | number;
@@ -35,5 +36,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, }: IGetTickets) => JSX.Element;
+export declare const TicketsContainer: ({ onLoginSuccess, getTicketsLabel, eventId, onAddToCartSuccess, contentStyle, onAddToCartError, onGetTicketsSuccess, onGetTicketsError, theme, queryPromoCode, isPromotionsEnabled, themeOptions, isAccessCodeEnabled, hideSessionButtons }: IGetTickets) => JSX.Element;
 export {};

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

@@ -12,6 +12,7 @@ var _identity = _interopDefault(require('lodash/identity'));
 var _map = _interopDefault(require('lodash/map'));
 var _get = _interopDefault(require('lodash/get'));
 var _includes = _interopDefault(require('lodash/includes'));
+var _isEqual = _interopDefault(require('lodash/isEqual'));
 var axios = _interopDefault(require('axios'));
 var _forEach = _interopDefault(require('lodash/forEach'));
 var material = require('@mui/material');
@@ -1006,7 +1007,7 @@ var downloadPDF = function downloadPDF(pdfUrl) {
     }
   }).then( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(response) {
-      var blobValue;
+      var blobValue, fileNameHeader, fileName;
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -1016,9 +1017,14 @@ var downloadPDF = function downloadPDF(pdfUrl) {
 
             case 2:
               blobValue = _context.sent;
-              return _context.abrupt("return", blobValue);
+              fileNameHeader = response.headers.get("content-disposition") || '';
+              fileName = fileNameHeader.split('"')[1];
+              return _context.abrupt("return", {
+                blobValue: blobValue,
+                fileName: fileName
+              });
 
-            case 4:
+            case 6:
             case "end":
               return _context.stop();
           }
@@ -1029,12 +1035,20 @@ var downloadPDF = function downloadPDF(pdfUrl) {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }()).then(function (blobValue) {
+  }()).then(function (_ref2) {
+    var blobValue = _ref2.blobValue,
+        fileName = _ref2.fileName;
+    if (!fileName) return;
     var file = new Blob([blobValue], {
       type: 'application/pdf'
     });
     var fileURL = URL.createObjectURL(file);
-    window.open(fileURL);
+    var link = document.createElement('a');
+    link.href = fileURL;
+    link.setAttribute('download', fileName);
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
   });
 };
 
@@ -1244,8 +1258,14 @@ var getProfileData = function getProfileData(accessToken) {
       Authorization: "Bearer " + accessToken
     })
   })["catch"](function (e) {
+    var _e$response, _e$response$data;
+
+    var errorType = e == null ? void 0 : (_e$response = e.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.error;
+
     if (isWindowDefined) {
-      var event = new window.CustomEvent('auth_error', e);
+      var event = new window.CustomEvent('auth_error', {
+        detail: errorType
+      });
       window.document.dispatchEvent(event);
     }
 
@@ -2224,7 +2244,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       _ref3$onGetStatesErro = _ref3.onGetStatesError,
       onGetStatesError = _ref3$onGetStatesErro === void 0 ? function () {} : _ref3$onGetStatesErro,
       _ref3$onGetProfileDat = _ref3.onGetProfileDataSuccess,
-      onGetProfileDataSuccess = _ref3$onGetProfileDat === void 0 ? function () {} : _ref3$onGetProfileDat,
+      _onGetProfileDataSuccess = _ref3$onGetProfileDat === void 0 ? function () {} : _ref3$onGetProfileDat,
       _ref3$onGetProfileDat2 = _ref3.onGetProfileDataError,
       onGetProfileDataError = _ref3$onGetProfileDat2 === void 0 ? function () {} : _ref3$onGetProfileDat2,
       _ref3$onAuthorizeSucc = _ref3.onAuthorizeSuccess,
@@ -2239,7 +2259,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       _ref3$accountInfoTitl = _ref3.accountInfoTitle,
       accountInfoTitle = _ref3$accountInfoTitl === void 0 ? '' : _ref3$accountInfoTitl,
       hideLogo = _ref3.hideLogo,
-      themeOptions = _ref3.themeOptions;
+      themeOptions = _ref3.themeOptions,
+      _ref3$onErrorClose = _ref3.onErrorClose,
+      onErrorClose = _ref3$onErrorClose === void 0 ? function () {} : _ref3$onErrorClose;
+
   var themeMui = styles$1.createTheme(themeOptions);
   var isWindowDefined = typeof window !== 'undefined';
   var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
@@ -2303,6 +2326,10 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       userValues = _useState11[0],
       setUserValues = _useState11[1];
 
+  var _useState12 = React.useState(null),
+      error = _useState12[0],
+      setError = _useState12[1];
+
   var emailLogged = _get(userData, 'email', '') || _get(userValues, 'email', '');
 
   var firstNameLogged = _get(userData, 'first_name', '') || _get(userValues, 'first_name', '');
@@ -2314,11 +2341,25 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
   var optedInFieldValue = _get(cartInfoData, 'optedIn', false);
 
-  var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
+  var ttfOptIn = _get(cartInfoData, 'ttfOptIn', false);
 
-  if (!_get(dataWithUniqueIds, '[0].uniqueId')) {
-    setDataWithUniqueIds(assingUniqueIds(data));
-  }
+  var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true); // Get prevProps
+
+
+  var prevData = React.useRef(data);
+  React.useEffect(function () {
+    var hasUniqueId = _get(dataWithUniqueIds, '[0].uniqueId');
+
+    var isEqualData = _isEqual(prevData.current, data);
+
+    if (!hasUniqueId || !isEqualData) {
+      setDataWithUniqueIds(assingUniqueIds(data));
+
+      if (!isEqualData) {
+        prevData.current = data;
+      }
+    }
+  }, [dataWithUniqueIds, data]);
 
   var getQuantity = function getQuantity(cart) {
     if (cart === void 0) {
@@ -2332,8 +2373,12 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     return qty;
   };
 
-  var handleAuthErrors = React.useCallback(function () {
+  var handleAuthErrors = React.useCallback(function (e) {
     setIsLoggedIn(false);
+
+    if (isWindowDefined && (e == null ? void 0 : e.detail) === 'invalid_token') {
+      window.location.href = '/';
+    }
   }, []);
   React.useEffect(function () {
     isWindowDefined && window.document.addEventListener('auth_error', handleAuthErrors);
@@ -2471,7 +2516,8 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 lastName: profileDataObj.last_name
               }));
               window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
-              onGetProfileDataSuccess(userDataResponse.data);
+
+              _onGetProfileDataSuccess(userDataResponse.data);
 
             case 10:
               _context4.next = 15;
@@ -2507,12 +2553,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     initialValues: getInitialValues(dataWithUniqueIds, _extends({}, initialValues, {
       country: _get(userData, 'country', '') || "1",
       state: _get(userData, 'state', '') || "1",
-      brand_opt_in: optedInFieldValue
+      brand_opt_in: optedInFieldValue,
+      ttf_opt_in: ttfOptIn
     }), userValues),
     enableReinitialize: true,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5(values, formikHelpers) {
-        var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, checkoutBodyForRegistration, bodyFormData, access_token_register, resRegister, refreshToken, tokens, _e$response, _e$response$data, error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2;
+        var updatedUserData, _profileSpecifiedData, _profileDataObj, _checkoutBody, _res, checkoutBodyForRegistration, bodyFormData, access_token_register, resRegister, refreshToken, tokens, _e$response, _e$response$data, _error, profileData, profileSpecifiedData, profileDataObj, checkoutBody, res, _e$response2, _e$response3;
 
         return runtime_1.wrap(function _callee5$(_context5) {
           while (1) {
@@ -2521,7 +2568,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 _context5.prev = 0;
 
                 if (!isLoggedIn) {
-                  _context5.next = 15;
+                  _context5.next = 17;
                   break;
                 }
 
@@ -2553,10 +2600,14 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
               case 12:
                 _res = _context5.sent;
+                _context5.next = 15;
+                return getPaymentData(_res.data.data.attributes.hash);
+
+              case 15:
                 handleSubmit(values, formikHelpers, eventId, _res);
                 return _context5.abrupt("return");
 
-              case 15:
+              case 17:
                 checkoutBodyForRegistration = createCheckoutDataBody(ticketsQuantity.length, values, {
                   emailLogged: emailLogged,
                   firstNameLogged: firstNameLogged,
@@ -2564,11 +2615,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }, showDOB);
                 bodyFormData = createRegisterFormData(values, checkoutBodyForRegistration);
                 access_token_register = null;
-                _context5.prev = 18;
-                _context5.next = 21;
+                _context5.prev = 20;
+                _context5.next = 23;
                 return register(bodyFormData);
 
-              case 21:
+              case 23:
                 resRegister = _context5.sent;
                 access_token_register = _get(resRegister, 'data.data.attributes.access_token');
                 refreshToken = _get(resRegister, 'data.data.attributes.refresh_token');
@@ -2578,26 +2629,26 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   refreshToken: refreshToken
                 };
                 onRegisterSuccess(tokens);
-                _context5.next = 33;
+                _context5.next = 35;
                 break;
 
-              case 29:
-                _context5.prev = 29;
-                _context5.t0 = _context5["catch"](18);
+              case 31:
+                _context5.prev = 31;
+                _context5.t0 = _context5["catch"](20);
 
                 if (axios.isAxiosError(_context5.t0)) {
-                  error = _context5.t0 == null ? void 0 : (_e$response = _context5.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
+                  _error = _context5.t0 == null ? void 0 : (_e$response = _context5.t0.response) == null ? void 0 : (_e$response$data = _e$response.data) == null ? void 0 : _e$response$data.message;
 
-                  if (_includes(error, 'You must be aged')) {
-                    formikHelpers.setFieldError('holderAge', error);
+                  if (_includes(_error, 'You must be aged')) {
+                    formikHelpers.setFieldError('holderAge', _error);
                   }
 
-                  if (error != null && error.password) {
-                    formikHelpers.setFieldError('password', error.password);
-                    formikHelpers.setFieldError('confirmPassword', error.password);
+                  if (_error != null && _error.password) {
+                    formikHelpers.setFieldError('password', _error.password);
+                    formikHelpers.setFieldError('confirmPassword', _error.password);
                   }
 
-                  if (error != null && error.email && !onLogin) {
+                  if (_error != null && _error.email && !onLogin) {
                     // False will stand for outside controll
                     setAlreadyHasUser(true);
                     setShowModalLogin(true);
@@ -2608,11 +2659,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
                 return _context5.abrupt("return");
 
-              case 33:
-                _context5.next = 35;
+              case 35:
+                _context5.next = 37;
                 return getProfileData(access_token_register);
 
-              case 35:
+              case 37:
                 profileData = _context5.sent;
                 profileSpecifiedData = _get(profileData, 'data.data');
                 profileDataObj = setLoggedUserData(profileSpecifiedData);
@@ -2626,17 +2677,21 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   firstNameLogged: firstNameLogged,
                   lastNameLogged: lastNameLogged
                 }, showDOB);
-                _context5.next = 42;
+                _context5.next = 44;
                 return postOnCheckout(checkoutBody, access_token_register);
 
-              case 42:
+              case 44:
                 res = _context5.sent;
+                _context5.next = 47;
+                return getPaymentData(res.data.data.attributes.hash);
+
+              case 47:
                 handleSubmit(values, formikHelpers, eventId, res);
-                _context5.next = 49;
+                _context5.next = 53;
                 break;
 
-              case 46:
-                _context5.prev = 46;
+              case 50:
+                _context5.prev = 50;
                 _context5.t1 = _context5["catch"](0);
 
                 if (axios.isAxiosError(_context5.t1)) {
@@ -2649,15 +2704,23 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                     }
                   }
 
+                  if ((_e$response3 = _context5.t1.response) != null && _e$response3.data.message) {
+                    if (typeof document !== undefined) {
+                      document.body.scrollTop = document.documentElement.scrollTop = 0;
+                    }
+
+                    setError(_get(_context5.t1, 'response.data.message'));
+                  }
+
                   onSubmitError(_context5.t1);
                 }
 
-              case 49:
+              case 53:
               case "end":
                 return _context5.stop();
             }
           }
-        }, _callee5, null, [[0, 46], [18, 29]]);
+        }, _callee5, null, [[0, 50], [20, 31]]);
       }));
 
       function onSubmit(_x2, _x3) {
@@ -2679,7 +2742,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       onGetStatesError: onGetStatesError
     }), React__default.createElement("div", {
       className: "billing-info-container " + theme
-    }, !isLoggedIn && React__default.createElement("div", {
+    }, error && React__default.createElement(material.Alert, {
+      severity: "error",
+      onClose: onErrorClose,
+      variant: "filled"
+    }, error), !isLoggedIn && React__default.createElement("div", {
       className: "account-actions-block"
     }, React__default.createElement("div", null, accountInfoTitle), React__default.createElement("div", null, "Login & skip ahead:"), React__default.createElement("div", {
       className: "login-block"
@@ -2751,13 +2818,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
         var groupClassname = group.groupClassname,
             groupItems = group.groupItems;
         return React__default.createElement("div", {
-          key: group.uniqueId
+          key: group.id
         }, React__default.createElement("div", {
           className: groupClassname
         }, _map(groupItems, function (element) {
           return React__default.createElement("div", {
             className: element.className,
-            key: element.uniqueId
+            key: element.name
           }, React__default.createElement(formik.Field, {
             name: element.name + "-" + index,
             label: element.label,
@@ -2791,7 +2858,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     userExpired: userExpired,
     onAuthorizeSuccess: onAuthorizeSuccess,
     onAuthorizeError: onAuthorizeError,
-    onGetProfileDataSuccess: onGetProfileDataSuccess,
+    onGetProfileDataSuccess: function onGetProfileDataSuccess(data) {
+      fetchCart();
+
+      _onGetProfileDataSuccess(data);
+    },
     onGetProfileDataError: onGetProfileDataError
   }), showModalRegister && React__default.createElement(RegisterModal, {
     onClose: function onClose() {
@@ -2800,7 +2871,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     onRegister: function onRegister() {
       setShowModalRegister(false);
     },
-    onGetProfileDataSuccess: onGetProfileDataSuccess,
+    onGetProfileDataSuccess: function onGetProfileDataSuccess(data) {
+      fetchCart();
+
+      _onGetProfileDataSuccess(data);
+    },
     onGetProfileDataError: onGetProfileDataError
   }));
 };
@@ -4034,6 +4109,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
       setPromoCodeUpdated = _ref.setPromoCodeUpdated,
       setShowPromoInput = _ref.setShowPromoInput,
       isAccessCodeEnabled = _ref.isAccessCodeEnabled;
+  var isPromoCodeHasValue = !!promoCode.trim();
 
   var renderInputField = function renderInputField() {
     return React__default.createElement("div", {
@@ -4049,14 +4125,18 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
         setPromoCode(e.target.value);
       },
       onKeyPress: function onKeyPress(event) {
-        if (event.key === 'Enter') {
+        if (event.key === 'Enter' && isPromoCodeHasValue) {
           setPromoCodeUpdated(promoCode);
+          setShowPromoInput(false);
         }
       }
     }), React__default.createElement(Button$1, {
       className: "promo-submit-button",
       onClick: function onClick() {
-        setPromoCodeUpdated(promoCode);
+        if (isPromoCodeHasValue) {
+          setPromoCodeUpdated(promoCode);
+          setShowPromoInput(false);
+        }
       }
     }, isAccessCodeEnabled ? 'ENTER' : 'APPLY'));
   };
@@ -4070,7 +4150,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     }
   }), React__default.createElement("p", {
     className: "promo-code-success"
-  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && !promoCodeIsApplied && renderInputField(), isPromotionsEnabled && !showPromoInput && !isAccessCodeEnabled ? React__default.createElement(Button$1, {
+  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && renderInputField(), isPromotionsEnabled && !showPromoInput && !isAccessCodeEnabled ? React__default.createElement(Button$1, {
     className: "promo-code-button",
     placeholder: "Promo Codes",
     onClick: function onClick() {
@@ -4184,7 +4264,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       isPromotionsEnabled = _ref$isPromotionsEnab === void 0 ? true : _ref$isPromotionsEnab,
       themeOptions = _ref.themeOptions,
       _ref$isAccessCodeEnab = _ref.isAccessCodeEnabled,
-      isAccessCodeEnabled = _ref$isAccessCodeEnab === void 0 ? false : _ref$isAccessCodeEnab;
+      isAccessCodeEnabled = _ref$isAccessCodeEnab === void 0 ? false : _ref$isAccessCodeEnab,
+      _ref$hideSessionButto = _ref.hideSessionButtons,
+      hideSessionButtons = _ref$hideSessionButto === void 0 ? false : _ref$hideSessionButto;
 
   var _useState = React.useState({}),
       selectedTickets = _useState[0],
@@ -4315,6 +4397,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setTickets(_get(attributes, 'tickets'));
                 setShowWaitingList(attributes.showWaitingList);
                 onGetTicketsSuccess(response.data);
+                setPromoCode('');
               }
 
               if (eventResponse.data.success) {
@@ -4523,7 +4606,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     "aria-hidden": true,
     className: "book-button " + (handleBookIsLoading || _isEmpty(selectedTickets) || Object.values(selectedTickets)[0] === 0 ? 'disabled' : ''),
     onClick: !handleBookIsLoading && !_isEmpty(selectedTickets) && Object.values(selectedTickets)[0] > 0 ? handleBook : function () {}
-  }, getTicketsLabel || 'GET TICKETS'), isLogged ? React__default.createElement("div", {
+  }, getTicketsLabel || 'GET TICKETS'), isLogged && !hideSessionButtons ? React__default.createElement("div", {
     className: "session-wrapper"
   }, React__default.createElement("span", {
     className: "session-container"