tf-checkout-react 1.7.19 → 1.7.20

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

@@ -9,7 +9,8 @@ interface IAddonComponentProps {
     values: any;
     errors: any;
     useStepperQty?: boolean;
+    siblingIds?: string[];
     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, onCustomFieldChange, }: IAddonComponentProps) => JSX.Element;
 export default AddonComponent;

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

@@ -3610,13 +3610,20 @@ 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;
   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 change = function change(next) {
+    if (next > 0) {
+      siblingIds.forEach(function (siblingId) {
+        return setFieldValue(siblingId, 0);
+      });
+    }
     setFieldValue(id, next);
     handleAddonChange(id, next);
   };
@@ -3655,6 +3662,8 @@ 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$onCustomFieldCh = _ref2.onCustomFieldChange,
     onCustomFieldChange = _ref2$onCustomFieldCh === void 0 ? _identity : _ref2$onCustomFieldCh;
   var id = data.id,
@@ -3687,7 +3696,8 @@ var AddonComponent = function AddonComponent(_ref2) {
     id: id,
     selectOptions: selectOptions,
     handleAddonChange: handleAddonChange,
-    classNamePrefix: classNamePrefix
+    classNamePrefix: classNamePrefix,
+    siblingIds: siblingIds
   })) : React__default.createElement(formik.Field, {
     name: id,
     selectOptions: selectOptions,
@@ -4409,6 +4419,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);
@@ -4731,6 +4746,11 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
             data: variant,
             selectOptions: addonsOptions[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);
               onFieldChange(id, value, addon);