tf-checkout-react 1.0.80 → 1.0.81

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/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare const usePrevious: <T extends unknown>(value: T) => T | undefined;

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);
   });
 };
 
@@ -2087,6 +2101,14 @@ var FormikPhoneNumberField = function FormikPhoneNumberField(_ref) {
   }, rest));
 };
 
+var usePrevious = function usePrevious(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
 var LogicRunner = function LogicRunner(_ref) {
   var values = _ref.values,
       setStates = _ref.setStates,
@@ -2224,7 +2246,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,
@@ -2240,6 +2262,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       accountInfoTitle = _ref3$accountInfoTitl === void 0 ? '' : _ref3$accountInfoTitl,
       hideLogo = _ref3.hideLogo,
       themeOptions = _ref3.themeOptions;
+
   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') || '') : {};
@@ -2314,9 +2337,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));
   }
 
@@ -2471,7 +2499,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,7 +2536,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 () {
@@ -2751,13 +2781,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 +2821,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 +2834,11 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     onRegister: function onRegister() {
       setShowModalRegister(false);
     },
-    onGetProfileDataSuccess: onGetProfileDataSuccess,
+    onGetProfileDataSuccess: function onGetProfileDataSuccess(data) {
+      fetchCart();
+
+      _onGetProfileDataSuccess(data);
+    },
     onGetProfileDataError: onGetProfileDataError
   }));
 };
@@ -4034,6 +4072,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 +4088,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 +4113,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 +4227,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 +4360,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 setTickets(_get(attributes, 'tickets'));
                 setShowWaitingList(attributes.showWaitingList);
                 onGetTicketsSuccess(response.data);
+                setPromoCode('');
               }
 
               if (eventResponse.data.success) {
@@ -4523,7 +4569,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"