tf-checkout-react 1.7.19 → 1.7.23

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

@@ -9,7 +9,10 @@ interface IAddonComponentProps {
     values: any;
     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, 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

@@ -3610,16 +3610,37 @@ var AddonStepper = function AddonStepper(_ref) {
   var id = _ref.id,
     selectOptions = _ref.selectOptions,
     handleAddonChange = _ref.handleAddonChange,
-    classNamePrefix = _ref.classNamePrefix;
+    classNamePrefix = _ref.classNamePrefix,
+    _ref$siblingIds = _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 > 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", {
@@ -3638,7 +3659,7 @@ var AddonStepper = function AddonStepper(_ref) {
     onClick: function onClick() {
       return change(qty + 1);
     },
-    disabled: qty >= max,
+    disabled: incrementDisabled,
     "aria-label": "Increase quantity"
   }, "+"));
 };
@@ -3655,6 +3676,11 @@ var AddonComponent = function AddonComponent(_ref2) {
     errors = _ref2.errors,
     _ref2$useStepperQty = _ref2.useStepperQty,
     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,
@@ -3687,7 +3713,10 @@ var AddonComponent = function AddonComponent(_ref2) {
     id: id,
     selectOptions: selectOptions,
     handleAddonChange: handleAddonChange,
-    classNamePrefix: classNamePrefix
+    classNamePrefix: classNamePrefix,
+    siblingIds: siblingIds,
+    allAddonIds: allAddonIds,
+    maxTotalQuantity: maxTotalQuantity
   })) : React__default.createElement(formik.Field, {
     name: id,
     selectOptions: selectOptions,
@@ -4409,6 +4438,11 @@ var AddonsContainter = function AddonsContainter(_ref) {
             data: variant,
             selectOptions: addonsOptions[variant.id],
             classNamePrefix: classNamePrefix,
+            siblingIds: addon.variants.map(function (v) {
+              return v.id;
+            }).filter(function (vid) {
+              return vid !== variant.id;
+            }),
             handleAddonChange: function handleAddonChange(id, value) {
               onAddOnSelect(id, value, addon);
               onFieldChange(id, value, addon);
@@ -4470,6 +4504,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,
@@ -4486,12 +4521,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;
@@ -4620,6 +4658,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 = {};
@@ -4729,10 +4798,15 @@ 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;
+            }).map(function (v) {
+              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);
@@ -4750,9 +4824,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);