tf-checkout-react 1.7.20 → 1.7.30

package/dist/api/index.d.ts

@@ -42,6 +42,7 @@ export interface AttributesConfig {
     collect_mandatory_instagram: boolean;
     collect_optional_instagram: boolean;
     skip_billing_page: boolean;
+    addon_max_quantity_groups: number | null;
     cart: ICart[];
 }
 export interface ConfigsData {

package/dist/components/addonsContainer/AddonComponent.d.ts

@@ -10,7 +10,9 @@ interface IAddonComponentProps {
     errors: any;
     useStepperQty?: boolean;
     siblingIds?: string[];
+    allAddonIds?: string[];
+    maxTotalQuantity?: number;
     onCustomFieldChange?: (addon: any, groupId: string | number, fieldName: string, value: any) => void;
 }
-declare const AddonComponent: ({ classNamePrefix, data, selectOptions, handleAddonChange, addOnDataWithCustomFields, configs, values, errors, useStepperQty, siblingIds, onCustomFieldChange, }: IAddonComponentProps) => JSX.Element;
+declare const AddonComponent: ({ classNamePrefix, data, selectOptions, handleAddonChange, addOnDataWithCustomFields, configs, values, errors, useStepperQty, siblingIds, allAddonIds, maxTotalQuantity, onCustomFieldChange, }: IAddonComponentProps) => JSX.Element;
 export default AddonComponent;

package/dist/components/addonsContainer/SimpleAddonsContainer.d.ts

@@ -8,11 +8,13 @@ export interface ISimpleAddonContainerProps {
     configs: any;
     eventId: string;
     useStepperQty?: boolean;
+    maxTotalQuantity?: number;
+    addonMaxQuantityGroups?: number;
     onAddOnSelect?: (id: string, value: string, addon: any, fieldUpdates: any) => void;
     handleConfirm?: (values: any) => void;
 }
 export interface ObjectLiteral {
     [key: string]: any;
 }
-export declare const SimpleAddonsContainer: ({ classNamePrefix, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, descriptionTrigger, addOnDataWithCustomFields, configs, eventId, useStepperQty, onAddOnSelect, handleConfirm, }: ISimpleAddonContainerProps) => JSX.Element;
+export declare const SimpleAddonsContainer: ({ classNamePrefix, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, descriptionTrigger, addOnDataWithCustomFields, configs, eventId, useStepperQty, addonMaxQuantityGroups, onAddOnSelect, handleConfirm, }: ISimpleAddonContainerProps) => JSX.Element;
 export default SimpleAddonsContainer;

package/dist/components/addonsContainer/index.d.ts

@@ -17,5 +17,6 @@ export interface IAddonContainterProps {
     configs: any;
     onAddOnSelect?: (id: string, value: string, addon: any) => void;
     useStepperQty?: boolean;
+    addonMaxQuantityGroups?: number;
 }
 export declare const AddonsContainter: ({ classNamePrefix, enableBillingInfoAutoCreate, enableTimer, onGetAddonsPageInfoSuccess, onGetAddonsPageInfoError, onPostCheckoutSuccess, onPostCheckoutError, onConfirmSelectionSuccess, onConfirmSelectionError, onCountdownFinish, onPendingVerification, samePage, descriptionTrigger, addOnDataWithCustomFields, configs, onAddOnSelect, useStepperQty, }: IAddonContainterProps) => JSX.Element | null;

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

@@ -1737,41 +1737,6 @@ var getConfirmationData = /*#__PURE__*/function () {
     return _ref4.apply(this, arguments);
   };
 }();
-var getConditions = /*#__PURE__*/function () {
-  var _ref5 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(eventId) {
-    var response, adaptedData, returnData;
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          _context5.next = 2;
-          return publicRequest.get("v1/event/" + eventId + "/conditions");
-        case 2:
-          response = _context5.sent;
-          adaptedData = _map(response.data.data.attributes, function (item) {
-            return {
-              id: nanoid.nanoid(),
-              text: item,
-              checked: false
-            };
-          });
-          returnData = _extends({}, response, {
-            data: _extends({}, response.data, {
-              data: _extends({}, response.data.data, {
-                attributes: adaptedData
-              })
-            })
-          });
-          return _context5.abrupt("return", returnData.data);
-        case 6:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  }));
-  return function getConditions(_x5) {
-    return _ref5.apply(this, arguments);
-  };
-}();
 
 var resaleTicket = /*#__PURE__*/function () {
   var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data, hash) {
@@ -3612,21 +3577,35 @@ var AddonStepper = function AddonStepper(_ref) {
     handleAddonChange = _ref.handleAddonChange,
     classNamePrefix = _ref.classNamePrefix,
     _ref$siblingIds = _ref.siblingIds,
-    siblingIds = _ref$siblingIds === void 0 ? [] : _ref$siblingIds;
+    siblingIds = _ref$siblingIds === void 0 ? [] : _ref$siblingIds,
+    _ref$allAddonIds = _ref.allAddonIds,
+    allAddonIds = _ref$allAddonIds === void 0 ? [] : _ref$allAddonIds,
+    maxTotalQuantity = _ref.maxTotalQuantity;
   var _useFormikContext = formik.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 totalSelected = allAddonIds.length > 0 ? allAddonIds.reduce(function (sum, aid) {
+    var _values$aid;
+    return sum + Number((_values$aid = values[aid]) != null ? _values$aid : 0);
+  }, 0) : 0;
   var change = function change(next) {
-    if (next > 0) {
-      siblingIds.forEach(function (siblingId) {
-        return setFieldValue(siblingId, 0);
-      });
+    if (next > qty) {
+      if (maxTotalQuantity != null) {
+        allAddonIds.forEach(function (aid) {
+          if (aid !== id) setFieldValue(aid, 0);
+        });
+      } else {
+        siblingIds.forEach(function (siblingId) {
+          return setFieldValue(siblingId, 0);
+        });
+      }
     }
     setFieldValue(id, next);
     handleAddonChange(id, next);
   };
+  var incrementDisabled = qty >= max || maxTotalQuantity != null && totalSelected >= maxTotalQuantity && qty === 0;
   return React__default.createElement("div", {
     className: classNamePrefix + "_stepper"
   }, React__default.createElement("button", {
@@ -3645,7 +3624,7 @@ var AddonStepper = function AddonStepper(_ref) {
     onClick: function onClick() {
       return change(qty + 1);
     },
-    disabled: qty >= max,
+    disabled: incrementDisabled,
     "aria-label": "Increase quantity"
   }, "+"));
 };
@@ -3664,6 +3643,9 @@ var AddonComponent = function AddonComponent(_ref2) {
     useStepperQty = _ref2$useStepperQty === void 0 ? false : _ref2$useStepperQty,
     _ref2$siblingIds = _ref2.siblingIds,
     siblingIds = _ref2$siblingIds === void 0 ? [] : _ref2$siblingIds,
+    _ref2$allAddonIds = _ref2.allAddonIds,
+    allAddonIds = _ref2$allAddonIds === void 0 ? [] : _ref2$allAddonIds,
+    maxTotalQuantity = _ref2.maxTotalQuantity,
     _ref2$onCustomFieldCh = _ref2.onCustomFieldChange,
     onCustomFieldChange = _ref2$onCustomFieldCh === void 0 ? _identity : _ref2$onCustomFieldCh;
   var id = data.id,
@@ -3697,7 +3679,9 @@ var AddonComponent = function AddonComponent(_ref2) {
     selectOptions: selectOptions,
     handleAddonChange: handleAddonChange,
     classNamePrefix: classNamePrefix,
-    siblingIds: siblingIds
+    siblingIds: siblingIds,
+    allAddonIds: allAddonIds,
+    maxTotalQuantity: maxTotalQuantity
   })) : React__default.createElement(formik.Field, {
     name: id,
     selectOptions: selectOptions,
@@ -4485,6 +4469,7 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
     eventId = _ref.eventId,
     _ref$useStepperQty = _ref.useStepperQty,
     useStepperQty = _ref$useStepperQty === void 0 ? false : _ref$useStepperQty,
+    addonMaxQuantityGroups = _ref.addonMaxQuantityGroups,
     _ref$onAddOnSelect = _ref.onAddOnSelect,
     onAddOnSelect = _ref$onAddOnSelect === void 0 ? _identity : _ref$onAddOnSelect,
     _ref$handleConfirm = _ref.handleConfirm,
@@ -4501,12 +4486,15 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
   var _useState4 = React.useState({}),
     groupsWithInitialVariantsValues = _useState4[0],
     setGroupsWithInitialVariantsValues = _useState4[1];
-  var _useState5 = React.useState(true),
-    loading = _useState5[0],
-    setLoading = _useState5[1];
-  var _useState6 = React.useState(null),
-    visibleDescription = _useState6[0],
-    setVisibleDescription = _useState6[1];
+  var _useState5 = React.useState({}),
+    crossGroupSelections = _useState5[0],
+    setCrossGroupSelections = _useState5[1];
+  var _useState6 = React.useState(true),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = React.useState(null),
+    visibleDescription = _useState7[0],
+    setVisibleDescription = _useState7[1];
   var handleDescriptionToggle = function handleDescriptionToggle(ticketId) {
     setVisibleDescription(function (current) {
       return current === ticketId ? null : ticketId;
@@ -4635,6 +4623,37 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
       recreateGroupVariantsSelectOptions(currGroupId, updatedGroupsWithSelectedVariants[currGroupId]);
     }
   };
+  // Cross-group cap: when addonMaxQuantityGroups is set, limits total selections
+  // across ALL addon groups to that number by capping each stepper's max.
+  var effectiveAddonsOptions = React.useMemo(function () {
+    if (!addonMaxQuantityGroups) return addonsOptions;
+    var totalSelected = Object.values(crossGroupSelections).reduce(function (sum, v) {
+      return sum + Number(v);
+    }, 0);
+    var globalRemaining = addonMaxQuantityGroups - totalSelected;
+    var result = {};
+    var _loop = function _loop() {
+      var opts = addonsOptions[id] || [];
+      var sdkMax = opts.length ? opts[opts.length - 1].value : 0;
+      var currSelected = Number(crossGroupSelections[id] || 0);
+      var allowedMax = Math.max(0, Math.min(sdkMax, globalRemaining + currSelected));
+      result[id] = opts.filter(function (opt) {
+        return opt.value <= allowedMax;
+      });
+    };
+    for (var id in addonsOptions) {
+      _loop();
+    }
+    return result;
+  }, [addonsOptions, crossGroupSelections, addonMaxQuantityGroups]);
+  var handleCrossGroupChange = function handleCrossGroupChange(id, value) {
+    if (addonMaxQuantityGroups) {
+      setCrossGroupSelections(function (prev) {
+        var _extends6;
+        return _extends({}, prev, (_extends6 = {}, _extends6[id] = Number(value), _extends6));
+      });
+    }
+  };
   var initialValues = React.useMemo(function () {
     var _addOnDataWithCustomF2;
     var addOnsData = {};
@@ -4744,7 +4763,7 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
           React__default.createElement(AddonComponent, {
             key: variant.id,
             data: variant,
-            selectOptions: addonsOptions[variant.id],
+            selectOptions: effectiveAddonsOptions[variant.id],
             classNamePrefix: classNamePrefix,
             siblingIds: addon.variants.filter(function (v) {
               return v.id !== variant.id;
@@ -4752,7 +4771,7 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
               return v.id;
             }),
             handleAddonChange: function handleAddonChange(id, value) {
-              console.log('handleAddonChange', id, value);
+              handleCrossGroupChange(id, value);
               onFieldChange(id, value, addon);
               var fieldUpdates = collectAddonFieldUpdates(addon, values);
               onAddOnSelect(id, value, addon, fieldUpdates);
@@ -4770,9 +4789,10 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
       React__default.createElement(AddonComponent, {
         key: addon.id,
         data: addon,
-        selectOptions: addonsOptions[addon.id],
+        selectOptions: effectiveAddonsOptions[addon.id],
         classNamePrefix: classNamePrefix,
         handleAddonChange: function handleAddonChange(id, value) {
+          handleCrossGroupChange(id, value);
           onFieldChange(id, value, addon);
           var fieldUpdates = collectAddonFieldUpdates(addon, values);
           onAddOnSelect(id, value, addon, fieldUpdates);
@@ -5887,24 +5907,21 @@ var PaymentContainer = function PaymentContainer(_ref2) {
   var _useState5 = React.useState(true),
     paymentDataIsLoading = _useState5[0],
     setPaymentDataIsLoading = _useState5[1];
-  var _useState6 = React.useState([]),
-    conditions = _useState6[0],
-    setConditions = _useState6[1];
-  var _useState7 = React.useState(''),
-    currency = _useState7[0],
-    setCurrency = _useState7[1];
+  var _useState6 = React.useState(''),
+    currency = _useState6[0],
+    setCurrency = _useState6[1];
+  var _useState7 = React.useState(false),
+    showPaymentPlanSection = _useState7[0],
+    setShowPaymentPlanSection = _useState7[1];
   var _useState8 = React.useState(false),
-    showPaymentPlanSection = _useState8[0],
-    setShowPaymentPlanSection = _useState8[1];
-  var _useState9 = React.useState(false),
-    paymentPlanIsAvailable = _useState9[0],
-    setPaymentPlanIsAvailable = _useState9[1];
-  var _useState10 = React.useState(initialPaymentPlanConfiguration),
-    paymentPlanConfig = _useState10[0],
-    setPaymentPlanConfig = _useState10[1];
-  var _useState11 = React.useState(true),
-    paymentPlanUseSavedCard = _useState11[0],
-    setPaymentPlanUseSavedCard = _useState11[1];
+    paymentPlanIsAvailable = _useState8[0],
+    setPaymentPlanIsAvailable = _useState8[1];
+  var _useState9 = React.useState(initialPaymentPlanConfiguration),
+    paymentPlanConfig = _useState9[0],
+    setPaymentPlanConfig = _useState9[1];
+  var _useState10 = React.useState(true),
+    paymentPlanUseSavedCard = _useState10[0],
+    setPaymentPlanUseSavedCard = _useState10[1];
   var showFormTitle = Boolean(formTitle);
   var showErrorText = Boolean(errorText);
   var eventId = getQueryVariable('event_id') || _get(reviewData, 'cart[0].product_id') || '';
@@ -5918,9 +5935,6 @@ var PaymentContainer = function PaymentContainer(_ref2) {
     page: 'review',
     pageUrl: pageUrl
   });
-  console.log({
-    conditions: conditions
-  });
   React.useEffect(function () {
     var fetchPaymentData = /*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -6006,43 +6020,6 @@ var PaymentContainer = function PaymentContainer(_ref2) {
       fetchPaymentData();
     }
   }, [orderData, hash, isSinglePageCheckout, onGetPaymentDataError, onGetPaymentDataSuccess]);
-  //just once
-  React.useEffect(function () {
-    // fetch conditions data
-    var fetchConditions = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var conditionsResponse, conditionsInfo;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!eventId) {
-                _context2.next = 6;
-                break;
-              }
-              _context2.next = 3;
-              return getConditions(eventId);
-            case 3:
-              conditionsResponse = _context2.sent;
-              conditionsInfo = conditionsResponse.data.attributes;
-              setConditions(conditionsInfo ? conditionsInfo.map(function (item) {
-                return {
-                  id: nanoid.nanoid(),
-                  text: item.text,
-                  checked: false
-                };
-              }) : []);
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function fetchConditions() {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-    fetchConditions();
-  }, [eventId]);
   var showPaymentForm = function showPaymentForm() {
     var _paymentPlanConfig$sa;
     if (hidePaymentForm) {
@@ -6099,10 +6076,6 @@ var PaymentContainer = function PaymentContainer(_ref2) {
   var isTable = orderData == null ? void 0 : orderData.guest_count;
   React.useEffect(function () {
     var paymentMethod = reviewData.payment_method || {};
-    console.log({
-      paymentMethod: paymentMethod,
-      enablePaymentPlan: enablePaymentPlan
-    });
     var paymentPlanAvailable = paymentMethod.stripe_payment_plan_enabled && enablePaymentPlan;
     setPaymentPlanIsAvailable(paymentPlanAvailable);
     if (paymentPlanAvailable) {
@@ -6465,38 +6438,36 @@ var usePaymentRedirect = function usePaymentRedirect(_ref) {
               isPaymentReturn = urlParams.get('payment_return');
               clientSecret = urlParams.get('payment_intent_client_secret');
               if (!(isPaymentReturn && clientSecret && stripeRef.current)) {
-                _context.next = 41;
+                _context.next = 39;
                 break;
               }
-              console.log('Detected payment redirect return, checking status');
               setLoading(true);
-              _context.prev = 6;
+              _context.prev = 5;
               // Get stored payment context
               storedContext = localStorage.getItem('stripe_payment_context');
               if (storedContext) {
-                _context.next = 12;
+                _context.next = 11;
                 break;
               }
               setError('Payment context not found');
               setLoading(false);
               return _context.abrupt("return");
-            case 12:
+            case 11:
               paymentContext = JSON.parse(storedContext);
-              _context.next = 15;
+              _context.next = 14;
               return stripeRef.current.retrievePaymentIntent(clientSecret);
-            case 15:
+            case 14:
               _yield$stripeRef$curr = _context.sent;
               paymentIntent = _yield$stripeRef$curr.paymentIntent;
               if (!((paymentIntent == null ? void 0 : paymentIntent.status) === 'succeeded')) {
-                _context.next = 29;
+                _context.next = 27;
                 break;
               }
-              console.log('Payment succeeded after redirect, continuing flow');
               // Clean up stored context
               localStorage.removeItem('stripe_payment_context');
               // Continue with the success flow using stored context
               paymentResponse = null;
-              _context.next = 23;
+              _context.next = 21;
               return handlePaymentMiddleWare(null, {}, {
                 reviewData: paymentContext.attributes,
                 isFreeTickets: paymentContext.isFreeTickets,
@@ -6514,16 +6485,16 @@ var usePaymentRedirect = function usePaymentRedirect(_ref) {
                   throw error;
                 }
               });
-            case 23:
+            case 21:
               // Complete the flow with cleanup and handleSubmit
               removeReferralKey();
               removeAdditionalConfigs();
               handleSubmit(paymentContext.values, paymentContext.formikHelpers, paymentContext.eventId, paymentContext.checkoutResponse, paymentContext.checkoutUpdateResponse, paymentResponse);
               // Clean URL parameters
               window.history.replaceState({}, document.title, window.location.pathname);
-              _context.next = 30;
+              _context.next = 28;
               break;
-            case 29:
+            case 27:
               if ((paymentIntent == null ? void 0 : paymentIntent.status) === 'requires_action') {
                 setError('Payment requires additional action');
                 // Clean up stored context and URL to prevent infinite loop
@@ -6535,26 +6506,26 @@ var usePaymentRedirect = function usePaymentRedirect(_ref) {
                 localStorage.removeItem('stripe_payment_context');
                 window.history.replaceState({}, document.title, window.location.pathname);
               }
-            case 30:
-              _context.next = 38;
+            case 28:
+              _context.next = 36;
               break;
-            case 32:
-              _context.prev = 32;
-              _context.t0 = _context["catch"](6);
+            case 30:
+              _context.prev = 30;
+              _context.t0 = _context["catch"](5);
               console.error('Error handling payment return:', _context.t0);
               setError('Error processing payment return');
               // Clean up stored context and URL to prevent infinite loop
               localStorage.removeItem('stripe_payment_context');
               window.history.replaceState({}, document.title, window.location.pathname);
-            case 38:
-              _context.prev = 38;
+            case 36:
+              _context.prev = 36;
               setLoading(false);
-              return _context.finish(38);
-            case 41:
+              return _context.finish(36);
+            case 39:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[6, 32, 38, 41]]);
+        }, _callee, null, [[5, 30, 36, 39]]);
       }));
       return function handlePaymentReturn() {
         return _ref2.apply(this, arguments);
@@ -6890,7 +6861,7 @@ var EmailExistenceChecker = function EmailExistenceChecker(_ref4) {
   return null;
 };
 var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
-  var _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2, _reviewData$payment_m2, _checkoutUpdateData$a3, _checkoutUpdateData$a4, _checkoutUpdateData$a5;
+  var _configs$addon_max_qu, _reviewData$payment_m, _checkoutUpdateData$a, _checkoutUpdateData$a2, _reviewData$payment_m2, _checkoutUpdateData$a3, _checkoutUpdateData$a4, _checkoutUpdateData$a5;
   var _ref6$data = _ref6.data,
     data = _ref6$data === void 0 ? [] : _ref6$data,
     _ref6$ticketHoldersFi = _ref6.ticketHoldersFields,
@@ -7126,6 +7097,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
   var collectMandatoryBusinessCategory = configs == null ? void 0 : configs.collect_mandatory_business_category;
   var collectOptionalBusinessCategory = configs == null ? void 0 : configs.collect_optional_business_category;
   var eventHasAddons = configs == null ? void 0 : configs.has_add_on;
+  var addonMaxQuantityGroups = (_configs$addon_max_qu = configs == null ? void 0 : configs.addon_max_quantity_groups) != null ? _configs$addon_max_qu : undefined;
   var hideBusinessCategoryField = !collectMandatoryBusinessCategory && !collectOptionalBusinessCategory;
   var _useState21 = React.useState(),
     pendingVerificationMessage = _useState21[0],
@@ -7336,7 +7308,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
               });
             case 5:
               checkoutUpdateResponse = _context6.sent;
-              console.log('Stripe in [useEffect] fetchCheckoutUpdate', checkoutUpdateResponse);
               if (checkoutUpdateResponse.success) {
                 checkoutAttributes = checkoutUpdateResponse.data.attributes;
                 cartPriceBreakdown = _get(checkoutAttributes, 'cart_price_breakdown', {});
@@ -7344,23 +7315,22 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
                   hash: '',
                   total: _get(cartPriceBreakdown, 'total', 0)
                 }));
-                console.log('Stripe in [useEffect] fetchCheckoutUpdate | checkoutAttributes', checkoutAttributes);
                 setCheckoutUpdateData(checkoutAttributes);
                 onCheckoutUpdateSuccess(_extends({
                   expires_at: expirationTime
                 }, cartPriceBreakdown));
               }
-              _context6.next = 13;
+              _context6.next = 12;
               break;
-            case 10:
-              _context6.prev = 10;
+            case 9:
+              _context6.prev = 9;
               _context6.t0 = _context6["catch"](2);
               console.error('Failed to fetch checkout update:', _context6.t0);
-            case 13:
+            case 12:
             case "end":
               return _context6.stop();
           }
-        }, _callee6, null, [[2, 10]]);
+        }, _callee6, null, [[2, 9]]);
       }));
       return function fetchCheckoutUpdate() {
         return _ref10.apply(this, arguments);
@@ -7606,9 +7576,6 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
       return _ref12.apply(this, arguments);
     };
   }(), [eventId, isSinglePageCheckout, onCheckoutUpdateError, onCheckoutUpdateSuccess]);
-  console.log({
-    checkoutData: checkoutData
-  });
   var handleAddOnSelect = React.useCallback( /*#__PURE__*/function () {
     var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(selectedAddOns) {
       return _regeneratorRuntime().wrap(function _callee9$(_context9) {
@@ -7708,7 +7675,7 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
     enableReinitialize: false,
     onSubmit: function () {
       var _onSubmit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(values, formikHelpers) {
-        var _checkoutBody$attribu2, _checkoutBody$attribu3, flagRequirePhoneLocal, holdersCount, hasHolderPhoneError, i, fieldName, value, userDataObj, profileData, profileSpecifiedData, checkoutBody, storedAddOnDataCapture, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, paymentMethod, paymentPlanAvailable, hasUnverifiedOrder, message, _e$response, event;
+        var _checkoutBody$attribu2, _checkoutBody$attribu3, flagRequirePhoneLocal, holdersCount, hasHolderPhoneError, i, fieldName, value, userDataObj, profileData, profileSpecifiedData, checkoutBody, storedAddOnDataCapture, checkoutResponse, checkoutUpdateResponse, paymentResponse, _checkoutResponse$dat, hash, total, paymentDataResponse, _cart$, attributes, order_details, cart, _order_details$ticket, ticket, updatedOrderData, isFreeTickets, hasUnverifiedOrder, message, _e$response, event;
         return _regeneratorRuntime().wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
             case 0:
@@ -7819,11 +7786,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
               });
             case 38:
               checkoutUpdateResponse = _context10.sent;
-              console.log('Stripe checkoutUpdateResponse in billing-info-container', checkoutUpdateResponse);
               setCheckoutUpdateData(checkoutUpdateResponse.data.attributes);
               paymentResponse = null;
               if (!isSinglePageCheckout) {
-                _context10.next = 64;
+                _context10.next = 59;
                 break;
               }
               _checkoutResponse$dat = checkoutResponse.data.attributes, hash = _checkoutResponse$dat.hash, total = _checkoutResponse$dat.total;
@@ -7831,16 +7797,15 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
                 hash: hash,
                 total: total
               }));
-              _context10.next = 47;
+              _context10.next = 46;
               return getPaymentData(String(hash));
-            case 47:
+            case 46:
               paymentDataResponse = _context10.sent;
               if (!paymentDataResponse.success) {
-                _context10.next = 64;
+                _context10.next = 59;
                 break;
               }
               attributes = paymentDataResponse.data.attributes;
-              console.log('Stripe confirmPayment success in billing-info-container');
               setReviewData(attributes);
               order_details = attributes.order_details, cart = attributes.cart;
               _order_details$ticket = order_details.tickets, ticket = _order_details$ticket[0];
@@ -7860,35 +7825,29 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
                 debt: (order_details == null ? void 0 : order_details.debt) || null,
                 cost: ticket == null ? void 0 : ticket.cost
               };
-              isFreeTickets = !Number(total) && !Number(updatedOrderData.total) || !Number((updatedOrderData == null ? void 0 : updatedOrderData.pay_now) || 0);
-              paymentMethod = attributes.payment_method || {};
-              paymentPlanAvailable = paymentMethod.stripe_payment_plan_enabled;
-              console.log({
-                paymentPlanAvailable: paymentPlanAvailable
-              });
-              // Process payment using the hook
-              _context10.next = 61;
+              isFreeTickets = !Number(total) && !Number(updatedOrderData.total) || !Number((updatedOrderData == null ? void 0 : updatedOrderData.pay_now) || 0); // Process payment using the hook
+              _context10.next = 56;
               return processPayment(paymentDataResponse, values, formikHelpers, checkoutResponse, checkoutUpdateResponse, {
                 attributes: attributes,
                 isFreeTickets: isFreeTickets,
                 updatedOrderData: updatedOrderData,
                 eventId: eventId
               });
-            case 61:
+            case 56:
               paymentResponse = _context10.sent;
               if (!(!paymentResponse && !isFreeTickets)) {
-                _context10.next = 64;
+                _context10.next = 59;
                 break;
               }
               return _context10.abrupt("return");
-            case 64:
+            case 59:
               removeReferralKey();
               removeAdditionalConfigs();
               handleSubmit(values, formikHelpers, eventId, checkoutResponse, checkoutUpdateResponse, paymentResponse);
-              _context10.next = 77;
+              _context10.next = 72;
               break;
-            case 69:
-              _context10.prev = 69;
+            case 64:
+              _context10.prev = 64;
               _context10.t1 = _context10["catch"](0);
               setLoading(false);
               onSubmitError(_context10.t1);
@@ -7917,15 +7876,15 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
               }
               // Keep form values intact - don't reset
               formikHelpers.setSubmitting(false);
-            case 77:
-              _context10.prev = 77;
+            case 72:
+              _context10.prev = 72;
               setLoading(false);
-              return _context10.finish(77);
-            case 80:
+              return _context10.finish(72);
+            case 75:
             case "end":
               return _context10.stop();
           }
-        }, _callee10, null, [[0, 69, 77, 80], [15, 23]]);
+        }, _callee10, null, [[0, 64, 72, 75], [15, 23]]);
       }));
       function onSubmit(_x3, _x4) {
         return _onSubmit.apply(this, arguments);
@@ -7988,7 +7947,8 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
       eventId: eventId,
       addOnDataWithCustomFields: addOnDataWithCustomFields,
       configs: configs,
-      onAddOnSelect: onAddOnSelect
+      onAddOnSelect: onAddOnSelect,
+      addonMaxQuantityGroups: addonMaxQuantityGroups
     })) : !addOnsIncludedOnInvitation && includeAddons && !isSinglePageCheckout ? React__default.createElement(AddonsContainter, Object.assign({}, addonsProps != null ? addonsProps : {}, {
       addOnDataWithCustomFields: addOnDataWithCustomFields,
       configs: configs,
@@ -13934,7 +13894,6 @@ var RegistrationForm = function RegistrationForm(_ref) {
             _context3.prev = 25;
             _context3.t0 = _context3["catch"](1);
             if (axios.isAxiosError(_context3.t0)) {
-              console.log(_context3.t0);
               _errorMessage3 = _get(_context3.t0, 'response.data.message') || 'Error';
               onRegisterAccountError(_context3.t0);
               setshowErrorModal(true);