thm-p3-configurator 0.0.147 → 0.0.148

package/dist/src/shared/__components__/NavigationSteps.js

@@ -12,6 +12,8 @@ require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
+var _constants__ = require("../__constants__");
+var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 function _getRequireWildcardCache(e) {
   if ("function" != typeof WeakMap) return null;
@@ -47,6 +49,14 @@ const NavigationSteps = _ref => {
     onClick = () => {}
   } = _ref;
   const [stepNumber, setStepNumber] = (0, _react.useState)(defaultActiveStep);
+  const [{
+    selectedCableset,
+    selectedTowbar,
+    selectedCombiset,
+    currentDossierType,
+    existingDossierType,
+    selectedBranch
+  }] = (0, _OrderSessionContext.useOrderSession)();
   const handleClick = _ref2 => {
     let {
       to,
@@ -60,6 +70,16 @@ const NavigationSteps = _ref => {
       stepNumber
     });
   };
+  const currentType = currentDossierType || existingDossierType || _constants__.DOSSIER_TYPES.PlannedAppointment;
+  const hasCableSetAndTowbar = selectedCableset && selectedTowbar || selectedCombiset;
+  const isStepDisabled = index => {
+    if (index >= 0 && index <= 2) return !hasCableSetAndTowbar;
+    if (index === 3) {
+      const needsBranch = currentType === _constants__.DOSSIER_TYPES.PlannedAppointment || currentType === _constants__.DOSSIER_TYPES.AppointmentRequest;
+      return !hasCableSetAndTowbar || needsBranch && !selectedBranch;
+    }
+    return false;
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12')
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -74,7 +94,7 @@ const NavigationSteps = _ref => {
     } = _ref3;
     return /*#__PURE__*/_react.default.createElement(_reactRouterDom.NavLink, {
       key: title,
-      className: "".concat((0, _helpers__.withStyle)('btn'), " ").concat(isEveryStepActive || stepNumber >= index ? (0, _helpers__.withStyle)('active') : '', "  ").concat(index > 0 && isNavigationDisabled ? (0, _helpers__.withStyle)('disabled') : '', " "),
+      className: "".concat((0, _helpers__.withStyle)('btn'), " ").concat(isEveryStepActive || stepNumber >= index ? (0, _helpers__.withStyle)('active') : '', " ").concat(index > stepNumber && isStepDisabled(index) || index > 0 && isNavigationDisabled ? (0, _helpers__.withStyle)('disabled') : ''),
       onClick: () => handleClick({
         to,
         title,

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

@@ -12,7 +12,6 @@ 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"));
@@ -22,6 +21,7 @@ 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,12 +98,10 @@ const ProductCard = _ref => {
     setIsSelected(defaultSelected);
   }, [defaultSelected]);
   (0, _react.useEffect)(() => {
-    // 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) {
+    if (isOnlyProductInCategory || !isAnotherProductSelected && isRecommended) {
       handleSelected(true);
     }
-  }, [isOnlyProductInCategory]);
+  }, [isOnlyProductInCategory, isRecommended]);
   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,9 +236,6 @@ 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,
@@ -264,7 +261,7 @@ const ProductsOverview = () => {
         isDisabled: false,
         defaultSelected: [selectedCableset, selectedCombiset, selectedTowbar].includes(product.articleNumber),
         isAnotherProductSelected: isAnotherProductSelected,
-        isOnlyProductInCategory: shouldPreselect,
+        isOnlyProductInCategory: productsPerCategory.length === 1,
         onSelect: _ref5 => {
           let {
             productId,

package/package.json

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