tf-checkout-react 1.7.13 → 1.7.15

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

@@ -3,7 +3,7 @@ import Backdrop from '@mui/material/Backdrop';
 import Button from '@mui/material/Button';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import axios from 'axios';
-import { connect, Field, Formik, Form } from 'formik';
+import { connect, Field, useFormikContext, Formik, Form } from 'formik';
 import _find from 'lodash-es/find';
 import _forEach from 'lodash-es/forEach';
 import _get from 'lodash-es/get';
@@ -2740,59 +2740,6 @@ var TimerWidget = function TimerWidget(_ref) {
 };
 var TimerWidget$1 = /*#__PURE__*/memo(TimerWidget);
 
-var addonsWithGroupsAdapter = function addonsWithGroupsAdapter(data) {
-  var addonsData = _extends({}, data);
-  var addOnsGroups = _get(addonsData, 'add_on_groups', []);
-  var addons = _get(addonsData, 'add_ons', []);
-  if (!_isEmpty(addOnsGroups)) {
-    var addOnGroupsWithVariants = [];
-    var addOnsWithoutVariants = [];
-    addons.forEach(function (addon) {
-      if (addon.attributes.addOnGroupId) {
-        // Collect addons groups inside with their variants
-        var currentGroupId = addon.attributes.addOnGroupId;
-        var exsistingGroupIndex = addOnGroupsWithVariants.findIndex(function (item) {
-          return item.id === currentGroupId;
-        });
-        if (addOnGroupsWithVariants[exsistingGroupIndex]) {
-          var addOnGroup = addOnGroupsWithVariants[exsistingGroupIndex];
-          addOnGroupsWithVariants[exsistingGroupIndex] = _extends({}, addOnGroup, {
-            variants: [].concat(addOnGroup.variants, addon.attributes)
-          });
-        } else {
-          var group = addOnsGroups.find(function (group) {
-            return group.attributes.id === currentGroupId;
-          }) || {};
-          addOnGroupsWithVariants.push(_extends({}, group.attributes, {
-            variants: [].concat(addon.attributes)
-          }));
-        }
-      } else {
-        addOnsWithoutVariants.push(addon.attributes);
-      }
-    });
-    return addOnGroupsWithVariants.concat(addOnsWithoutVariants);
-  }
-  // Adapt only simple addons data
-  var adaptedAddons = addons.map(function (addon) {
-    return _extends({}, addon.attributes);
-  });
-  return adaptedAddons;
-};
-var cartAdapter = function cartAdapter(cart) {
-  var cartData = _get(cart, 'data.attributes', []);
-  var expiresAt = cartData.expiresAt,
-    carts_arr = cartData.cart;
-  var _ref = carts_arr[0] || {},
-    id = _ref.id,
-    quantity = _ref.quantity;
-  return {
-    id: id,
-    quantity: quantity,
-    expiresAt: expiresAt
-  };
-};
-
 var CheckboxField = function CheckboxField(_ref) {
   var label = _ref.label,
     field = _ref.field,
@@ -3651,19 +3598,58 @@ var filterBillingInfoFields = function filterBillingInfoFields(fields, options)
 };
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var AddonComponent = function AddonComponent(_ref) {
-  var _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? '' : _ref$classNamePrefix,
-    data = _ref.data,
+var AddonStepper = function AddonStepper(_ref) {
+  var _values$id;
+  var id = _ref.id,
     selectOptions = _ref.selectOptions,
-    _ref$handleAddonChang = _ref.handleAddonChange,
-    handleAddonChange = _ref$handleAddonChang === void 0 ? _identity : _ref$handleAddonChang,
-    addOnDataWithCustomFields = _ref.addOnDataWithCustomFields,
-    configs = _ref.configs,
-    values = _ref.values,
-    errors = _ref.errors,
-    _ref$onCustomFieldCha = _ref.onCustomFieldChange,
-    onCustomFieldChange = _ref$onCustomFieldCha === void 0 ? _identity : _ref$onCustomFieldCha;
+    handleAddonChange = _ref.handleAddonChange,
+    classNamePrefix = _ref.classNamePrefix;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var qty = Number((_values$id = values[id]) != null ? _values$id : 0);
+  var max = (selectOptions == null ? void 0 : selectOptions.length) > 0 ? selectOptions[selectOptions.length - 1].value : 0;
+  var change = function change(next) {
+    setFieldValue(id, next);
+    handleAddonChange(id, next);
+  };
+  return React.createElement("div", {
+    className: classNamePrefix + "_stepper"
+  }, React.createElement("button", {
+    type: "button",
+    className: classNamePrefix + "_stepper__btn",
+    onClick: function onClick() {
+      return change(qty - 1);
+    },
+    disabled: qty <= 0,
+    "aria-label": "Decrease quantity"
+  }, "\u2212"), React.createElement("span", {
+    className: classNamePrefix + "_stepper__count"
+  }, qty), React.createElement("button", {
+    type: "button",
+    className: classNamePrefix + "_stepper__btn",
+    onClick: function onClick() {
+      return change(qty + 1);
+    },
+    disabled: qty >= max,
+    "aria-label": "Increase quantity"
+  }, "+"));
+};
+var AddonComponent = function AddonComponent(_ref2) {
+  var _ref2$classNamePrefix = _ref2.classNamePrefix,
+    classNamePrefix = _ref2$classNamePrefix === void 0 ? '' : _ref2$classNamePrefix,
+    data = _ref2.data,
+    selectOptions = _ref2.selectOptions,
+    _ref2$handleAddonChan = _ref2.handleAddonChange,
+    handleAddonChange = _ref2$handleAddonChan === void 0 ? _identity : _ref2$handleAddonChan,
+    addOnDataWithCustomFields = _ref2.addOnDataWithCustomFields,
+    configs = _ref2.configs,
+    values = _ref2.values,
+    errors = _ref2.errors,
+    _ref2$useStepperQty = _ref2.useStepperQty,
+    useStepperQty = _ref2$useStepperQty === void 0 ? false : _ref2$useStepperQty,
+    _ref2$onCustomFieldCh = _ref2.onCustomFieldChange,
+    onCustomFieldChange = _ref2$onCustomFieldCh === void 0 ? _identity : _ref2$onCustomFieldCh;
   var id = data.id,
     name = data.name,
     active = data.active,
@@ -3682,7 +3668,12 @@ var AddonComponent = function AddonComponent(_ref) {
     className: "sold_out"
   }, "SOLD OUT") : React.createElement(React.Fragment, null, React.createElement("div", {
     className: classNamePrefix + "_product_qty_select"
-  }, React.createElement(Field, {
+  }, useStepperQty ? React.createElement(AddonStepper, {
+    id: id,
+    selectOptions: selectOptions,
+    handleAddonChange: handleAddonChange,
+    classNamePrefix: classNamePrefix
+  }) : React.createElement(Field, {
     name: id,
     selectOptions: selectOptions,
     component: NativeSelectField,
@@ -3710,13 +3701,13 @@ var AddonComponent = function AddonComponent(_ref) {
       }, React.createElement(Field, Object.assign({}, element, {
         name: fieldName,
         validate: getValidateFunctions(element, [], values, errors)
-      }), function (_ref2) {
-        var field = _ref2.field,
-          form = _ref2.form;
+      }), function (_ref3) {
+        var field = _ref3.field,
+          form = _ref3.form;
         var handleChange = function handleChange(e) {
-          var _ref3, _e$target$value, _e$target;
+          var _ref4, _e$target$value, _e$target;
           // extract value from native events or custom widgets
-          var v = (_ref3 = (_e$target$value = e == null ? void 0 : (_e$target = e.target) == null ? void 0 : _e$target.value) != null ? _e$target$value : e == null ? void 0 : e.value) != null ? _ref3 : e; // allow custom components to pass raw value
+          var v = (_ref4 = (_e$target$value = e == null ? void 0 : (_e$target = e.target) == null ? void 0 : _e$target.value) != null ? _e$target$value : e == null ? void 0 : e.value) != null ? _ref4 : e; // allow custom components to pass raw value
           form.setFieldValue(field.name, v);
           onCustomFieldChange == null ? void 0 : onCustomFieldChange(data, id, element.name, v);
         };
@@ -3911,37 +3902,79 @@ var isAtLeastOneAddonSelected = function isAtLeastOneAddonSelected(value) {
   return !_isEmpty(selectedAddons);
 };
 
-var AddonsContainter = function AddonsContainter(_ref) {
-  var _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? 'add_on' : _ref$classNamePrefix,
-    _ref$enableBillingInf = _ref.enableBillingInfoAutoCreate,
-    enableBillingInfoAutoCreate = _ref$enableBillingInf === void 0 ? true : _ref$enableBillingInf,
-    _ref$enableTimer = _ref.enableTimer,
-    enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
-    _ref$onGetAddonsPageI = _ref.onGetAddonsPageInfoSuccess,
-    onGetAddonsPageInfoSuccess = _ref$onGetAddonsPageI === void 0 ? _identity : _ref$onGetAddonsPageI,
-    _ref$onGetAddonsPageI2 = _ref.onGetAddonsPageInfoError,
-    onGetAddonsPageInfoError = _ref$onGetAddonsPageI2 === void 0 ? _identity : _ref$onGetAddonsPageI2,
-    _ref$onPostCheckoutSu = _ref.onPostCheckoutSuccess,
-    onPostCheckoutSuccess = _ref$onPostCheckoutSu === void 0 ? _identity : _ref$onPostCheckoutSu,
-    _ref$onPostCheckoutEr = _ref.onPostCheckoutError,
-    onPostCheckoutError = _ref$onPostCheckoutEr === void 0 ? _identity : _ref$onPostCheckoutEr,
-    _ref$onConfirmSelecti = _ref.onConfirmSelectionSuccess,
-    onConfirmSelectionSuccess = _ref$onConfirmSelecti === void 0 ? _identity : _ref$onConfirmSelecti,
-    _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
-    onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
-    _ref$onCountdownFinis = _ref.onCountdownFinish,
-    _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
-    _ref$onPendingVerific = _ref.onPendingVerification,
-    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific,
-    samePage = _ref.samePage,
-    _ref$descriptionTrigg = _ref.descriptionTrigger,
-    descriptionTrigger = _ref$descriptionTrigg === void 0 ? 'click' : _ref$descriptionTrigg,
-    addOnDataWithCustomFields = _ref.addOnDataWithCustomFields,
-    configs = _ref.configs,
-    _ref$onAddOnSelect = _ref.onAddOnSelect,
-    onAddOnSelect = _ref$onAddOnSelect === void 0 ? _identity : _ref$onAddOnSelect;
-  var eventId = getQueryVariable('event_id');
+var addonsWithGroupsAdapter = function addonsWithGroupsAdapter(data) {
+  var addonsData = _extends({}, data);
+  var addOnsGroups = _get(addonsData, 'add_on_groups', []);
+  var addons = _get(addonsData, 'add_ons', []);
+  if (!_isEmpty(addOnsGroups)) {
+    var addOnGroupsWithVariants = [];
+    var addOnsWithoutVariants = [];
+    addons.forEach(function (addon) {
+      if (addon.attributes.addOnGroupId) {
+        // Collect addons groups inside with their variants
+        var currentGroupId = addon.attributes.addOnGroupId;
+        var exsistingGroupIndex = addOnGroupsWithVariants.findIndex(function (item) {
+          return item.id === currentGroupId;
+        });
+        if (addOnGroupsWithVariants[exsistingGroupIndex]) {
+          var addOnGroup = addOnGroupsWithVariants[exsistingGroupIndex];
+          addOnGroupsWithVariants[exsistingGroupIndex] = _extends({}, addOnGroup, {
+            variants: [].concat(addOnGroup.variants, addon.attributes)
+          });
+        } else {
+          var group = addOnsGroups.find(function (group) {
+            return group.attributes.id === currentGroupId;
+          }) || {};
+          addOnGroupsWithVariants.push(_extends({}, group.attributes, {
+            variants: [].concat(addon.attributes)
+          }));
+        }
+      } else {
+        addOnsWithoutVariants.push(addon.attributes);
+      }
+    });
+    return addOnGroupsWithVariants.concat(addOnsWithoutVariants);
+  }
+  // Adapt only simple addons data
+  var adaptedAddons = addons.map(function (addon) {
+    return _extends({}, addon.attributes);
+  });
+  return adaptedAddons;
+};
+var cartAdapter = function cartAdapter(cart) {
+  var cartData = _get(cart, 'data.attributes', []);
+  var expiresAt = cartData.expiresAt,
+    carts_arr = cartData.cart;
+  var _ref = carts_arr[0] || {},
+    id = _ref.id,
+    quantity = _ref.quantity;
+  return {
+    id: id,
+    quantity: quantity,
+    expiresAt: expiresAt
+  };
+};
+
+var useAddons = function useAddons(eventId, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _options = options,
+    _options$enableBillin = _options.enableBillingInfoAutoCreate,
+    enableBillingInfoAutoCreate = _options$enableBillin === void 0 ? true : _options$enableBillin,
+    addOnDataWithCustomFields = _options.addOnDataWithCustomFields,
+    _options$onGetAddonsP = _options.onGetAddonsPageInfoSuccess,
+    onGetAddonsPageInfoSuccess = _options$onGetAddonsP === void 0 ? _identity : _options$onGetAddonsP,
+    _options$onGetAddonsP2 = _options.onGetAddonsPageInfoError,
+    onGetAddonsPageInfoError = _options$onGetAddonsP2 === void 0 ? _identity : _options$onGetAddonsP2,
+    _options$onPostChecko = _options.onPostCheckoutSuccess,
+    onPostCheckoutSuccess = _options$onPostChecko === void 0 ? _identity : _options$onPostChecko,
+    _options$onPostChecko2 = _options.onPostCheckoutError,
+    onPostCheckoutError = _options$onPostChecko2 === void 0 ? _identity : _options$onPostChecko2,
+    _options$onConfirmSel = _options.onConfirmSelectionSuccess,
+    onConfirmSelectionSuccess = _options$onConfirmSel === void 0 ? _identity : _options$onConfirmSel,
+    _options$onConfirmSel2 = _options.onConfirmSelectionError,
+    onConfirmSelectionError = _options$onConfirmSel2 === void 0 ? _identity : _options$onConfirmSel2;
   var _useState = useState([]),
     addons = _useState[0],
     setAddons = _useState[1];
@@ -3963,20 +3996,9 @@ var AddonsContainter = function AddonsContainter(_ref) {
   var _useState7 = useState(),
     pendingVerificationMessage = _useState7[0],
     setPendingVerificationMessage = _useState7[1];
-  var _useState8 = useState(null),
-    visibleDescription = _useState8[0],
-    setVisibleDescription = _useState8[1];
-  var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
-    setVisibleDescription(function (current) {
-      return current === ticketId ? null : ticketId;
-    });
-  };
   useEffect(function () {
-    if (samePage) {
-      window.localStorage.removeItem('add_ons');
-    }
     var getAddonsPageInfo = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
         var cart, _cartAdapter, choosedTicketID, quantity, expiresAt, choosedTicketCount, addonsData, adaptedAddons, ticketRelatedAddons, sortedTicketAddons, _getAddonSelectOption, addonsWithOptions, groupsWithSelectedVariantsInfo, groupsWithVariants;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -3987,7 +4009,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
                 break;
               }
               setLoading(true);
-              // Get choosed ticket info (id, count) from Cart request for addons options calculations
               _context.next = 5;
               return getCart();
             case 5:
@@ -3995,7 +4016,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
               _cartAdapter = cartAdapter(cart), choosedTicketID = _cartAdapter.id, quantity = _cartAdapter.quantity, expiresAt = _cartAdapter.expiresAt;
               choosedTicketCount = Number(quantity);
               setCartExpirationTime(expiresAt);
-              // Get and collect addons data
               _context.next = 11;
               return getAddons(eventId);
             case 11:
@@ -4004,12 +4024,10 @@ var AddonsContainter = function AddonsContainter(_ref) {
               ticketRelatedAddons = getTicketRelatedAddons(adaptedAddons, choosedTicketID);
               sortedTicketAddons = getSortedAddons(ticketRelatedAddons);
               setAddons(sortedTicketAddons);
-              // Collect addons and addon group options
               _getAddonSelectOption = getAddonSelectOptions(adaptedAddons, choosedTicketCount), addonsWithOptions = _getAddonSelectOption.addonsWithOptions, groupsWithSelectedVariantsInfo = _getAddonSelectOption.groupsWithSelectedVariantsInfo, groupsWithVariants = _getAddonSelectOption.groupsWithVariants;
               setAddonsOptions(addonsWithOptions);
               setGroupsWithSelectedVariants(groupsWithSelectedVariantsInfo);
               setGroupsWithInitialVariantsValues(groupsWithVariants);
-              // Success callback props
               onGetAddonsPageInfoSuccess(addonsData);
             case 21:
               _context.next = 26;
@@ -4017,7 +4035,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
             case 23:
               _context.prev = 23;
               _context.t0 = _context["catch"](0);
-              // Callback error props
               onGetAddonsPageInfoError(_context.t0);
             case 26:
               _context.prev = 26;
@@ -4030,23 +4047,21 @@ var AddonsContainter = function AddonsContainter(_ref) {
         }, _callee, null, [[0, 23, 26, 29]]);
       }));
       return function getAddonsPageInfo() {
-        return _ref2.apply(this, arguments);
+        return _ref.apply(this, arguments);
       };
     }();
     getAddonsPageInfo();
-  }, []);
-  var recreateGroupVariantsSelectOptions = function recreateGroupVariantsSelectOptions(groupId, changedGroupd) {
-    var choosedVariants = changedGroupd.choosedVariants,
-      limit = changedGroupd.limit,
-      selectedCount = changedGroupd.selectedCount;
+  }, [eventId]);
+  var recreateGroupVariantsSelectOptions = function recreateGroupVariantsSelectOptions(groupId, changedGroup) {
+    var choosedVariants = changedGroup.choosedVariants,
+      limit = changedGroup.limit,
+      selectedCount = changedGroup.selectedCount;
     var remainingGroupStock = limit - selectedCount;
     var recreatedVariantsOptions = {};
-    // Regenerate variants allowed stock counts
     for (var variant in choosedVariants) {
       var variantId = variant;
       var variantCurrSelectedValue = choosedVariants[variant];
       var allowedOptionCount = void 0;
-      // Formula for regenerating
       if (remainingGroupStock >= groupsWithInitialVariantsValues[groupId][variantId] - variantCurrSelectedValue) {
         allowedOptionCount = groupsWithInitialVariantsValues[groupId][variantId];
       } else {
@@ -4059,7 +4074,6 @@ var AddonsContainter = function AddonsContainter(_ref) {
     });
   };
   var onFieldChange = function onFieldChange(id, value, addon) {
-    // If changeableGroup exsists it means that group with limitation variant was changed
     var changeableGroup = groupsWithSelectedVariants[addon.id];
     if (changeableGroup) {
       var _extends2, _extends3;
@@ -4068,18 +4082,16 @@ var AddonsContainter = function AddonsContainter(_ref) {
       var currSelectedVariantCount = Number(value);
       var currSelectedVariantPrevCount = groupsWithSelectedVariants[currGroupId].choosedVariants[currSelectedVariantId];
       var currSelectedGroupCount = changeableGroup.selectedCount + (currSelectedVariantCount - currSelectedVariantPrevCount);
-      // Update Group info
       var updatedGroupsWithSelectedVariants = _extends({}, groupsWithSelectedVariants, (_extends3 = {}, _extends3[currGroupId] = _extends({}, groupsWithSelectedVariants[currGroupId], {
         selectedCount: currSelectedGroupCount,
         choosedVariants: _extends({}, groupsWithSelectedVariants[currGroupId].choosedVariants, (_extends2 = {}, _extends2[currSelectedVariantId] = currSelectedVariantCount, _extends2))
       }), _extends3));
       setGroupsWithSelectedVariants(updatedGroupsWithSelectedVariants);
-      // Recreate Select Options for Addon Group Variants
       recreateGroupVariantsSelectOptions(currGroupId, updatedGroupsWithSelectedVariants[currGroupId]);
     }
   };
   var handleConfirm = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, skipAddonPage) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values, skipAddonPage) {
       var _pageConfigsData$skip, pageConfigsDataResponse, pageConfigsData, skipBillingPage, ticketsQuantity, userData, checkoutBody, _checkoutResponse$dat, _checkoutResponse$dat2, _checkoutResponse$dat3, _checkoutResponse$dat4, checkoutResponse, hash, total, _error$response, _error$response$data, _error$response$data$, _error$response2, _error$response2$data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -4161,7 +4173,7 @@ var AddonsContainter = function AddonsContainter(_ref) {
       }, _callee2, null, [[0, 30], [10, 22]]);
     }));
     return function handleConfirm(_x, _x2) {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var handleClearAddons = function handleClearAddons() {
@@ -4183,6 +4195,86 @@ var AddonsContainter = function AddonsContainter(_ref) {
     }
     return addOnsData;
   }, [addons, addOnDataWithCustomFields]);
+  return {
+    addons: addons,
+    addonsOptions: addonsOptions,
+    loading: loading,
+    cartExpirationTime: cartExpirationTime,
+    pendingVerificationMessage: pendingVerificationMessage,
+    setPendingVerificationMessage: setPendingVerificationMessage,
+    initialValues: initialValues,
+    onFieldChange: onFieldChange,
+    handleConfirm: handleConfirm,
+    handleClearAddons: handleClearAddons
+  };
+};
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var AddonsContainter = function AddonsContainter(_ref) {
+  var _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'add_on' : _ref$classNamePrefix,
+    _ref$enableBillingInf = _ref.enableBillingInfoAutoCreate,
+    enableBillingInfoAutoCreate = _ref$enableBillingInf === void 0 ? true : _ref$enableBillingInf,
+    _ref$enableTimer = _ref.enableTimer,
+    enableTimer = _ref$enableTimer === void 0 ? false : _ref$enableTimer,
+    _ref$onGetAddonsPageI = _ref.onGetAddonsPageInfoSuccess,
+    onGetAddonsPageInfoSuccess = _ref$onGetAddonsPageI === void 0 ? _identity : _ref$onGetAddonsPageI,
+    _ref$onGetAddonsPageI2 = _ref.onGetAddonsPageInfoError,
+    onGetAddonsPageInfoError = _ref$onGetAddonsPageI2 === void 0 ? _identity : _ref$onGetAddonsPageI2,
+    _ref$onPostCheckoutSu = _ref.onPostCheckoutSuccess,
+    onPostCheckoutSuccess = _ref$onPostCheckoutSu === void 0 ? _identity : _ref$onPostCheckoutSu,
+    _ref$onPostCheckoutEr = _ref.onPostCheckoutError,
+    onPostCheckoutError = _ref$onPostCheckoutEr === void 0 ? _identity : _ref$onPostCheckoutEr,
+    _ref$onConfirmSelecti = _ref.onConfirmSelectionSuccess,
+    onConfirmSelectionSuccess = _ref$onConfirmSelecti === void 0 ? _identity : _ref$onConfirmSelecti,
+    _ref$onConfirmSelecti2 = _ref.onConfirmSelectionError,
+    onConfirmSelectionError = _ref$onConfirmSelecti2 === void 0 ? _identity : _ref$onConfirmSelecti2,
+    _ref$onCountdownFinis = _ref.onCountdownFinish,
+    _onCountdownFinish = _ref$onCountdownFinis === void 0 ? _identity : _ref$onCountdownFinis,
+    _ref$onPendingVerific = _ref.onPendingVerification,
+    onPendingVerification = _ref$onPendingVerific === void 0 ? _identity : _ref$onPendingVerific,
+    samePage = _ref.samePage,
+    _ref$descriptionTrigg = _ref.descriptionTrigger,
+    descriptionTrigger = _ref$descriptionTrigg === void 0 ? 'click' : _ref$descriptionTrigg,
+    addOnDataWithCustomFields = _ref.addOnDataWithCustomFields,
+    configs = _ref.configs,
+    _ref$onAddOnSelect = _ref.onAddOnSelect,
+    onAddOnSelect = _ref$onAddOnSelect === void 0 ? _identity : _ref$onAddOnSelect,
+    _ref$useStepperQty = _ref.useStepperQty,
+    useStepperQty = _ref$useStepperQty === void 0 ? false : _ref$useStepperQty;
+  var eventId = getQueryVariable('event_id') || null;
+  var _useAddons = useAddons(eventId, {
+      enableBillingInfoAutoCreate: enableBillingInfoAutoCreate,
+      addOnDataWithCustomFields: addOnDataWithCustomFields,
+      onGetAddonsPageInfoSuccess: onGetAddonsPageInfoSuccess,
+      onGetAddonsPageInfoError: onGetAddonsPageInfoError,
+      onPostCheckoutSuccess: onPostCheckoutSuccess,
+      onPostCheckoutError: onPostCheckoutError,
+      onConfirmSelectionSuccess: onConfirmSelectionSuccess,
+      onConfirmSelectionError: onConfirmSelectionError
+    }),
+    addons = _useAddons.addons,
+    addonsOptions = _useAddons.addonsOptions,
+    loading = _useAddons.loading,
+    cartExpirationTime = _useAddons.cartExpirationTime,
+    pendingVerificationMessage = _useAddons.pendingVerificationMessage,
+    initialValues = _useAddons.initialValues,
+    onFieldChange = _useAddons.onFieldChange,
+    handleConfirm = _useAddons.handleConfirm,
+    handleClearAddons = _useAddons.handleClearAddons;
+  var _useState = useState(null),
+    visibleDescription = _useState[0],
+    setVisibleDescription = _useState[1];
+  var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
+    setVisibleDescription(function (current) {
+      return current === ticketId ? null : ticketId;
+    });
+  };
+  useEffect(function () {
+    if (samePage) {
+      window.localStorage.removeItem('add_ons');
+    }
+  }, []);
   if (loading) {
     return React.createElement("div", {
       className: classNamePrefix + "_loader"
@@ -4231,10 +4323,10 @@ var AddonsContainter = function AddonsContainter(_ref) {
         window.localStorage.setItem('add_ons', JSON.stringify(values));
       }
     } : undefined
-  }, function (_ref4) {
-    var values = _ref4.values,
-      errors = _ref4.errors,
-      setFieldTouched = _ref4.setFieldTouched;
+  }, function (_ref2) {
+    var values = _ref2.values,
+      errors = _ref2.errors,
+      setFieldTouched = _ref2.setFieldTouched;
     var isConfirmDisabled = !isAtLeastOneAddonSelected(values);
     return React.createElement(Form, {
       autoComplete: "off",
@@ -4309,7 +4401,8 @@ var AddonsContainter = function AddonsContainter(_ref) {
             addOnDataWithCustomFields: addOnDataWithCustomFields,
             configs: configs,
             values: values,
-            errors: errors
+            errors: errors,
+            useStepperQty: useStepperQty
           })
         );
       }) :
@@ -4360,6 +4453,8 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
     addOnDataWithCustomFields = _ref.addOnDataWithCustomFields,
     configs = _ref.configs,
     eventId = _ref.eventId,
+    _ref$useStepperQty = _ref.useStepperQty,
+    useStepperQty = _ref$useStepperQty === void 0 ? false : _ref$useStepperQty,
     _ref$onAddOnSelect = _ref.onAddOnSelect,
     onAddOnSelect = _ref$onAddOnSelect === void 0 ? _identity : _ref$onAddOnSelect,
     _ref$handleConfirm = _ref.handleConfirm,
@@ -4631,7 +4726,8 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
             addOnDataWithCustomFields: addOnDataWithCustomFields,
             configs: configs,
             values: values,
-            errors: errors
+            errors: errors,
+            useStepperQty: useStepperQty
           })
         );
       }) :
@@ -16024,5 +16120,5 @@ var OrderDetails = function OrderDetails(_ref3) {
   })));
 };
 
-export { AddonsContainter, WithCustomFieldsBillingInfoContainer as BillingInfoContainer, ConfirmationContainer, DEFAULT_FEES_STYLE, DelegationsContainer, ForgotPasswordModal, IDVerification, LoginModal, MyTicketsContainer, OrderDetails, OrderDetailsContainer, PaymentContainer, PoweredBy, PreRegistration, PreRegistrationComplete, PreRegistrationInformations, RedirectModal, ResetPasswordContainer, RsvpContainer, SeatMapContainer, TicketResaleContainer, TicketsContainer, VERIFICATION_STATUSES, createFixedFloatNormalizer, currencyNormalizerCreator, logoutUser, setConfigs, useCookieListener };
+export { AddonsContainter, WithCustomFieldsBillingInfoContainer as BillingInfoContainer, ConfirmationContainer, DEFAULT_FEES_STYLE, DelegationsContainer, ForgotPasswordModal, IDVerification, LoginModal, MyTicketsContainer, OrderDetails, OrderDetailsContainer, PaymentContainer, PoweredBy, PreRegistration, PreRegistrationComplete, PreRegistrationInformations, RedirectModal, ResetPasswordContainer, RsvpContainer, SeatMapContainer, TicketResaleContainer, TicketsContainer, TimerWidget$1 as TimerWidget, VERIFICATION_STATUSES, VerificationPendingModal, createFixedFloatNormalizer, currencyNormalizerCreator, logoutUser, setConfigs, useAddons, useCookieListener };
 //# sourceMappingURL=tf-checkout-react.esm.js.map