tf-checkout-react 1.0.88 → 1.0.92

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

@@ -38,7 +38,6 @@ import _find from 'lodash-es/find';
 import Button$1 from 'react-bootstrap/Button';
 import jwt_decode from 'jwt-decode';
 import _sortBy from 'lodash-es/sortBy';
-import _has from 'lodash-es/has';
 import FormControl$1 from '@mui/material/FormControl';
 import MenuItem from '@mui/material/MenuItem';
 import SVG from 'react-inlinesvg';
@@ -53,6 +52,7 @@ import TableRow from '@mui/material/TableRow';
 import Paper from '@mui/material/Paper';
 import TablePagination from '@mui/material/TablePagination';
 import Autocomplete from '@mui/material/Autocomplete';
+import _has from 'lodash-es/has';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -1049,7 +1049,11 @@ var downloadPDF = function downloadPDF(pdfUrl) {
   });
 };
 
-var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, logedInValues) {
+var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, logedInValues, includeDob) {
+  if (includeDob === void 0) {
+    includeDob = false;
+  }
+
   var ticket_holders = [];
   var first_name = _get(logedInValues, 'firstName') || _get(logedInValues, 'first_name') || '';
   var last_name = _get(logedInValues, 'lastName', '') || _get(logedInValues, 'last_name') || '';
@@ -1082,6 +1086,14 @@ var createCheckoutDataBodyWithDefaultHolder = function createCheckoutDataBodyWit
       ticket_holders: ticket_holders
     })
   };
+
+  if (includeDob) {
+    var holderAgeDate = new Date(_get(logedInValues, 'holderAge', ''));
+    body.attributes.dob_day = holderAgeDate.getDate();
+    body.attributes.dob_month = holderAgeDate.getMonth() + 1;
+    body.attributes.dob_year = holderAgeDate.getFullYear();
+  }
+
   return body;
 };
 
@@ -1275,7 +1287,7 @@ var getStates = function getStates(countryId) {
   return publicRequest.get("/countries/" + countryId + "/states/");
 };
 var getOrders = function getOrders(page, limit, eventSlug) {
-  return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug);
+  return publicRequest.get("/v1/account/orders/?page=" + page + "&limit=" + limit + "&filter[event]=" + eventSlug + "&filter[brand]=" + CONFIGS.BRAND_SLUG);
 };
 var getOrderDetails = function getOrderDetails(orderId) {
   return publicRequest.get("/v1/account/order/" + orderId);
@@ -1319,6 +1331,12 @@ var LoginModal = function LoginModal(_ref) {
       error = _useState[0],
       setError = _useState[1];
 
+  var handleForgotPassword = function handleForgotPassword() {
+    if (typeof window !== 'undefined') {
+      window.open(CONFIGS.BASE_URL + "/password-restore/");
+    }
+  };
+
   return React.createElement(Modal, {
     open: true,
     onClose: onClose,
@@ -1497,7 +1515,11 @@ var LoginModal = function LoginModal(_ref) {
       className: "login-action-button"
     }, React.createElement("button", {
       type: "submit"
-    }, "Login"))));
+    }, "Login")), React.createElement("div", {
+      className: 'forgot-password'
+    }, React.createElement("span", {
+      onClick: handleForgotPassword
+    }, "Forgot password?"))));
   }))));
 };
 
@@ -2261,7 +2283,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
       _ref3$onSkipBillingPa = _ref3.onSkipBillingPage,
       onSkipBillingPage = _ref3$onSkipBillingPa === void 0 ? function () {} : _ref3$onSkipBillingPa,
       _ref3$skipPage = _ref3.skipPage,
-      skipPage = _ref3$skipPage === void 0 ? false : _ref3$skipPage;
+      skipPage = _ref3$skipPage === void 0 ? false : _ref3$skipPage,
+      _ref3$canSkipHolderNa = _ref3.canSkipHolderNames,
+      canSkipHolderNames = _ref3$canSkipHolderNa === void 0 ? false : _ref3$canSkipHolderNa;
 
   var themeMui = createTheme(themeOptions);
   var isWindowDefined = typeof window !== 'undefined';
@@ -2341,6 +2365,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
   var lastNameLogged = _get(userData, 'last_name', '') || _get(userValues, 'last_name', '');
 
   var showDOB = getQueryVariable('age_required') === 'true';
+  var showTicketHolders = getQueryVariable('names_required') === 'true';
   var eventId = getQueryVariable('event_id');
 
   var optedInFieldValue = _get(cartInfoData, 'optedIn', false);
@@ -2590,7 +2615,24 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     }();
 
     collectPaymentData();
-  }, [skipPage, ticketsQuantity]); // Displaying loader
+  }, [skipPage, ticketsQuantity]);
+
+  var collectCheckoutBody = function collectCheckoutBody(values) {
+    var checkoutBody = {}; // Auto collect ticket holders name when it was skipped optionally
+
+    if (showDOB && !showTicketHolders && canSkipHolderNames) {
+      checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity.length, values, true);
+    } else {
+      checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
+        emailLogged: emailLogged,
+        firstNameLogged: firstNameLogged,
+        lastNameLogged: lastNameLogged
+      }, showDOB);
+    }
+
+    return checkoutBody;
+  }; // Displaying loader
+
 
   if (loading) {
     return React.createElement(Backdrop, {
@@ -2646,11 +2688,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                 }
 
               case 9:
-                _checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
-                  emailLogged: emailLogged,
-                  firstNameLogged: firstNameLogged,
-                  lastNameLogged: lastNameLogged
-                }, showDOB);
+                _checkoutBody = collectCheckoutBody(values);
                 _context6.next = 12;
                 return postOnCheckout(_checkoutBody, access_token);
 
@@ -2728,11 +2766,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
                   window.localStorage.setItem('user_data', JSON.stringify(profileDataObj));
                 }
 
-                checkoutBody = createCheckoutDataBody(ticketsQuantity.length, values, {
-                  emailLogged: emailLogged,
-                  firstNameLogged: firstNameLogged,
-                  lastNameLogged: lastNameLogged
-                }, showDOB);
+                checkoutBody = collectCheckoutBody(values);
                 _context6.next = 44;
                 return postOnCheckout(checkoutBody, access_token_register);
 
@@ -3941,9 +3975,10 @@ var TicketRow = function TicketRow(_ref) {
       selectedTickets = _ref.selectedTickets,
       handleTicketSelect = _ref.handleTicketSelect;
   var soldOutMessage = ticketTier.soldOutMessage ? ("" + ticketTier.soldOutMessage).toUpperCase() : 'SOLD OUT';
-  var isSalesClosed = !ticketTier.salesStarted || ticketTier.salesEnded || !_has(ticketTier, 'maxQuantity') || ticketTier.maxQuantity === 0;
+  var isSalesClosed = !ticketTier.salesStarted || ticketTier.salesEnded;
   var options = getTicketSelectOptions(ticketTier.maxQuantity, ticketTier.minQuantity, ticketTier.multiplier);
-  var onSaleContent = isSalesClosed ? null : React.createElement("div", {
+  var ticketsClosedMessage = !ticketTier.salesStarted ? 'Sales not started' : 'Sales Ended';
+  var onSaleContent = isSalesClosed ? ticketsClosedMessage : React.createElement("div", {
     className: "get-tickets"
   }, React.createElement(Box, {
     className: "get-tickets__selectbox"
@@ -3979,10 +4014,6 @@ var TicketRow = function TicketRow(_ref) {
     returnValue = soldOutMessage;
   }
 
-  if (!+ticketTier.cost && !+ticketTier.price) {
-    returnValue = 'FREE';
-  }
-
   if (ticketTier.displayTicket) {
     returnValue = onSaleContent;
   }
@@ -4016,6 +4047,8 @@ var TicketsSection = function TicketsSection(_ref) {
       ticketIsDiscounted = true;
     }
 
+    var ticketIsFree = (+ticket.cost || +ticket.price) === 0;
+    var ticketPrice = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : "$ " + (+ticket.cost || +ticket.price).toFixed(2);
     return React.createElement("div", {
       key: ticket.id || ticket.name,
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
@@ -4027,21 +4060,19 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React.createElement("p", {
       className: "old-price"
-    }, "$ ", (+ticket.oldPrice).toFixed(2)), React.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+ticket.cost || +ticket.price).toFixed(2)), !isSoldOut && React.createElement("p", {
+    }, "$ ", (+ticket.oldPrice).toFixed(2)), React.createElement("p", null, ticketPrice), !isSoldOut && !ticketIsFree && React.createElement("p", {
       className: "fees"
     }, ticket.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React.createElement("div", {
       className: "event-detail__tier-state",
       style: {
         minWidth: 55
       }
-    }, ticket.salesStarted ? React.createElement(TicketRow, {
+    }, React.createElement(TicketRow, {
       ticketTier: ticket,
       prevTicketTier: arr[i - 1],
       selectedTickets: selectedTickets,
       handleTicketSelect: ticketSelect
-    }) : React.createElement("p", {
-      className: 'ticket-not-started-message'
-    }, "Sales not started"))));
+    }))));
   }));
 };
 
@@ -4463,7 +4494,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     }
   }, []);
   useEffect(function () {
-    getTicketsApi();
+    !!eventId && getTicketsApi();
   }, [eventId, promoCodeUpdated]);
 
   var handleLogout = function handleLogout() {
@@ -4583,7 +4614,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
       var _product_options, _product_options2, _ticket_types;
 
-      var ticket, optionName, ticketId, ticketQuantity, data, result, _result$data$data$att, _result$data, _result$data$data, _result$data$data$att2, _result$data$data$att3, _result$data2, _result$data2$data, _result$data2$data$at, _result$data$data$att4, _result$data3, _result$data3$data, _result$data3$data$at, skipBillingPage, nameIsRequired, ageIsRequired, hash, _isWindowDefined, userData, access_token, ticketsQuantity, checkoutBody, checkoutResult;
+      var ticket, optionName, ticketId, ticketQuantity, data, result, _result$data$data$att, _result$data, _result$data$data, _result$data$data$att2, _result$data$data$att3, _result$data2, _result$data2$data, _result$data2$data$at, _result$data$data$att4, _result$data3, _result$data3$data, _result$data3$data$at, skipBillingPage, nameIsRequired, ageIsRequired, hash, _isWindowDefined, userData, access_token, checkoutBody, checkoutResult;
 
       return runtime_1.wrap(function _callee$(_context) {
         while (1) {
@@ -4616,7 +4647,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               result = _context.sent;
 
               if (!(result.status === 200)) {
-                _context.next = 27;
+                _context.next = 26;
                 break;
               }
 
@@ -4627,7 +4658,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
               hash = '';
 
               if (!skipBillingPage) {
-                _context.next = 26;
+                _context.next = 25;
                 break;
               }
 
@@ -4635,16 +4666,15 @@ var TicketsContainer = function TicketsContainer(_ref) {
               _isWindowDefined = typeof window !== 'undefined';
               userData = _isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
               access_token = _isWindowDefined && window.localStorage.getItem('access_token') ? window.localStorage.getItem('access_token') || '' : '';
-              ticketsQuantity = Object.keys(selectedTickets).length;
-              checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketsQuantity, userData);
-              _context.next = 24;
+              checkoutBody = createCheckoutDataBodyWithDefaultHolder(ticketQuantity, userData);
+              _context.next = 23;
               return postOnCheckout(checkoutBody, access_token);
 
-            case 24:
+            case 23:
               checkoutResult = _context.sent;
               hash = _get(checkoutResult, 'data.data.attributes.hash');
 
-            case 26:
+            case 25:
               onAddToCartSuccess({
                 skip_billing_page: skipBillingPage,
                 names_required: nameIsRequired,
@@ -4653,29 +4683,29 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 hash: hash
               });
 
-            case 27:
-              _context.next = 32;
+            case 26:
+              _context.next = 31;
               break;
 
-            case 29:
-              _context.prev = 29;
+            case 28:
+              _context.prev = 28;
               _context.t0 = _context["catch"](6);
 
               if (axios.isAxiosError(_context.t0)) {
                 onAddToCartError(_context.t0);
               }
 
-            case 32:
-              _context.prev = 32;
+            case 31:
+              _context.prev = 31;
               setHandleBookIsLoading(false);
-              return _context.finish(32);
+              return _context.finish(31);
 
-            case 35:
+            case 34:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[6, 29, 32, 35]]);
+      }, _callee, null, [[6, 28, 31, 34]]);
     }));
 
     return function handleBook() {