tf-checkout-react 1.7.15 → 1.7.17

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,
@@ -4753,7 +4761,8 @@ var SimpleAddonsContainer = function SimpleAddonsContainer(_ref) {
         addOnDataWithCustomFields: addOnDataWithCustomFields,
         configs: configs,
         values: values,
-        errors: errors
+        errors: errors,
+        useStepperQty: useStepperQty
       })));
     })));
   })));