tf-checkout-react 1.0.99-beta.14 → 1.0.99-beta.17

package/dist/images/cross.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="94.926px" height="94.926px" viewBox="0 0 94.926 94.926" style="enable-background:new 0 0 94.926 94.926;"
+	 xml:space="preserve">
+<g>
+	<path d="M55.931,47.463L94.306,9.09c0.826-0.827,0.826-2.167,0-2.994L88.833,0.62C88.436,0.224,87.896,0,87.335,0
+		c-0.562,0-1.101,0.224-1.498,0.62L47.463,38.994L9.089,0.62c-0.795-0.795-2.202-0.794-2.995,0L0.622,6.096
+		c-0.827,0.827-0.827,2.167,0,2.994l38.374,38.373L0.622,85.836c-0.827,0.827-0.827,2.167,0,2.994l5.473,5.476
+		c0.397,0.396,0.936,0.62,1.498,0.62s1.1-0.224,1.497-0.62l38.374-38.374l38.374,38.374c0.397,0.396,0.937,0.62,1.498,0.62
+		s1.101-0.224,1.498-0.62l5.473-5.476c0.826-0.827,0.826-2.167,0-2.994L55.931,47.463z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

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

@@ -35,6 +35,7 @@ var styles$1 = require('@mui/material/styles');
 var Backdrop = _interopDefault(require('@mui/material/Backdrop'));
 var Countdown$1 = _interopDefault(require('react-countdown'));
 var _isNumber = _interopDefault(require('lodash/isNumber'));
+var SVG = _interopDefault(require('react-inlinesvg'));
 var Container = _interopDefault(require('@mui/material/Container'));
 var Alert = _interopDefault(require('@mui/material/Alert'));
 var reactStripeJs = require('@stripe/react-stripe-js');
@@ -47,7 +48,6 @@ var jwt_decode = _interopDefault(require('jwt-decode'));
 var _sortBy = _interopDefault(require('lodash/sortBy'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
-var SVG = _interopDefault(require('react-inlinesvg'));
 var privateTheming = require('@mui/private-theming');
 var Table = _interopDefault(require('@mui/material/Table'));
 var TableBody = _interopDefault(require('@mui/material/TableBody'));
@@ -2255,6 +2255,20 @@ var showZero = function showZero(value) {
   return _isNumber(intNumber) ? intNumber >= 0 && intNumber < 10 ? '0' + intNumber : intNumber : null;
 };
 
+var getImage = function getImage(name) {
+  if (name === void 0) {
+    name = '';
+  }
+
+  var image = '';
+
+  if (!name.trim().length) {
+    return image;
+  }
+
+  return image;
+};
+
 var TimerWidget = function TimerWidget(_ref) {
   var expires_at = _ref.expires_at,
       buyLoading = _ref.buyLoading,
@@ -2287,9 +2301,25 @@ var TimerWidget = function TimerWidget(_ref) {
     return React__default.createElement("span", null, showZero(minutes), ":", showZero(seconds));
   };
 
+  var hideTimer = function hideTimer() {
+    var timerRl = document.querySelector('.timer');
+
+    if (timerRl) {
+      timerRl.style.visibility = "hidden";
+    }
+  };
+
   return showTimer && !!expires_at ? React__default.createElement("div", {
     className: "timer"
   }, React__default.createElement("div", {
+    className: 'close-icon',
+    onClick: hideTimer
+  }, React__default.createElement(SVG, {
+    src: getImage('cross.svg'),
+    width: '10',
+    height: '10',
+    fill: '#fff'
+  })), React__default.createElement("div", {
     className: "toast-message"
   }, React__default.createElement("p", null, "Please complete your purchase before the timer reaches zero."), React__default.createElement("p", {
     className: "countdown"
@@ -2599,10 +2629,9 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
 
   var hideTtfOptIn = _get(cartInfoData, 'hide_ttf_opt_in', true);
 
-  var flagRequirePhone = getQueryVariable('phone_required') === 'true';
-
-  var expirationTime = _get(cartInfoData, 'expires_at'); // Get prevProps
+  var expirationTime = _get(cartInfoData, 'expiresAt');
 
+  var flagRequirePhone = getQueryVariable('phone_required') === 'true'; // Get prevProps
 
   var prevData = React.useRef(data);
   React.useEffect(function () {
@@ -2882,7 +2911,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref3) {
     open: true
   }, React__default.createElement(material.CircularProgress, {
     color: "inherit"
-  })), expirationTime && enableTimer && React__default.createElement(TimerWidget, {
+  })), !!expirationTime && enableTimer && React__default.createElement(TimerWidget, {
     expires_at: expirationTime,
     onCountdownFinish: onCountdownFinish
   }), React__default.createElement(formik.Formik, {
@@ -4457,20 +4486,6 @@ var WaitingList = function WaitingList(_ref) {
   }) : 'ADD TO WAITING LIST')))));
 };
 
-var getImage = function getImage(name) {
-  if (name === void 0) {
-    name = '';
-  }
-
-  var image = '';
-
-  if (!name.trim().length) {
-    return image;
-  }
-
-  return image;
-};
-
 var PromoCodeSection = function PromoCodeSection(_ref) {
   var code = _ref.code,
       codeIsApplied = _ref.codeIsApplied,
@@ -4788,6 +4803,10 @@ var TicketsContainer = function TicketsContainer(_ref) {
       showAccessCodeSection = _useState13[0],
       setShowAccessCodeSection = _useState13[1];
 
+  var _useState14 = React.useState(isPromotionsEnabled),
+      showPromoCodeSection = _useState14[0],
+      setShowPromoCodeSection = _useState14[1];
+
   var ticketsContainerRef = React.useRef(null);
   React.useEffect(function () {
     if (typeof window !== 'undefined') {
@@ -4915,6 +4934,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
                 onGetTicketsSuccess(response.data);
                 setCode('');
                 setShowAccessCodeSection(attributes.is_access_code);
+                setShowPromoCodeSection(attributes.isPromotionsEnabled);
               }
 
               if (eventResponse.data.success) {
@@ -5130,6 +5150,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var wrappedActionsSectionComponent = React__default.isValidElement(ActionsSectionComponent) ? React__default.cloneElement(ActionsSectionComponent, {
     handleGetTicketClick: handleGetTicketClick
   }) : null;
+  var externalUrl = event == null ? void 0 : event.redirectUrl;
+  var eventSaleIsNotStarted = !(event != null && event.salesStarted) && (event == null ? void 0 : event.salesStart);
   return React__default.createElement(privateTheming.ThemeProvider, {
     theme: themeMui
   }, !isLoading && React__default.createElement(ReferralLogic, {
@@ -5144,9 +5166,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
     sortBySoldOut: sortBySoldOut
-  }), isSalesClosed ? React__default.createElement("p", {
+  }), externalUrl ? null : isSalesClosed ? React__default.createElement("p", {
     className: "event-closed-message"
-  }, "Sales for this event are closed.") : !(event != null && event.salesStarted) && event != null && event.salesStart ? React__default.createElement(Countdown, {
+  }, "Sales for this event are closed.") : eventSaleIsNotStarted ? React__default.createElement(Countdown, {
     startDate: event.salesStart,
     timezone: event.timezone,
     title: "Sales start in:",
@@ -5161,7 +5183,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     code: code,
     setCode: setCode,
     updateTickets: updateTickets
-  }) : isPromotionsEnabled ? React__default.createElement(PromoCodeSection, {
+  }) : showPromoCodeSection ? React__default.createElement(PromoCodeSection, {
     code: code,
     codeIsApplied: codeIsApplied,
     setCodeIsApplied: setCodeIsApplied,
@@ -5169,7 +5191,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     setShowPromoInput: setShowPromoInput,
     setCode: setCode,
     updateTickets: updateTickets
-  }) : null, wrappedActionsSectionComponent, !wrappedActionsSectionComponent && (isTicketOnSale || !(event != null && event.salesEnded)) && React__default.createElement(Button$1, {
+  }) : null, wrappedActionsSectionComponent, !wrappedActionsSectionComponent && !eventSaleIsNotStarted && (isTicketOnSale || !(event != null && event.salesEnded)) && !externalUrl && React__default.createElement(Button$1, {
     "aria-hidden": true,
     className: "book-button \n                  " + (bookButtonIsDisabled ? 'disabled' : '') + "  \n                  " + (isButtonScrollable ? 'is-scrollable' : '') + "\n                  " + (!isLoggedIn ? 'on-bottom' : '') + "\n                ",
     onClick: handleGetTicketClick