tf-checkout-react 1.3.35 → 1.3.37-beta

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

@@ -33,6 +33,9 @@ import FormHelperText$1 from '@mui/material/FormHelperText';
 import FormLabel from '@mui/material/FormLabel';
 import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
+import ListItemText from '@mui/material/ListItemText';
+import MenuItem from '@mui/material/MenuItem';
+import OutlinedInput from '@mui/material/OutlinedInput';
 import { object, string, ref, boolean } from 'yup';
 import Box$1 from '@mui/material/Box';
 import Modal$1 from '@mui/material/Modal';
@@ -52,7 +55,6 @@ import _some from 'lodash-es/some';
 import Button$1 from 'react-bootstrap/Button';
 import moment from 'moment-timezone';
 import _sortBy from 'lodash-es/sortBy';
-import MenuItem from '@mui/material/MenuItem';
 import Autocomplete from '@mui/material/Autocomplete';
 import Paper from '@mui/material/Paper';
 import Table from '@mui/material/Table';
@@ -1613,10 +1615,24 @@ var combineValidators = function combineValidators() {
     }
   };
 };
+function isFalsy(item) {
+  try {
+    if (!item || // handles most, like false, 0, null, etc
+    typeof item == 'object' && Object.keys(item).length === 0 && // for empty objects, like {}, []
+    !(typeof item.addEventListener == 'function') // omit webpage elements
+    ) {
+      return true;
+    }
+  } catch (err) {
+    return true;
+  }
+
+  return false;
+}
 var requiredValidator = function requiredValidator(value, message) {
   var errorMessage = '';
 
-  if (!value) {
+  if (isFalsy(value)) {
     errorMessage = message || 'Required';
   }
 
@@ -1944,7 +1960,7 @@ function Loader() {
   }, React.createElement(CircularProgress, null));
 }
 
-var SelectField = function SelectField(_ref) {
+var NativeSelectField = function NativeSelectField(_ref) {
   var label = _ref.label,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'text' : _ref$type,
@@ -2045,6 +2061,62 @@ var RadioGroupField = function RadioGroupField(_ref) {
   })));
 };
 
+function SelectField(_ref) {
+  var label = _ref.label,
+      isMultiple = _ref.isMultiple,
+      field = _ref.field,
+      _ref$form = _ref.form,
+      errors = _ref$form.errors,
+      setFieldValue = _ref$form.setFieldValue,
+      options = _ref.options,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? _identity : _ref$onChange;
+  var name = field.name,
+      value = field.value;
+  var selectId = "select-field-" + name;
+
+  var error = _get(errors, name);
+
+  var handleChange = function handleChange(event) {
+    var value = event.target.value;
+    setFieldValue(name, value);
+    onChange(event);
+  };
+
+  return React.createElement(React.Fragment, null, React.createElement(FormControl, {
+    fullWidth: true,
+    error: Boolean(error)
+  }, label && React.createElement(InputLabel, {
+    id: selectId
+  }, label), React.createElement(Select, {
+    id: name,
+    labelId: selectId,
+    multiple: isMultiple,
+    value: value,
+    onChange: handleChange,
+    input: React.createElement(OutlinedInput, {
+      label: label
+    }),
+    renderValue: function renderValue(selected) {
+      return isMultiple ? selected.join(', ') : selected;
+    },
+    sx: {
+      textAlign: 'start'
+    }
+  }, options.map(function (option) {
+    return React.createElement(MenuItem, {
+      key: option.name,
+      value: option.value
+    }, isMultiple && React.createElement(Checkbox, {
+      checked: value.indexOf(option.value) > -1
+    }), React.createElement(ListItemText, {
+      primary: option.name
+    }));
+  })), error ? React.createElement(FormHelperText$1, {
+    error: true
+  }, error) : null));
+}
+
 var SnackbarAlert = function SnackbarAlert(_ref) {
   var isOpen = _ref.isOpen,
       message = _ref.message,
@@ -3813,7 +3885,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
             validate: getValidateFunctions(element, states, props.values, props.errors),
             setFieldValue: props.setFieldValue,
             onBlur: props.handleBlur,
-            component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? SelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : element.type === 'radio' ? RadioGroupField : CustomField,
+            component: element.type === 'checkbox' ? CheckboxField : element.type === 'select' ? NativeSelectField : element.type === 'phone' ? PhoneNumberField : element.type === 'date' ? DatePickerField : element.type === 'radio' ? RadioGroupField : element.type === 'select_multi' ? SelectField : CustomField,
             selectOptions: element.name === 'country' ? _map(countries, function (item) {
               return {
                 value: item.id,
@@ -3932,7 +4004,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref4) {
 });
 
 var currencyNormalizerCreator = function currencyNormalizerCreator(value, currency) {
-  return !value ? '' : "" + getCurrencySymbolByCurrency(currency) + value;
+  return !value ? '' : getCurrencySymbolByCurrency(currency) + " " + value;
 };
 var createFixedFloatNormalizer = function createFixedFloatNormalizer(fixedValue) {
   return function (value) {
@@ -5199,7 +5271,9 @@ var generateQuantity = function generateQuantity(n) {
 var WaitingList = function WaitingList(_ref) {
   var _ref$tickets = _ref.tickets,
       tickets = _ref$tickets === void 0 ? {} : _ref$tickets,
-      eventId = _ref.eventId;
+      eventId = _ref.eventId,
+      _ref$defaultMaxQuanti = _ref.defaultMaxQuantity,
+      defaultMaxQuantity = _ref$defaultMaxQuanti === void 0 ? 10 : _ref$defaultMaxQuanti;
   var isWindowDefined = typeof window !== 'undefined';
   var userData = isWindowDefined && window.localStorage.getItem('user_data') ? JSON.parse(window.localStorage.getItem('user_data') || '') : {};
 
@@ -5308,7 +5382,7 @@ var WaitingList = function WaitingList(_ref) {
       label: 'Quantity Requested',
       value: '',
       disabled: true
-    }].concat(generateQuantity(10))
+    }].concat(generateQuantity(defaultMaxQuantity != null ? defaultMaxQuantity : 10))
   }))), React.createElement("div", {
     className: "field-item"
   }, React.createElement(Field, {
@@ -5574,12 +5648,17 @@ var TicketRow = function TicketRow(_ref) {
 };
 
 var TicketsSection = function TicketsSection(_ref) {
-  var ticketsList = _ref.ticketsList,
+  var _ref$event = _ref.event,
+      event = _ref$event === void 0 ? {
+    currency: {}
+  } : _ref$event,
+      ticketsList = _ref.ticketsList,
       selectedTickets = _ref.selectedTickets,
       handleTicketSelect = _ref.handleTicketSelect,
       sortBySoldOut = _ref.sortBySoldOut,
       ticketsHeaderComponent = _ref.ticketsHeaderComponent,
       hideTicketsHeader = _ref.hideTicketsHeader;
+  var currency = event.currency.currency;
   var sortedTicketsList = sortBySoldOut ? _sortBy(_sortBy(ticketsList, 'sortOrder'), 'soldOut') : _sortBy(ticketsList, 'sortOrder');
   var showGroup = !!sortedTicketsList.find(function (ticket) {
     return ticket.groupName;
@@ -5587,6 +5666,8 @@ var TicketsSection = function TicketsSection(_ref) {
   return React.createElement(React.Fragment, null, !hideTicketsHeader && ticketsHeaderComponent, sortedTicketsList.map(function (ticket, i, arr) {
     var _arr;
 
+    var ticketPrice = currencyNormalizerCreator((+ticket.price).toFixed(2), currency);
+    var ticketOldPrice = currencyNormalizerCreator((+ticket.oldPrice).toFixed(2), currency);
     var isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
 
     var ticketSelect = function ticketSelect(event) {
@@ -5601,12 +5682,12 @@ var TicketsSection = function TicketsSection(_ref) {
     }
 
     var ticketIsFree = +ticket.price === 0;
-    var ticketPrice = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : "$ " + (+ticket.price).toFixed(2);
+    var ticketPriceElem = isSoldOut ? 'SOLD OUT' : ticketIsFree ? 'FREE' : ticketPrice;
     var isNewGroupTicket = (ticket == null ? void 0 : ticket.groupName) !== ((_arr = arr[i - 1]) == null ? void 0 : _arr.groupName);
     return React.createElement(React.Fragment, {
       key: ticket.id || ticket.name
     }, showGroup && isNewGroupTicket ? React.createElement("div", {
-      className: 'event-detail__tier group-title'
+      className: "event-detail__tier group-title"
     }, ticket.groupName || '') : null, React.createElement("div", {
       className: "event-detail__tier " + (isSoldOut ? 'disabled' : '')
     }, React.createElement("div", {
@@ -5617,9 +5698,9 @@ var TicketsSection = function TicketsSection(_ref) {
       className: "event-detail__tier-price"
     }, ticketIsDiscounted && React.createElement("p", {
       className: "old-price"
-    }, "$ ", (+ticket.oldPrice).toFixed(2)), React.createElement("p", {
+    }, ticketOldPrice), React.createElement("p", {
       className: isSoldOut ? 'sold-out' : ''
-    }, ticketPrice), !isSoldOut && !ticketIsFree && React.createElement("p", {
+    }, ticketPriceElem), !isSoldOut && !ticketIsFree && React.createElement("p", {
       className: "fees"
     }, ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)')), React.createElement("div", {
       className: "event-detail__tier-state",
@@ -6267,6 +6348,7 @@ var TicketsContainer = function TicketsContainer(_ref) {
   }, error), isLoading ? React.createElement(Loader, null) : React.createElement("div", {
     ref: ticketsContainerRef
   }, !isSalesClosed && React.createElement(TicketsSection, {
+    event: event,
     ticketsList: tickets,
     selectedTickets: selectedTickets,
     handleTicketSelect: handleTicketSelect,
@@ -6286,7 +6368,8 @@ var TicketsContainer = function TicketsContainer(_ref) {
     isLoggedIn: isLoggedIn
   }) : null, showWaitingList && event.salesStarted && !hideWaitingList && React.createElement(WaitingList, {
     tickets: tickets,
-    eventId: eventId
+    eventId: eventId,
+    defaultMaxQuantity: event.waitingListMaxQuantity
   }), codeIsLoading ? React.createElement(Loader, null) : isSalesClosed ? null : showAccessCodeSection ? React.createElement(AccessCodeSection, {
     code: code,
     setCode: setCode,
@@ -7622,7 +7705,7 @@ var AddonComponent = function AddonComponent(_ref) {
   }, React.createElement(Field, {
     name: id,
     selectOptions: selectOptions,
-    component: SelectField,
+    component: NativeSelectField,
     onChange: function onChange(e) {
       var value = e.target.value;
       handleAddonChange(id, value);