tf-checkout-react 1.0.78 → 1.0.79

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

@@ -7,7 +7,7 @@ import _get from 'lodash-es/get';
 import _includes from 'lodash-es/includes';
 import axios from 'axios';
 import _forEach from 'lodash-es/forEach';
-import { TextField, FormControl, InputLabel, FormHelperText, CircularProgress } from '@mui/material';
+import { TextField, FormControl, FormHelperText, InputLabel, CircularProgress, createTheme as createTheme$1 } from '@mui/material';
 import Modal from '@mui/material/Modal';
 import Box from '@mui/material/Box';
 import _flatMapDeep from 'lodash-es/flatMapDeep';
@@ -38,6 +38,7 @@ import FormControl$1 from '@mui/material/FormControl';
 import MenuItem from '@mui/material/MenuItem';
 import SVG from 'react-inlinesvg';
 import moment from 'moment-timezone';
+import { ThemeProvider as ThemeProvider$1 } from '@mui/private-theming';
 import Table from '@mui/material/Table';
 import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
@@ -1899,18 +1900,22 @@ var CustomField = function CustomField(_ref) {
 
 var _excluded$1 = ["label", "field", "selectOptions", "theme", "setFieldValue"];
 var CheckboxField = function CheckboxField(_ref) {
+  var _rest$form, _field$name, _rest$form2, _field$name2;
+
   var label = _ref.label,
       field = _ref.field,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   var customTheme = useTheme();
-  return React.createElement(FormGroup, null, React.createElement(FormControlLabel, {
+  return React.createElement(FormControl, {
+    error: !!(rest != null && (_rest$form = rest.form) != null && _rest$form.errors && rest.form.errors[(_field$name = field == null ? void 0 : field.name) != null ? _field$name : ""])
+  }, React.createElement(FormGroup, null, React.createElement(FormControlLabel, {
     control: React.createElement(Checkbox, Object.assign({}, field, rest)),
     label: label,
     componentsProps: {
       typography: customTheme == null ? void 0 : customTheme.checkbox
     }
-  }));
+  })), !!(rest != null && (_rest$form2 = rest.form) != null && _rest$form2.errors && rest.form.errors[(_field$name2 = field == null ? void 0 : field.name) != null ? _field$name2 : ""]) ? React.createElement(FormHelperText, null, "Required") : null);
 };
 
 var SelectField = function SelectField(_ref) {
@@ -3012,7 +3017,7 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React.createElement("span", {
     className: "card_label_text"
   }, "Card number"), React.createElement(CardNumberElement, {
-    options: _extends({}, options.style, stripeCardOptions),
+    options: _extends({}, options, stripeCardOptions),
     onReady: _identity,
     onChange: _identity,
     onBlur: _identity,
@@ -3022,13 +3027,13 @@ var CheckoutForm = function CheckoutForm(_ref) {
   }, React.createElement("span", {
     className: "card_label_text"
   }, "Expiration date"), React.createElement(CardExpiryElement, {
-    options: _extends({}, options.style, stripeCardOptions)
+    options: _extends({}, options, stripeCardOptions)
   })), React.createElement("label", {
     className: "cvc_element"
   }, React.createElement("span", {
     className: "card_label_text"
   }, "CVC"), React.createElement(CardCvcElement, {
-    options: _extends({}, options.style, stripeCardOptions)
+    options: _extends({}, options, stripeCardOptions)
   })), !disableZipSection && React.createElement("label", {
     className: "zip_element"
   }, React.createElement("p", {
@@ -3120,7 +3125,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
       stripeCardOptions = _ref$stripeCardOption === void 0 ? {} : _ref$stripeCardOption,
       _ref$disableZipSectio = _ref.disableZipSection,
       disableZipSection = _ref$disableZipSectio === void 0 ? false : _ref$disableZipSectio,
-      themeOptions = _ref.themeOptions;
+      themeOptions = _ref.themeOptions,
+      elementsOptions = _ref.elementsOptions;
 
   var _useState = useState(initialReviewValues),
       reviewData = _useState[0],
@@ -3341,7 +3347,8 @@ var PaymentContainer = function PaymentContainer(_ref) {
   }, "Please provide your payment information"), showErrorText && React.createElement("p", {
     className: "payment_info__error"
   }, errorText), React.createElement("div", null, React.createElement(Elements, {
-    stripe: getStripePromise(reviewData)
+    stripe: getStripePromise(reviewData),
+    options: elementsOptions
   }, React.createElement(CheckoutForm, {
     stripe_client_secret: _get(reviewData, 'payment_method.stripe_client_secret'),
     total: orderData.total,
@@ -4165,7 +4172,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$queryPromoCode = _ref.queryPromoCode,
       queryPromoCode = _ref$queryPromoCode === void 0 ? '' : _ref$queryPromoCode,
       _ref$isPromotionsEnab = _ref.isPromotionsEnabled,
-      isPromotionsEnabled = _ref$isPromotionsEnab === void 0 ? true : _ref$isPromotionsEnab;
+      isPromotionsEnabled = _ref$isPromotionsEnab === void 0 ? true : _ref$isPromotionsEnab,
+      themeOptions = _ref.themeOptions;
 
   var _useState = useState({}),
       selectedTickets = _useState[0],
@@ -4458,6 +4466,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   var isAllTicketsSoldOut = !_some(tickets, function (item) {
     return !(item.sold_out || item.soldOut);
   });
+  var themeMui = createTheme$1(themeOptions);
   useEffect(function () {
     isWindowDefined && window.document.addEventListener('custom-logout', handleLogout);
     return function () {
@@ -4470,7 +4479,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       isWindowDefined && window.document.removeEventListener('custom-login', handleExternalLogin);
     };
   }, []);
-  return React.createElement("div", {
+  return React.createElement(ThemeProvider$1, {
+    theme: themeMui
+  }, React.createElement("div", {
     className: "get-tickets-page " + theme,
     style: contentStyle
   }, isLoading ? React.createElement(Loader$1, null) : React.createElement("div", null, React.createElement(TicketsSection, {
@@ -4484,7 +4495,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
     title: "Sales start in:",
     message: "No tickets are currently available for this event.",
     callback: updateTickets
-  }) : null, showWaitingList && React.createElement(WaitingList, {
+  }) : null, showWaitingList && event.salesStarted && React.createElement(WaitingList, {
     tickets: tickets,
     eventId: eventId
   }), React.createElement(PromoCodeSection, {
@@ -4517,7 +4528,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }, "Log out"))) : ''), showLoginModal ? React.createElement(LoginModal, {
     onClose: handleOnClose,
     onLogin: handleOnLogin
-  }) : null);
+  }) : null));
 };
 
 var EventInfoItem = function EventInfoItem(_ref) {