tf-checkout-react 1.7.16 → 1.7.18

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

@@ -3667,20 +3667,28 @@ var AddonComponent = function AddonComponent(_ref2) {
   }, React__default.createElement("div", {
     className: classNamePrefix + "_product_select_block",
     key: name
-  }, React__default.createElement("div", {
+  }, !useStepperQty && React__default.createElement("div", {
     className: classNamePrefix + "_product_size"
   }, name), React__default.createElement("div", {
     className: classNamePrefix + "_product_qty_select_block"
   }, !active || !_isNull(stock) && stock <= 0 ? React__default.createElement("div", {
+    className: classNamePrefix + "_stepper_row"
+  }, React__default.createElement("span", {
+    className: classNamePrefix + "_stepper_label"
+  }, name), React__default.createElement("div", {
     className: "sold_out"
-  }, "SOLD OUT") : React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+  }, "SOLD OUT")) : React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: classNamePrefix + "_product_qty_select"
-  }, useStepperQty ? React__default.createElement(AddonStepper, {
+  }, useStepperQty ? React__default.createElement("div", {
+    className: classNamePrefix + "_stepper_row"
+  }, React__default.createElement("span", {
+    className: classNamePrefix + "_stepper_label"
+  }, name), React__default.createElement(AddonStepper, {
     id: id,
     selectOptions: selectOptions,
     handleAddonChange: handleAddonChange,
     classNamePrefix: classNamePrefix
-  }) : React__default.createElement(formik.Field, {
+  })) : React__default.createElement(formik.Field, {
     name: id,
     selectOptions: selectOptions,
     component: NativeSelectField,
@@ -7594,12 +7602,12 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref6) {
       return _ref14.apply(this, arguments);
     };
   }(), [updateCheckoutWithAddOns]);
-  var onAddOnSelect = React.useCallback(function (id, value, addon, fieldUpdates) {
+  var onAddOnSelect = React.useCallback(function (id, value, _addon, fieldUpdates) {
     if (fieldUpdates === void 0) {
       fieldUpdates = {};
     }
     var quantity = parseInt(value) || 0;
-    var addonId = addon.id || id;
+    var addonId = id;
     // Get current add-ons and their custom fields
     var currentAddOns = JSON.parse(localStorage.getItem('add_ons') || '{}');
     var currentDataCapture = JSON.parse(localStorage.getItem('add_on_data_capture') || '{}');