thm-p3-configurator 0.0.156 → 0.0.157

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

@@ -13,14 +13,15 @@ function _interopRequireDefault(e) {
 }
 const ProductCardImage = _ref => {
   let {
-    image
+    image,
+    isBoardComputer
   } = _ref;
   if (!image) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("img", {
     src: image,
-    className: (0, _helpers__.withStyle)('card__image img-fluid'),
+    className: (0, _helpers__.withStyle)("card__image img-fluid ".concat(isBoardComputer ? 'mb-2' : '')),
     alt: "product afbeelding"
   });
 };

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

@@ -74,7 +74,8 @@ const ProductCard = _ref => {
     onSelect = () => {},
     isOnlyProductInCategory = false,
     isAnotherProductSelected = true,
-    isTmg = false
+    isTmg = false,
+    isBoardComputer = false
   } = _ref;
   const [isSelected, setIsSelected] = (0, _react.useState)(defaultSelected);
   const {
@@ -114,7 +115,8 @@ const ProductCard = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-md-4 d-flex justify-content-center position-relative')
   }, /*#__PURE__*/_react.default.createElement(_ProductCardImage.default, {
-    image: productImage
+    image: productImage,
+    isBoardComputer: isBoardComputer
   }), /*#__PURE__*/_react.default.createElement(_ProductCardDiscountAlert.default, {
     label: productDiscountedLabel,
     price: productPrice,

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

@@ -51,6 +51,7 @@ const BoardComputerCard = _ref => {
     description,
     title,
     price,
+    productImage,
     onSelect = _ref2 => {
       let {
         isSelected,
@@ -102,7 +103,7 @@ const BoardComputerCard = _ref => {
     productTitle: title,
     productDescription: description,
     productUsps: [],
-    productImage: null,
+    productImage: productImage,
     isDisabled: false,
     defaultSelected: isSelected,
     onSelect: handleSelect,
@@ -111,7 +112,8 @@ const BoardComputerCard = _ref => {
     productSpecifications: [],
     showPrice: APP_CONFIG.internal,
     canUnselect: canUnselect,
-    isOnlyProductInCategory: isSelected
+    isOnlyProductInCategory: isSelected,
+    isBoardComputer: true
   }), anchorEl && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_Modal.default, {
     isOpen: isModalOpen,
     size: "large",

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

@@ -276,11 +276,16 @@ const ProductsOverview = () => {
       product: a,
       category: productCategory
     }) ? -1 : 0).map(product => {
-      var _product$locationPric, _product$images, _product$images2;
+      var _product$images, _product$images2, _product$locationPric;
       const isRecommended = (0, _product.checkIfTowbarIsRecommended)({
         product,
         category: productCategory
       });
+
+      // Generate the product image URL
+      const productImageUrl = product !== null && product !== void 0 && (_product$images = product.images) !== null && _product$images !== void 0 && _product$images[0] ? (0, _image.getImageFromHyper)({
+        imageId: product === null || product === void 0 || (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2[0]
+      }) : _logoPrimary.default;
       if (productCategory === _constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER && selectedCableset) {
         return /*#__PURE__*/_react.default.createElement(_BoardComputerCard.default, {
           defaultSelected: selectedBoardComputer === product.articleNumber,
@@ -299,7 +304,8 @@ const ProductsOverview = () => {
           id: product.articleNumber,
           description: (0, _product.formatHyperDescription)(product === null || product === void 0 ? void 0 : product.description),
           title: product === null || product === void 0 ? void 0 : product.subgroupName,
-          price: product === null || product === void 0 ? void 0 : product.price
+          price: product === null || product === void 0 ? void 0 : product.price,
+          productImage: productImageUrl
         });
       }
       return /*#__PURE__*/_react.default.createElement(_ProductCard.default, {
@@ -321,9 +327,7 @@ const ProductsOverview = () => {
           type: 'remark',
           text: product === null || product === void 0 ? void 0 : product.remark
         }],
-        productImage: product !== null && product !== void 0 && (_product$images = product.images) !== null && _product$images !== void 0 && _product$images[0] ? (0, _image.getImageFromHyper)({
-          imageId: product === null || product === void 0 || (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2[0]
-        }) : _logoPrimary.default,
+        productImage: productImageUrl,
         isDisabled: false,
         defaultSelected: productCategory === _constants__.PRODUCT_CATEGORIES.TOWBAR && selectedTowbar === product.articleNumber || productCategory === _constants__.PRODUCT_CATEGORIES.CABLESET && selectedCableset === product.articleNumber || productCategory === _constants__.PRODUCT_CATEGORIES.COMBISET && selectedCombiset === product.articleNumber
         // Set both to false to prevent auto-selection when navigating back

package/package.json

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