tf-checkout-react 1.0.45 → 1.0.46

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

@@ -22,18 +22,17 @@ import { useStripe, useElements, CardNumberElement, CardExpiryElement, CardCvcEl
 import { loadStripe } from '@stripe/stripe-js';
 import CircularProgress$1 from '@mui/material/CircularProgress';
 import SVG from 'react-inlinesvg';
-import _sortBy from 'lodash-es/sortBy';
-import _has from 'lodash-es/has';
 import _some from 'lodash-es/some';
 import _find from 'lodash-es/find';
 import _isEmpty from 'lodash-es/isEmpty';
-import _filter from 'lodash-es/filter';
-import _isObject from 'lodash-es/isObject';
+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 from '@mui/material/FormControl';
 import MenuItem from '@mui/material/MenuItem';
 import Select from '@mui/material/Select';
-import Button from 'react-bootstrap/Button';
-import jwt_decode from 'jwt-decode';
+import Button from '@mui/material/Button';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -894,6 +893,7 @@ function styleInject(css, ref) {
 var css_248z = ".style_button-container__2bhts{display:flex;justify-content:center;padding:20px}.style_billing-info-container__3ZE3J{margin:0 auto;max-width:800px}.style_billing-info-container__3ZE3J .style_is-half__1W_rP{width:49%}.style_billing-info-container__3ZE3J p{color:#000}.style_billing-info-container__3ZE3J .style_main-header__2OFWa{font-size:2rem;font-weight:600}.style_billing-info-container__twoFields__2tDqt{display:flex;justify-content:space-between;margin-top:15px}.style_billing-info-container__singleField__2bcsf{margin-top:15px}button{margin-top:10px}.style_account-actions-block__16OH-{color:#182026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;margin-top:10px}.style_login-register-button__fGgZf,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO,.style_MuiButtonBase-root__1UBk9.style_MuiButton-root__3NzEO:hover{background-color:#212529;border:#f28051;border-radius:5px;color:#fff;cursor:pointer;display:block;font-family:Inter-Bold;font-size:26px;font-weight:700;line-height:1.15;margin-top:10px;min-height:46px;outline:none;overflow:hidden;padding:14px 12px 12px;position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:49%}.style_logo-image-container__2A2uH{margin-top:5px;text-align:center;width:49%}.style_logo-image-container__2A2uH img{height:30px}.style_login-block__22kcN{align-items:center;display:flex;flex-direction:column}.style_login-register-button__fGgZf:hover{background-color:#505050!important;border-color:#505050!important}.style_login-register-block__36tu5{display:flex;justify-content:space-between}@media only screen and (max-width:820px){.style_billing-info-container__3ZE3J{width:90%}.style_billing-info-container__3ZE3J .style_main-header__2OFWa{font-size:1.5rem}}";
 styleInject(css_248z);
 
+var emailRegex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
 var combineValidators = function combineValidators() {
   for (var _len = arguments.length, validators = new Array(_len), _key = 0; _key < _len; _key++) {
     validators[_key] = arguments[_key];
@@ -902,19 +902,22 @@ var combineValidators = function combineValidators() {
   return function () {
     for (var i = 0; i < validators.length; ++i) {
       var error_message = validators[i].apply(validators, arguments);
-      if (error_message !== undefined) return error_message;
+      if (error_message) return error_message;
     }
   };
 };
-var requiredValidator = function requiredValidator(value) {
+var requiredValidator = function requiredValidator(value, message) {
   var errorMessage = '';
 
   if (!value) {
-    errorMessage = 'Required';
+    errorMessage = message || 'Required';
   }
 
   return errorMessage;
 };
+var emailValidator = function emailValidator(email) {
+  return !emailRegex.test(email) ? 'Please enter a valid email address' : '';
+};
 
 // preview1
 
@@ -1091,6 +1094,9 @@ var getConfirmationData = function getConfirmationData(orderHash) {
 var getStates = function getStates(countryId) {
   return publicRequest.get("/countries/" + countryId + "/states/");
 };
+var addToWaitingList = function addToWaitingList(id, data) {
+  return publicRequest.post("/v1/event/" + id + "/add_to_waiting_list", data);
+};
 
 var css_248z$1 = ".style_modal-title__2sUq_{align-items:center;background-color:#fff;display:flex;font-family:Inter;font-size:18px;font-weight:700;height:49px;line-height:22px;padding-left:25px;position:relative}.style_login-modal-body__2sFg5{padding:15px 25px}.style_login-modal-body__2sFg5 input{background:#fff!important}.style_login-modal-body__email__2nnEH,.style_login-modal-body__password__qS3g7{margin-bottom:20px}.style_login-action-button__1g9qt button{background-color:#212529;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:26px;font-weight:600;height:45px;line-height:18px;margin:10px 0;outline:none;padding:10px;width:100%}.style_login-action-button__1g9qt button:hover{background-color:#505050;border-color:#505050}.style_server_auth__error__1340S{color:red;font-family:Inter;font-size:12px;font-style:normal;padding-left:25px;padding-top:15px}.style_info-text-for-login__28JQf{font-size:14px;margin-bottom:4px;padding-left:10px}";
 styleInject(css_248z$1);
@@ -1496,7 +1502,7 @@ var RegisterModal = function RegisterModal(_ref) {
 };
 
 var _excluded = ["firstName", "lastName", "holderAge", "confirmEmail", "confirmPassword"];
-var getInitialValues = function getInitialValues(data, propsInitialValues) {
+var getInitialValues = function getInitialValues(data, propsInitialValues, userValues) {
   if (data === void 0) {
     data = [];
   }
@@ -1505,6 +1511,10 @@ var getInitialValues = function getInitialValues(data, propsInitialValues) {
     propsInitialValues = {};
   }
 
+  if (userValues === void 0) {
+    userValues = {};
+  }
+
   var results = _flatMapDeep(data, function (_ref) {
     var fields = _ref.fields;
     return _map(fields, function (_ref2) {
@@ -1519,7 +1529,7 @@ var getInitialValues = function getInitialValues(data, propsInitialValues) {
   var initialValues = {};
 
   _forEach(results, function (item) {
-    initialValues[item] = propsInitialValues[item] || '';
+    initialValues[item] = propsInitialValues[item] || userValues[item] || '';
   });
 
   return initialValues;
@@ -1672,16 +1682,20 @@ var CustomField = function CustomField(_ref) {
   }, field), isSelectField ? _map(selectOptions, function (option) {
     return React.createElement("option", {
       key: option.value,
-      value: option.value
+      value: option.value,
+      disabled: option.disabled
     }, option.label);
   }) : null);
 };
 
+var _excluded$1 = ["label", "field"];
 var CheckboxField = function CheckboxField(_ref) {
   var label = _ref.label,
-      field = _ref.field;
+      field = _ref.field,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
   return React.createElement(FormGroup, null, React.createElement(FormControlLabel, {
-    control: React.createElement(Checkbox, Object.assign({}, field)),
+    control: React.createElement(Checkbox, Object.assign({}, field, rest)),
     label: label
   }));
 };
@@ -2079,7 +2093,7 @@ var BillingInfoContainer = function BillingInfoContainer(_ref4) {
       lastName: lastNameLogged,
       country: 1,
       brand_opt_in: optedInFieldValue
-    })),
+    }), userValues),
     enableReinitialize: true,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5(values, formikHelpers) {
@@ -3060,10 +3074,14 @@ var getTicketSelectOptions = function getTicketSelectOptions(maxCount, minCount,
   return options;
 };
 
-var computeTierStateLabel = function computeTierStateLabel(tier, prevTier, selectedTickets, handleTicketSelect) {
-  var soldOutMessage = tier.soldOutMessage ? ("" + tier.soldOutMessage).toUpperCase() : 'SOLD OUT';
-  var isSalesClosed = !tier.salesStarted || tier.salesEnded || !_has(tier, 'maxQuantity') || tier.maxQuantity === 0;
-  var options = getTicketSelectOptions(tier.maxQuantity, tier.minQuantity, tier.multiplier);
+var TicketRow = function TicketRow(_ref) {
+  var ticketTier = _ref.ticketTier,
+      prevTicketTier = _ref.prevTicketTier,
+      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 options = getTicketSelectOptions(ticketTier.maxQuantity, ticketTier.minQuantity, ticketTier.multiplier);
   var onSaleContent = isSalesClosed ? null : React.createElement("div", {
     className: "get-tickets"
   }, React.createElement(Box, {
@@ -3071,7 +3089,7 @@ var computeTierStateLabel = function computeTierStateLabel(tier, prevTier, selec
   }, React.createElement(FormControl, {
     fullWidth: true
   }, React.createElement(Select, {
-    value: selectedTickets[tier.id] ? selectedTickets[tier.id] : 0,
+    value: selectedTickets[ticketTier.id] ? selectedTickets[ticketTier.id] : 0,
     onChange: handleTicketSelect,
     displayEmpty: true,
     inputProps: {
@@ -3091,51 +3109,237 @@ var computeTierStateLabel = function computeTierStateLabel(tier, prevTier, selec
       value: option.value
     }, option.value);
   })))));
-  if (tier.sold_out || !tier.displayTicket || tier.soldOut) return soldOutMessage;
-  if (!+tier.cost && !+tier.price) return 'FREE';
-  if (tier.displayTicket) return onSaleContent;
-  if (prevTier.in_stock) return 'SOON';
-  return '';
+  var returnValue = '';
+
+  if (ticketTier.sold_out || !ticketTier.displayTicket || ticketTier.soldOut) {
+    returnValue = soldOutMessage;
+  }
+
+  if (!+ticketTier.cost && !+ticketTier.price) {
+    returnValue = 'FREE';
+  }
+
+  if (ticketTier.displayTicket) {
+    returnValue = onSaleContent;
+  }
+
+  if (_get(prevTicketTier, 'in_stock')) {
+    returnValue = 'SOON';
+  }
+
+  return React.createElement(React.Fragment, null, returnValue, " ");
 };
 
-var renderTiers = function renderTiers(boxOffice, selectedTickets, handleTicketSelect, promoCodeIsApplied) {
-  var sortedBoxOfiice = _sortBy(boxOffice, 'sortOrder');
+var TicketsSection = function TicketsSection(_ref) {
+  var ticketsList = _ref.ticketsList,
+      selectedTickets = _ref.selectedTickets,
+      handleTicketSelect = _ref.handleTicketSelect,
+      promoCodeIsApplied = _ref.promoCodeIsApplied;
+
+  var sortedTicketsList = _sortBy(ticketsList, 'sortOrder');
 
-  var primaryTiers = sortedBoxOfiice.map(function (tier, i, arr) {
-    var isSoldOut = tier.sold_out || !tier.displayTicket || tier.soldOut;
+  return React.createElement(React.Fragment, null, sortedTicketsList.map(function (ticket, i, arr) {
+    var isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
 
     var ticketSelect = function ticketSelect(event) {
       var value = event.target.value;
-      handleTicketSelect(tier.id, value);
+      handleTicketSelect(ticket.id, value);
     };
 
     var ticketIsDiscounted = false;
 
-    if (tier.oldPrice && promoCodeIsApplied && !isSoldOut && tier.oldPrice !== tier.price) {
+    if (ticket.oldPrice && promoCodeIsApplied && !isSoldOut && ticket.oldPrice !== ticket.price) {
       ticketIsDiscounted = true;
     }
 
     return React.createElement("div", {
-      key: tier.id || tier.name,
+      key: ticket.id || ticket.name,
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
     }, React.createElement("div", {
       className: "event-detail__tier-name"
-    }, tier.displayName || tier.name), React.createElement("div", {
+    }, ticket.displayName || ticket.name), React.createElement("div", {
       className: "event-tickets-container"
     }, React.createElement("div", {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React.createElement("p", {
       className: "old-price"
-    }, "$ ", (+tier.oldPrice).toFixed(2)), React.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+tier.cost || +tier.price).toFixed(2)), !isSoldOut && React.createElement("p", {
-      className: 'fees'
-    }, tier.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React.createElement("div", {
+    }, "$ ", (+ticket.oldPrice).toFixed(2)), React.createElement("p", null, isSoldOut ? 'SOLD OUT' : "$ " + (+ticket.cost || +ticket.price).toFixed(2)), !isSoldOut && React.createElement("p", {
+      className: "fees"
+    }, ticket.taxesIncluded ? '(incl. Fees)' : '(excl. Fees)')), React.createElement("div", {
       className: "event-detail__tier-state",
       style: {
         minWidth: 55
       }
-    }, computeTierStateLabel(tier, arr[i - 1], selectedTickets, ticketSelect))));
+    }, React.createElement(TicketRow, {
+      ticketTier: ticket,
+      prevTicketTier: arr[i - 1],
+      selectedTickets: selectedTickets,
+      handleTicketSelect: ticketSelect
+    }))));
+  }));
+};
+
+var css_248z$7 = ".style_waiting-list__2sJxM{padding:17px 35px 20px}.style_waiting-list__2sJxM .style_field-item__34MYc{margin-bottom:30px}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2{width:100%!important}.style_waiting-list__2sJxM .style_waiting-list-button__tO7D2:hover{background-color:#505050}.style_waiting-list__2sJxM .style_success-message__BvF3R h3{margin:10px 0}.style_waiting-list__2sJxM .style_success-message__BvF3R p{margin:0}";
+styleInject(css_248z$7);
+
+var generateQuantity = function generateQuantity(n) {
+  var quantityList = [];
+
+  for (var i = 1; i <= n; i++) {
+    quantityList.push({
+      label: i,
+      value: i
+    });
+  }
+
+  return quantityList;
+};
+
+var WaitingList = function WaitingList(_ref) {
+  var _ref$tickets = _ref.tickets,
+      tickets = _ref$tickets === void 0 ? {} : _ref$tickets;
+
+  var _useState = useState(false),
+      showSuccessMessage = _useState[0],
+      setShowSuccessMessage = _useState[1];
+
+  var _useState2 = useState(false),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var ticketTypesList = Object.values(tickets).map(function (d) {
+    return {
+      label: d.displayName,
+      value: d.id
+    };
   });
-  return primaryTiers;
+
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(values) {
+      var id, requestData, _yield$addToWaitingLi, data;
+
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              setLoading(true);
+              id = ENV.EVENT_ID;
+              requestData = {
+                data: {
+                  attributes: values
+                }
+              };
+              _context.next = 6;
+              return addToWaitingList(id, requestData);
+
+            case 6:
+              _yield$addToWaitingLi = _context.sent;
+              data = _yield$addToWaitingLi.data;
+
+              if (data.success) {
+                setShowSuccessMessage(true);
+              }
+
+              _context.next = 14;
+              break;
+
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 14:
+              _context.prev = 14;
+              setLoading(false);
+              return _context.finish(14);
+
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 11, 14, 17]]);
+    }));
+
+    return function handleSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return React.createElement("div", {
+    className: "waiting-list"
+  }, showSuccessMessage ? React.createElement("div", {
+    className: "success-message"
+  }, React.createElement("h3", null, "You've been added to the waiting list!"), React.createElement("p", null, "You'll be notified if tickets become available.")) : React.createElement(React.Fragment, null, React.createElement("h2", null, "WAITING LIST"), React.createElement(Formik, {
+    initialValues: {
+      ticketTypeId: '',
+      quantity: '',
+      firstName: '',
+      lastName: '',
+      email: ''
+    },
+    onSubmit: handleSubmit
+  }, React.createElement(Form, null, React.createElement("div", {
+    className: "field-item"
+  }, React.createElement(Field, {
+    name: "ticketTypeId",
+    label: "Ticket types",
+    type: "select",
+    component: CustomField,
+    selectOptions: [{
+      label: 'Type of Ticket',
+      value: '',
+      disabled: true
+    }].concat(ticketTypesList)
+  })), React.createElement("div", {
+    className: "field-item"
+  }, React.createElement(Field, {
+    name: "quantity",
+    label: "Quantity",
+    type: "select",
+    component: CustomField,
+    selectOptions: [{
+      label: 'Quantity Requested',
+      value: '',
+      disabled: true
+    }].concat(generateQuantity(10))
+  })), React.createElement("div", {
+    className: "field-item"
+  }, React.createElement(Field, {
+    name: "firstName",
+    label: "First name",
+    validate: function validate(value) {
+      return requiredValidator(value, 'Please enter your First name');
+    },
+    component: CustomField
+  })), React.createElement("div", {
+    className: "field-item"
+  }, React.createElement(Field, {
+    name: "lastName",
+    label: "Last name",
+    validate: function validate(value) {
+      return requiredValidator(value, 'Please enter your Last name');
+    },
+    component: CustomField
+  })), React.createElement("div", {
+    className: "field-item"
+  }, React.createElement(Field, {
+    name: "email",
+    label: "Email",
+    validate: combineValidators(function (value) {
+      return requiredValidator(value, 'Please enter your Email');
+    }, function (value) {
+      return emailValidator(value);
+    }),
+    component: CustomField
+  })), React.createElement(Button, {
+    type: "submit",
+    variant: "contained",
+    className: "waiting-list-button"
+  }, loading ? React.createElement(CircularProgress$1, {
+    size: "22px"
+  }) : 'ADD TO WAITING LIST')))));
 };
 
 function Loader() {
@@ -3155,7 +3359,9 @@ var TicketsContainer = function TicketsContainer(_ref) {
       _ref$onGetTicketsSucc = _ref.onGetTicketsSuccess,
       onGetTicketsSuccess = _ref$onGetTicketsSucc === void 0 ? function () {} : _ref$onGetTicketsSucc,
       _ref$onGetTicketsErro = _ref.onGetTicketsError,
-      onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro;
+      onGetTicketsError = _ref$onGetTicketsErro === void 0 ? function () {} : _ref$onGetTicketsErro,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'light' : _ref$theme;
 
   var _useState = useState({}),
       selectedTickets = _useState[0],
@@ -3166,28 +3372,32 @@ var TicketsContainer = function TicketsContainer(_ref) {
       setTickets = _useState2[1];
 
   var _useState3 = useState(false),
-      isLoading = _useState3[0],
-      setIsLoading = _useState3[1];
+      showWaitingList = _useState3[0],
+      setShowWaitingList = _useState3[1];
 
   var _useState4 = useState(false),
-      handleBookIsLoading = _useState4[0],
-      setHandleBookIsLoading = _useState4[1];
+      isLoading = _useState4[0],
+      setIsLoading = _useState4[1];
 
-  var _useState5 = useState(''),
-      promoCode = _useState5[0],
-      setPromoCode = _useState5[1];
+  var _useState5 = useState(false),
+      handleBookIsLoading = _useState5[0],
+      setHandleBookIsLoading = _useState5[1];
 
   var _useState6 = useState(''),
-      promoCodeUpdated = _useState6[0],
-      setPromoCodeUpdated = _useState6[1];
+      promoCode = _useState6[0],
+      setPromoCode = _useState6[1];
 
-  var _useState7 = useState(false),
-      showPromoInput = _useState7[0],
-      setShowPromoInput = _useState7[1];
+  var _useState7 = useState(''),
+      promoCodeUpdated = _useState7[0],
+      setPromoCodeUpdated = _useState7[1];
 
   var _useState8 = useState(false),
-      promoCodeIsApplied = _useState8[0],
-      setPromoCodeIsApplied = _useState8[1];
+      showPromoInput = _useState8[0],
+      setShowPromoInput = _useState8[1];
+
+  var _useState9 = useState(false),
+      promoCodeIsApplied = _useState9[0],
+      setPromoCodeIsApplied = _useState9[1];
 
   useEffect(function () {
     if (typeof window !== 'undefined') {
@@ -3210,8 +3420,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
 
     function _getTicketsApi() {
       _getTicketsApi = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-        var response, attributes, _tickets;
-
+        var response, attributes;
         return runtime_1.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -3228,10 +3437,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
                   setCustomHeader(response);
                   attributes = _get(response, 'data.data.attributes');
                   setPromoCodeIsApplied(attributes.ValidPromoCode);
-                  _tickets = _filter(Object.values(attributes) || [], function (item) {
-                    return _isObject(item);
-                  });
-                  setTickets(_tickets);
+                  setTickets(_get(attributes, 'tickets'));
+                  setShowWaitingList(attributes.showWaitingList);
                   onGetTicketsSuccess(response.data);
                 }
 
@@ -3354,9 +3561,16 @@ var TicketsContainer = function TicketsContainer(_ref) {
     return !(item.sold_out || item.soldOut);
   });
   return React.createElement("div", {
-    className: "get-tickets-page",
+    className: "get-tickets-page " + theme,
     style: contentStyle
-  }, isLoading ? React.createElement(Loader, null) : React.createElement("div", null, renderTiers(tickets, selectedTickets, handleTicketSelect, promoCodeIsApplied), promoCodeIsApplied ? React.createElement("div", {
+  }, isLoading ? React.createElement(Loader, null) : React.createElement(React.Fragment, null, showWaitingList ? React.createElement(WaitingList, {
+    tickets: tickets
+  }) : React.createElement("div", null, React.createElement(TicketsSection, {
+    ticketsList: tickets,
+    selectedTickets: selectedTickets,
+    handleTicketSelect: handleTicketSelect,
+    promoCodeIsApplied: promoCodeIsApplied
+  }), promoCodeIsApplied ? React.createElement("div", {
     className: "alert-info"
   }, "Your promo code was applied successfully.") : null, showPromoInput && React.createElement("div", {
     className: "promo-code-block"
@@ -3370,13 +3584,13 @@ var TicketsContainer = function TicketsContainer(_ref) {
         setPromoCodeUpdated(promoCode);
       }
     }
-  }), React.createElement(Button, {
+  }), React.createElement(Button$1, {
     className: "promo-apply-button",
     placeholder: "Promo Code",
     onClick: function onClick() {
       setPromoCodeUpdated(promoCode);
     }
-  }, "Apply")), !showPromoInput && !isAllTicketsSoldOut ? React.createElement(Button, {
+  }, "Apply")), !showPromoInput && !isAllTicketsSoldOut ? React.createElement(Button$1, {
     className: "promo-code-button",
     placeholder: "Promo Codes",
     onClick: function onClick() {
@@ -3387,11 +3601,11 @@ var TicketsContainer = function TicketsContainer(_ref) {
     style: {
       display: 'none'
     }
-  }), !isAllTicketsSoldOut && React.createElement(Button, {
+  }), !isAllTicketsSoldOut && React.createElement(Button$1, {
     "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')));
+  }, getTicketsLabel || 'GET TICKETS'))));
 };
 
 export { BillingInfoContainer, ConfirmationContainer, LoginModal, PaymentContainer, TicketsContainer, createFixedFloatNormalizer, currencyNormalizerCreator };