tf-checkout-react 1.7.16 → 1.7.18

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

@@ -3660,20 +3660,28 @@ var AddonComponent = function AddonComponent(_ref2) {
   }, React.createElement("div", {
     className: classNamePrefix + "_product_select_block",
     key: name
-  }, React.createElement("div", {
+  }, !useStepperQty && React.createElement("div", {
     className: classNamePrefix + "_product_size"
   }, name), React.createElement("div", {
     className: classNamePrefix + "_product_qty_select_block"
   }, !active || !_isNull(stock) && stock <= 0 ? React.createElement("div", {
+    className: classNamePrefix + "_stepper_row"
+  }, React.createElement("span", {
+    className: classNamePrefix + "_stepper_label"
+  }, name), React.createElement("div", {
     className: "sold_out"
-  }, "SOLD OUT") : React.createElement(React.Fragment, null, React.createElement("div", {
+  }, "SOLD OUT")) : React.createElement(React.Fragment, null, React.createElement("div", {
     className: classNamePrefix + "_product_qty_select"
-  }, useStepperQty ? React.createElement(AddonStepper, {
+  }, useStepperQty ? React.createElement("div", {
+    className: classNamePrefix + "_stepper_row"
+  }, React.createElement("span", {
+    className: classNamePrefix + "_stepper_label"
+  }, name), React.createElement(AddonStepper, {
     id: id,
     selectOptions: selectOptions,
     handleAddonChange: handleAddonChange,
     classNamePrefix: classNamePrefix
-  }) : React.createElement(Field, {
+  })) : React.createElement(Field, {
     name: id,
     selectOptions: selectOptions,
     component: NativeSelectField,
@@ -7587,12 +7595,12 @@ var BillingInfoContainer = /*#__PURE__*/React.memo(function (_ref6) {
       return _ref14.apply(this, arguments);
     };
   }(), [updateCheckoutWithAddOns]);
-  var onAddOnSelect = useCallback(function (id, value, addon, fieldUpdates) {
+  var onAddOnSelect = 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') || '{}');