tf-checkout-react 1.0.80 → 1.0.81

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

@@ -1,10 +1,11 @@
-import React, { Component, useState, useCallback, useEffect, useRef, Fragment } from 'react';
+import React, { Component, useState, useRef, useEffect, useCallback, Fragment } from 'react';
 import { connect, Formik, Form, Field } from 'formik';
 import Button from '@mui/material/Button';
 import _identity from 'lodash-es/identity';
 import _map from 'lodash-es/map';
 import _get from 'lodash-es/get';
 import _includes from 'lodash-es/includes';
+import _isEqual from 'lodash-es/isEqual';
 import axios from 'axios';
 import _forEach from 'lodash-es/forEach';
 import { TextField, FormControl, FormHelperText, InputLabel, CircularProgress, createTheme as createTheme$1 } from '@mui/material';
@@ -999,7 +1000,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) {
@@ -1009,9 +1010,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();
           }
@@ -1022,12 +1028,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);
   });
 };
 
@@ -2080,6 +2094,14 @@ var FormikPhoneNumberField = function FormikPhoneNumberField(_ref) {
   }, rest));
 };
 
+var usePrevious = function usePrevious(value) {
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
 var LogicRunner = function LogicRunner(_ref) {
   var values = _ref.values,
       setStates = _ref.setStates,
@@ -2217,7 +2239,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,
@@ -2233,6 +2255,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       accountInfoTitle = _ref3$accountInfoTitl === void 0 ? '' : _ref3$accountInfoTitl,
       hideLogo = _ref3.hideLogo,
       themeOptions = _ref3.themeOptions;
+
   var themeMui = createTheme(themeOptions);
   var isWindowDefined = typeof window !== 'undefined';
   var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
@@ -2307,9 +2330,14 @@ 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);
+
+  var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true); // Get prevProps
+
 
-  if (!_get(dataWithUniqueIds, '[0].uniqueId')) {
+  var prevData = usePrevious(data);
+
+  if (!_get(dataWithUniqueIds, '[0].uniqueId') || !_isEqual(prevData, data)) {
     setDataWithUniqueIds(assingUniqueIds(data));
   }
 
@@ -2464,7 +2492,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;
@@ -2500,7 +2529,8 @@ 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 () {
@@ -2744,13 +2774,13 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
         var groupClassname = group.groupClassname,
             groupItems = group.groupItems;
         return React.createElement("div", {
-          key: group.uniqueId
+          key: group.id
         }, React.createElement("div", {
           className: groupClassname
         }, _map(groupItems, function (element) {
           return React.createElement("div", {
             className: element.className,
-            key: element.uniqueId
+            key: element.name
           }, React.createElement(Field, {
             name: element.name + "-" + index,
             label: element.label,
@@ -2784,7 +2814,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.createElement(RegisterModal, {
     onClose: function onClose() {
@@ -2793,7 +2827,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     onRegister: function onRegister() {
       setShowModalRegister(false);
     },
-    onGetProfileDataSuccess: onGetProfileDataSuccess,
+    onGetProfileDataSuccess: function onGetProfileDataSuccess(data) {
+      fetchCart();
+
+      _onGetProfileDataSuccess(data);
+    },
     onGetProfileDataError: onGetProfileDataError
   }));
 };
@@ -4032,6 +4070,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.createElement("div", {
@@ -4047,14 +4086,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.createElement(Button$1, {
       className: "promo-submit-button",
       onClick: function onClick() {
-        setPromoCodeUpdated(promoCode);
+        if (isPromoCodeHasValue) {
+          setPromoCodeUpdated(promoCode);
+          setShowPromoInput(false);
+        }
       }
     }, isAccessCodeEnabled ? 'ENTER' : 'APPLY'));
   };
@@ -4068,7 +4111,7 @@ var PromoCodeSection = function PromoCodeSection(_ref) {
     }
   }), React.createElement("p", {
     className: "promo-code-success"
-  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && !promoCodeIsApplied && renderInputField(), isPromotionsEnabled && !showPromoInput && !isAccessCodeEnabled ? React.createElement(Button$1, {
+  }, "PROMO CODE APPLIED SUCCESSFULLY")) : null, showPromoInput && renderInputField(), isPromotionsEnabled && !showPromoInput && !isAccessCodeEnabled ? React.createElement(Button$1, {
     className: "promo-code-button",
     placeholder: "Promo Codes",
     onClick: function onClick() {
@@ -4182,7 +4225,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 = useState({}),
       selectedTickets = _useState[0],
@@ -4313,6 +4358,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setTickets(_get(attributes, 'tickets'));
                 setShowWaitingList(attributes.showWaitingList);
                 onGetTicketsSuccess(response.data);
+                setPromoCode('');
               }
 
               if (eventResponse.data.success) {
@@ -4521,7 +4567,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.createElement("div", {
+  }, getTicketsLabel || 'GET TICKETS'), isLogged && !hideSessionButtons ? React.createElement("div", {
     className: "session-wrapper"
   }, React.createElement("span", {
     className: "session-container"