thm-p3-configurator 0.0.145 → 0.0.147

package/dist/src/shared/__components__/ProductCard/index.js

@@ -12,6 +12,7 @@ require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _queries = require("../../__api__/queries");
+var _constants__ = require("../../__constants__");
 var _helpers__ = require("../../__helpers__");
 var _ProductCardCheckbox = _interopRequireDefault(require("./ProductCardCheckbox"));
 var _ProductCardDescription = _interopRequireDefault(require("./ProductCardDescription"));
@@ -21,7 +22,6 @@ var _ProductCardPrice = _interopRequireDefault(require("./ProductCardPrice"));
 var _ProductCardRibbon = _interopRequireDefault(require("./ProductCardRibbon"));
 var _ProductCardSpecifications = _interopRequireDefault(require("./ProductCardSpecifications"));
 var _ProductCardUsps = _interopRequireDefault(require("./ProductCardUsps"));
-var _constants__ = require("../../__constants__");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -98,10 +98,12 @@ const ProductCard = _ref => {
     setIsSelected(defaultSelected);
   }, [defaultSelected]);
   (0, _react.useEffect)(() => {
-    if (isOnlyProductInCategory || !isAnotherProductSelected && isRecommended) {
+    // Only auto-select if it's the only product in the category
+    // Remove auto-selection of recommended products when there are multiple products
+    if (isOnlyProductInCategory) {
       handleSelected(true);
     }
-  }, [isOnlyProductInCategory, isRecommended]);
+  }, [isOnlyProductInCategory]);
   return /*#__PURE__*/_react.default.createElement("div", {
     key: productId,
     className: (0, _helpers__.withStyle)("card card__horizontal card__link ".concat(isSelected ? 'active' : '', " container-fluid g-0")),

package/dist/src/shared/__containers__/ProductsOverview.js

@@ -28,17 +28,17 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
 var _logoPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-primary.png"));
 var _queries = require("../__api__/queries");
+var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
 var _ProductCard = _interopRequireDefault(require("../__components__/ProductCard"));
 var _FullPageSpinner = _interopRequireDefault(require("../__components__/Spinners/FullPageSpinner"));
 var _constants__ = require("../__constants__");
 var _FormulaContext = require("../__context__/FormulaContext");
-var _useIsTmg = require("../__hooks__/useIsTmg");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
+var _useIsTmg = require("../__hooks__/useIsTmg");
 var _BoardComputerCard = _interopRequireDefault(require("./BoardComputerCard"));
-var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -236,6 +236,9 @@ const ProductsOverview = () => {
           price: product === null || product === void 0 ? void 0 : product.price
         });
       }
+
+      // Only preselect when it's the only product in its category
+      const shouldPreselect = productsPerCategory.length === 1;
       return /*#__PURE__*/_react.default.createElement(_ProductCard.default, {
         isTmg: isTmg,
         stock: product === null || product === void 0 || (_product$locationPric = product.locationPrices) === null || _product$locationPric === void 0 ? void 0 : _product$locationPric.stock,
@@ -261,7 +264,7 @@ const ProductsOverview = () => {
         isDisabled: false,
         defaultSelected: [selectedCableset, selectedCombiset, selectedTowbar].includes(product.articleNumber),
         isAnotherProductSelected: isAnotherProductSelected,
-        isOnlyProductInCategory: productsPerCategory.length === 1,
+        isOnlyProductInCategory: shouldPreselect,
         onSelect: _ref5 => {
           let {
             productId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thm-p3-configurator",
-  "version": "0.0.145",
+  "version": "0.0.147",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "EnoRm.",