tf-checkout-react 1.7.18 → 1.7.20

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

@@ -3603,13 +3603,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 = 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);
   };
@@ -3648,6 +3655,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,
@@ -3680,7 +3689,8 @@ var AddonComponent = function AddonComponent(_ref2) {
     id: id,
     selectOptions: selectOptions,
     handleAddonChange: handleAddonChange,
-    classNamePrefix: classNamePrefix
+    classNamePrefix: classNamePrefix,
+    siblingIds: siblingIds
   })) : React.createElement(Field, {
     name: id,
     selectOptions: selectOptions,
@@ -4402,6 +4412,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);
@@ -4724,6 +4739,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);
@@ -7516,7 +7536,7 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref6) {
     processPayment = _useStripePayment.processPayment;
   var updateCheckoutWithAddOns = useCallback( /*#__PURE__*/function () {
     var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(addOns) {
-      var mergedAddOns, _checkoutUpdateData, checkoutResponse, checkoutDataObj, errorMessage;
+      var mergedAddOns, _checkoutUpdateData, checkoutResponse, checkoutDataObj, updatedAttributes, errorMessage;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
@@ -7556,6 +7576,10 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref6) {
               checkoutDataObj = _get(checkoutResponse, 'data.attributes.cart_price_breakdown', {});
               setCheckoutData(checkoutDataObj);
               setSingleCheckoutAddOns(mergedAddOns);
+              updatedAttributes = _get(checkoutResponse, 'data.attributes', {});
+              if (updatedAttributes.additional_payment_information) {
+                setCheckoutUpdateData(updatedAttributes);
+              }
             }
             _context8.next = 18;
             break;