thm-p3-configurator 0.0.441 → 0.0.443

package/dist/src/shared/__api__/__tests__/queryKeyFactory.test.js

@@ -82,6 +82,32 @@ describe('queryKeyFactory', () => {
       extraPriceAmount: null
     })).toBe('licensePlate=12AB34&formula=THC');
   });
+
+  // Hyper adds the board-computer update when selectBoardComputerUpdate is
+  // absent, so an opt-out only survives when the false is serialized
+  it('keeps selectBoardComputerUpdate for both true and false', () => {
+    expect((0, _queryKeyFactory.serializeOrderParams)({
+      licensePlate: '12AB34',
+      formula: 'THC',
+      selectBoardComputerUpdate: false
+    })).toBe('licensePlate=12AB34&formula=THC&selectBoardComputerUpdate=false');
+    expect((0, _queryKeyFactory.serializeOrderParams)({
+      licensePlate: '12AB34',
+      formula: 'THC',
+      selectBoardComputerUpdate: true
+    })).toBe('licensePlate=12AB34&formula=THC&selectBoardComputerUpdate=true');
+  });
+  it('gives opting in and opting out of the board computer distinct query keys', () => {
+    expect((0, _queryKeyFactory.getOrderQueryKey)({
+      licensePlate: '12AB34',
+      formula: 'THC',
+      selectBoardComputerUpdate: true
+    })).not.toEqual((0, _queryKeyFactory.getOrderQueryKey)({
+      licensePlate: '12AB34',
+      formula: 'THC',
+      selectBoardComputerUpdate: false
+    }));
+  });
   it('builds order query keys from serialized order params', () => {
     expect((0, _queryKeyFactory.getOrderQueryKey)({
       licensePlate: '12AB34',

package/dist/src/shared/__api__/queries.js

@@ -41,6 +41,7 @@ var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _usePricingFormula = require("../__hooks__/usePricingFormula");
 var _helpers__ = require("../__helpers__");
 var _singleOrderArticles = require("../__helpers__/singleOrderArticles");
+var _singleOrderArticleRules = require("../__helpers__/singleOrderArticleRules");
 var _singleOrderCartArticles = require("../__helpers__/singleOrderCartArticles");
 var _product = require("../__helpers__/product");
 var _useSessionContextReady = require("../__hooks__/useSessionContextReady");
@@ -423,7 +424,8 @@ const useSingleOrderCart = () => {
         return {
           articles: [],
           totals: emptyTotals,
-          validationError: null
+          validationError: null,
+          hasQuantityErrors: false
         };
       }
 
@@ -458,7 +460,8 @@ const useSingleOrderCart = () => {
             totalExclVat: Math.round(totalExclVat * 100) / 100,
             totalInclVat: Math.round(totalInclVat * 100) / 100
           },
-          validationError: null
+          validationError: null,
+          hasQuantityErrors: (0, _singleOrderArticleRules.hasSingleOrderQuantityErrors)(articlesWithPrice)
         };
       }
 
@@ -486,7 +489,8 @@ const useSingleOrderCart = () => {
         return {
           articles: [],
           totals: emptyTotals,
-          validationError
+          validationError,
+          hasQuantityErrors: false
         };
       }
       const articleLookup = await fetchCartArticleLookup(cart.map(article => article.articleNumber), singleOrderFormula);
@@ -518,7 +522,8 @@ const useSingleOrderCart = () => {
           totalExclVat: Math.round(totalExclVat * 100) / 100,
           totalInclVat: Math.round(totalInclVat * 100) / 100
         },
-        validationError
+        validationError,
+        hasQuantityErrors: (0, _singleOrderArticleRules.hasSingleOrderQuantityErrors)(articlesWithPrice)
       };
     }
   });

package/dist/src/shared/__api__/queryKeyFactory.js

@@ -1,5 +1,6 @@
 "use strict";
 
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.json.stringify.js");
@@ -15,6 +16,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.serializeOrderParams = exports.normalizeOrderParams = exports.getSingleOrderArticlesKey = exports.getOrderQueryKey = exports.getBuildYearsQueryKey = exports.getBrandsQueryKey = void 0;
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.json.stringify.js");
@@ -77,11 +79,17 @@ const removeNullishEntries = function removeNullishEntries() {
     return entryValue != null;
   }));
 };
+
+// Hyper adds the board-computer update to the cart whenever
+// selectBoardComputerUpdate is absent, so an explicit false has to survive
+// serialization. Every other empty-ish value still drops out of the canonical
+// URL, so variant client URLs keep collapsing to one Hyper URL.
+const ORDER_PARAMS_KEPT_WHEN_FALSE = ['selectBoardComputerUpdate'];
 const removeLegacyEmptyOrderEntries = function removeLegacyEmptyOrderEntries() {
   let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.fromEntries(Object.entries(value).filter(_ref2 => {
-    let [, entryValue] = _ref2;
-    return Boolean(entryValue);
+    let [key, entryValue] = _ref2;
+    return Boolean(entryValue) || entryValue === false && ORDER_PARAMS_KEPT_WHEN_FALSE.includes(key);
   }));
 };
 const sortObjectKeys = function sortObjectKeys() {
@@ -98,9 +106,6 @@ const normalizeOrderParams = exports.normalizeOrderParams = function normalizeOr
     normalizedParams.constructionYear = normalizedParams.buildYear;
     delete normalizedParams.buildYear;
   }
-  if (normalizedParams.selectBoardComputerUpdate === false || normalizedParams.selectBoardComputerUpdate === 'false') {
-    delete normalizedParams.selectBoardComputerUpdate;
-  }
   if (Array.isArray(normalizedParams.cart) && normalizedParams.cart.length === 0) {
     delete normalizedParams.cart;
   }

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

@@ -109,6 +109,7 @@ const ProductCard = _ref => {
     isRecommended = false,
     productId,
     productTitle,
+    productOrientation,
     productDescription,
     stock = null,
     productUsps = [],
@@ -186,7 +187,9 @@ const ProductCard = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ProductCardPrice.default, {
     price: productDiscountedPrice < productPrice ? productPrice : productDiscountedPrice,
     discountedPrice: productDiscountedPrice < productPrice ? productDiscountedPrice : productPrice
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), productOrientation && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('card-title__orientation')
+  }, /*#__PURE__*/_react.default.createElement("strong", null, productOrientation)), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('card-text row no-gutters flex-wrap align-items-bottom justify-content-start')
   }, /*#__PURE__*/_react.default.createElement(_ProductCardUsps.default, {
     usps: productUsps

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

@@ -8,6 +8,7 @@ exports.default = void 0;
 require("core-js/modules/es.number.to-fixed.js");
 var _react = _interopRequireDefault(require("react"));
 var _helpers__ = require("../__helpers__");
+var _singleOrderArticleRules = require("../__helpers__/singleOrderArticleRules");
 var _LinkButton = _interopRequireDefault(require("./Buttons/LinkButton"));
 var _NumericInput = _interopRequireDefault(require("./Form/NumericInput"));
 function _interopRequireDefault(e) {
@@ -43,8 +44,10 @@ const SingleOrderCartCard = _ref2 => {
     productBrandNumber,
     quantity = 0,
     handleQuantityChange,
-    removeFromCart
+    removeFromCart,
+    orderRules
   } = _ref2;
+  const quantityError = (0, _singleOrderArticleRules.getSingleOrderQuantityError)(quantity, orderRules);
   return /*#__PURE__*/_react.default.createElement("div", {
     key: "".concat(productId, "-").concat(Date.now()),
     className: (0, _helpers__.withStyle)('w-100 mb-3')
@@ -69,11 +72,14 @@ const SingleOrderCartCard = _ref2 => {
     width: "100px",
     height: "40px",
     defaultValue: quantity,
+    max: 9999,
     onChange: value => handleQuantityChange(productId, value, productPriceExclVat, productPriceInclVat, productBrandNumber),
     buttonTransformY: 40
   }), /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     label: "Verwijder",
     onClick: () => removeFromCart(productId)
-  }))))));
+  })), quantityError && /*#__PURE__*/_react.default.createElement("small", {
+    className: (0, _helpers__.withStyle)('text-danger mt-1')
+  }, quantityError)))));
 };
 var _default = exports.default = SingleOrderCartCard;

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

@@ -31,6 +31,7 @@ var _queries = require("../__api__/queries");
 var _NumericInput = _interopRequireDefault(require("../__components__/Form/NumericInput"));
 var _constants__ = require("../__constants__");
 var _helpers__ = require("../__helpers__");
+var _singleOrderArticleRules = require("../__helpers__/singleOrderArticleRules");
 var _singleOrderArticles = require("../__helpers__/singleOrderArticles");
 var _OutlinedButton = _interopRequireDefault(require("./Buttons/OutlinedButton"));
 var _PrimaryButton = _interopRequireDefault(require("./Buttons/PrimaryButton"));
@@ -139,13 +140,16 @@ const ProductActions = _ref2 => {
     productBrandNumber,
     hasPreferredPart = false,
     isWebshop = false,
-    isLoadingPartStockLevel = false
+    isLoadingPartStockLevel = false,
+    quantityError
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex justify-content-end')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end')
-  }, !isWebshop && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isOutOfStock ? /*#__PURE__*/_react.default.createElement("div", {
+  }, quantityError && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-danger mb-1')
+  }, quantityError), !isWebshop && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isOutOfStock ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-danger mb-1')
   }, "Niet op voorraad") : stockStatus === _constants__.StockStatus.InsufficientStock ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-warning mb-1')
@@ -165,6 +169,7 @@ const ProductActions = _ref2 => {
     width: "100px",
     height: "55px",
     defaultValue: quantity,
+    max: 9999,
     onChange: value => handleQuantityChange(productId, value, productPrice, productPriceInclVat, productBrandNumber),
     buttonTransformY: 40
   }), quantity === 0 ? /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
@@ -204,7 +209,22 @@ const ProductCategories = _ref3 => {
     className: (0, _helpers__.withStyle)(partStockLevels.status === _constants__.StockStatus.OutOfStock ? 'text-danger' : partStockLevels.status === _constants__.StockStatus.InsufficientStock ? 'text-warning' : 'text-success')
   }, partStockLevels.status === _constants__.StockStatus.OutOfStock ? 'Niet op voorraad' : partStockLevels.status === _constants__.StockStatus.InsufficientStock ? 'Weinig op voorraad' : 'Op voorraad'), partStockLevels.quantity ? /*#__PURE__*/_react.default.createElement("small", null, ":  ".concat(partStockLevels.quantity)) : ''));
 };
-const SingleOrderProductCard = _ref4 => {
+const SingleOrderOrderRules = _ref4 => {
+  let {
+    rules
+  } = _ref4;
+  const ruleLines = (0, _singleOrderArticleRules.describeSingleOrderArticleRules)(rules);
+  if (!ruleLines.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('mt-2')
+  }, ruleLines.map(ruleLine => /*#__PURE__*/_react.default.createElement("p", {
+    key: ruleLine,
+    className: (0, _helpers__.withStyle)('fw-bold mb-0')
+  }, ruleLine)));
+};
+const SingleOrderProductCard = _ref5 => {
   let {
     productId,
     isSelected,
@@ -232,8 +252,10 @@ const SingleOrderProductCard = _ref4 => {
     parts = [],
     branchId,
     brandName = null,
-    isWebshop = false
-  } = _ref4;
+    isWebshop = false,
+    productDescription,
+    orderRules
+  } = _ref5;
   const {
     productFieldLabels
   } = (0, _queries.useProductFieldLabels)();
@@ -250,12 +272,12 @@ const SingleOrderProductCard = _ref4 => {
     return typeof (part === null || part === void 0 ? void 0 : part.preferredPart) === 'string' ? (_part$preferredPart$s = part.preferredPart.split('|')[0]) === null || _part$preferredPart$s === void 0 ? void 0 : _part$preferredPart$s.trim() : null;
   };
   const getPreferredPartNumber = part => {
-    var _ref5, _ref6, _ref7, _part$articleNumber;
-    return (_ref5 = (_ref6 = (_ref7 = (_part$articleNumber = part === null || part === void 0 ? void 0 : part.articleNumber) !== null && _part$articleNumber !== void 0 ? _part$articleNumber : part === null || part === void 0 ? void 0 : part.partArticleNumber) !== null && _ref7 !== void 0 ? _ref7 : part === null || part === void 0 ? void 0 : part.preferredPartNumber) !== null && _ref6 !== void 0 ? _ref6 : part === null || part === void 0 ? void 0 : part.partNumber) !== null && _ref5 !== void 0 ? _ref5 : getPreferredPartDisplayArticleNumber(part);
+    var _ref6, _ref7, _ref8, _part$articleNumber;
+    return (_ref6 = (_ref7 = (_ref8 = (_part$articleNumber = part === null || part === void 0 ? void 0 : part.articleNumber) !== null && _part$articleNumber !== void 0 ? _part$articleNumber : part === null || part === void 0 ? void 0 : part.partArticleNumber) !== null && _ref8 !== void 0 ? _ref8 : part === null || part === void 0 ? void 0 : part.preferredPartNumber) !== null && _ref7 !== void 0 ? _ref7 : part === null || part === void 0 ? void 0 : part.partNumber) !== null && _ref6 !== void 0 ? _ref6 : getPreferredPartDisplayArticleNumber(part);
   };
   const getPreferredPartBrandNumber = part => {
-    var _ref8, _ref9, _ref10, _ref11, _part$articleBrandNum;
-    return (_ref8 = (_ref9 = (_ref10 = (_ref11 = (_part$articleBrandNum = part === null || part === void 0 ? void 0 : part.articleBrandNumber) !== null && _part$articleBrandNum !== void 0 ? _part$articleBrandNum : part === null || part === void 0 ? void 0 : part.partArticleBrandNumber) !== null && _ref11 !== void 0 ? _ref11 : part === null || part === void 0 ? void 0 : part.preferredPartBrandNumber) !== null && _ref10 !== void 0 ? _ref10 : part === null || part === void 0 ? void 0 : part.partBrandNumber) !== null && _ref9 !== void 0 ? _ref9 : part === null || part === void 0 ? void 0 : part.brandNumber) !== null && _ref8 !== void 0 ? _ref8 : part === null || part === void 0 ? void 0 : part.partBrandId;
+    var _ref9, _ref10, _ref11, _ref12, _part$articleBrandNum;
+    return (_ref9 = (_ref10 = (_ref11 = (_ref12 = (_part$articleBrandNum = part === null || part === void 0 ? void 0 : part.articleBrandNumber) !== null && _part$articleBrandNum !== void 0 ? _part$articleBrandNum : part === null || part === void 0 ? void 0 : part.partArticleBrandNumber) !== null && _ref12 !== void 0 ? _ref12 : part === null || part === void 0 ? void 0 : part.preferredPartBrandNumber) !== null && _ref11 !== void 0 ? _ref11 : part === null || part === void 0 ? void 0 : part.partBrandNumber) !== null && _ref10 !== void 0 ? _ref10 : part === null || part === void 0 ? void 0 : part.brandNumber) !== null && _ref9 !== void 0 ? _ref9 : part === null || part === void 0 ? void 0 : part.partBrandId;
   };
   (0, _react.useEffect)(() => {
     if (showPartStockLevel && preferredPart) {
@@ -289,17 +311,17 @@ const SingleOrderProductCard = _ref4 => {
       setPartStockLevels(null);
     }
   }, [parts]);
-  const filteredProductSpecifications = productSpecifications.filter(_ref12 => {
+  const filteredProductSpecifications = productSpecifications.filter(_ref13 => {
     let {
       key,
       value
-    } = _ref12;
+    } = _ref13;
     return (productFieldLabels === null || productFieldLabels === void 0 ? void 0 : productFieldLabels[key]) && (value !== 'kg' || key !== 'weight');
-  }).map(_ref13 => {
+  }).map(_ref14 => {
     let {
       key,
       value
-    } = _ref13;
+    } = _ref14;
     return {
       key: productFieldLabels[key],
       value
@@ -320,7 +342,9 @@ const SingleOrderProductCard = _ref4 => {
     className: (0, _helpers__.withStyle)('card-title mb-3')
   }, productTitle, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _helpers__.withStyle)('ms-2 d-flex flex-column align-items-end')
-  }, locationPriceExclVat != null && /*#__PURE__*/_react.default.createElement("span", null, "Vestigingprijs excl BTW: \u20AC", locationPriceExclVat.toFixed(2)), consumerPriceExclVat != null && /*#__PURE__*/_react.default.createElement("small", null, "Consumentenprijs excl BTW: \u20AC", consumerPriceExclVat.toFixed(2)))), /*#__PURE__*/_react.default.createElement("div", {
+  }, locationPriceExclVat != null && /*#__PURE__*/_react.default.createElement("span", null, "Vestigingprijs excl BTW: \u20AC", locationPriceExclVat.toFixed(2)), consumerPriceExclVat != null && /*#__PURE__*/_react.default.createElement("small", null, "Consumentenprijs excl BTW: \u20AC", consumerPriceExclVat.toFixed(2)))), productDescription && /*#__PURE__*/_react.default.createElement("h6", {
+    className: (0, _helpers__.withStyle)('card-subtitle mb-3')
+  }, productDescription), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)(isModelArticle ? 'd-flex justify-content-between' : '')
   }, (productSubgroup || articleNumber || preferredPart) && /*#__PURE__*/_react.default.createElement(ProductCategories, {
     brandName: brandName,
@@ -334,7 +358,9 @@ const SingleOrderProductCard = _ref4 => {
   }), (filteredProductSpecifications === null || filteredProductSpecifications === void 0 ? void 0 : filteredProductSpecifications.length) > 0 && /*#__PURE__*/_react.default.createElement(_ProductCardSpecifications.default, {
     specifications: filteredProductSpecifications,
     className: isModelArticle ? '' : 'w-100'
-  })), (productUsps === null || productUsps === void 0 ? void 0 : productUsps.length) > 0 && !productUsps.every(usp => usp.text === null) && /*#__PURE__*/_react.default.createElement(_ProductCardUsps.default, {
+  })), /*#__PURE__*/_react.default.createElement(SingleOrderOrderRules, {
+    rules: orderRules
+  }), (productUsps === null || productUsps === void 0 ? void 0 : productUsps.length) > 0 && !productUsps.every(usp => usp.text === null) && /*#__PURE__*/_react.default.createElement(_ProductCardUsps.default, {
     usps: productUsps,
     className: isModelArticle ? 'mr-2' : 'w-100'
   })), /*#__PURE__*/_react.default.createElement(ProductActions, {
@@ -354,7 +380,8 @@ const SingleOrderProductCard = _ref4 => {
     productBrandNumber: productBrandNumber,
     hasPreferredPart: Boolean(preferredPart),
     isWebshop: isWebshop,
-    isLoadingPartStockLevel: isLoadingPartStockLevel
+    isLoadingPartStockLevel: isLoadingPartStockLevel,
+    quantityError: (0, _singleOrderArticleRules.getSingleOrderQuantityError)(quantity, orderRules)
   })))));
 };
 var _default = exports.default = SingleOrderProductCard;

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

@@ -208,7 +208,11 @@ const AppointmentForm = () => {
       });
       const prospectId = (0, _prospectTracking.createProspectId)();
       prospectIdRef.current = prospectId;
-      const appointmentRequestPayload = (0, _helpers__.removeNullishProps)({
+      const appointmentRequestPayload = _objectSpread({
+        // Note: outside removeNullishProps(), which strips a `false`. Hyper
+        // adds the board-computer update whenever this flag is absent
+        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection)
+      }, (0, _helpers__.removeNullishProps)({
         prospectId,
         licensePlate: licensePlate === null || licensePlate === void 0 ? void 0 : licensePlate.replace(/-/g, ''),
         model,
@@ -227,7 +231,6 @@ const AppointmentForm = () => {
         })),
         formula,
         branchId: selectedBranch,
-        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection),
         skipFilters,
         discount: (() => {
           if (!(discountCode !== null && discountCode !== void 0 && discountCode.length)) return null;
@@ -246,7 +249,7 @@ const AppointmentForm = () => {
           isTowmotiveFormula: isTowmotive,
           vehicleCodingDiscountPercentage
         }))
-      });
+      }));
       await createAppointmentRequest(appointmentRequestPayload);
     } catch (ex) {
       (0, _Datalayer.pushToDataLayer)({

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

@@ -243,7 +243,11 @@ const ExitIntentModal = () => {
       });
       const prospectId = (0, _prospectTracking.createProspectId)();
       prospectIdRef.current = prospectId;
-      await createQuotation((0, _helpers__.removeNullishProps)({
+      await createQuotation(_objectSpread({
+        // Note: outside removeNullishProps(), which strips a `false`. Hyper
+        // adds the board-computer update whenever this flag is absent
+        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection)
+      }, (0, _helpers__.removeNullishProps)({
         prospectId,
         isExitIntent: true,
         licensePlate,
@@ -263,7 +267,6 @@ const ExitIntentModal = () => {
           lastName: (_customer$lastName = customer === null || customer === void 0 ? void 0 : customer.lastName) !== null && _customer$lastName !== void 0 ? _customer$lastName : undefined
         })),
         branchId: selectedBranch,
-        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection),
         skipFilters,
         cart: (0, _product.buildCartInput)(_objectSpread(_objectSpread({
           selectedCableset,
@@ -275,7 +278,7 @@ const ExitIntentModal = () => {
           isTowmotiveFormula: isTowmotive,
           vehicleCodingDiscountPercentage
         }))
-      }));
+      })));
     } catch (ex) {
       (0, _Datalayer.pushToDataLayer)({
         event: 'form',

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

@@ -109,7 +109,8 @@ const ProductCartSide = () => {
     montageRate,
     extraPriceAmount,
     discountCode,
-    priceCalculationDate
+    priceCalculationDate,
+    skipFilters
   } = order;
   const isTmg = (0, _useIsTmg.useIsTmg)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
@@ -128,7 +129,9 @@ const ProductCartSide = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
-  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput) || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
+  // Use the session skipFilters so this query matches the product page's;
+  // an unfiltered request can return a different catalogue than the page.
+  const shouldRequestUnfilteredProducts = skipFilters || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
   const {
     cart,
     totals,

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

@@ -280,7 +280,8 @@ const ProductCartTable = () => {
     touchedConsumerDiscounts,
     montageRate,
     isMontageTariffFixed,
-    extraPriceAmount
+    extraPriceAmount,
+    skipFilters
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
 
   // Determine display mode
@@ -354,10 +355,9 @@ const ProductCartTable = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
-  // Also request unfiltered products when editing an existing dossier with
-  // article numbers that could not be classified into selectedTowbar etc. during
-  // hydration (e.g. formula-specific articles not in the TM catalogue).
-  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput) || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
+  // Use the session skipFilters so this query matches the product page's;
+  // an unfiltered request can return a different catalogue than the page.
+  const shouldRequestUnfilteredProducts = skipFilters || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
   const durationAnswerForQuery = durationAnswerIsPrefilled ? undefined : durationAnswer;
   const {
     cart,

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

@@ -456,6 +456,7 @@ const ProductsOverview = () => {
           })
         });
       }
+      const towbarOrientation = !APP_CONFIG.internal && (productCategory === _constants__.PRODUCT_CATEGORIES.TOWBAR || productCategory === _constants__.PRODUCT_CATEGORIES.COMBISET) ? (0, _product.getDetachableTowbarOrientation)(product === null || product === void 0 ? void 0 : product.subgroupName) : null;
       return /*#__PURE__*/_react.default.createElement(_ProductCard.default, {
         isTmg: isTmg,
         stock: (_product$consumerPric = product === null || product === void 0 || (_product$consumerPric2 = product.consumerPrices) === null || _product$consumerPric2 === void 0 ? void 0 : _product$consumerPric2.stock) !== null && _product$consumerPric !== void 0 ? _product$consumerPric : product === null || product === void 0 || (_product$locationPric = product.locationPrices) === null || _product$locationPric === void 0 ? void 0 : _product$locationPric.stock,
@@ -463,7 +464,8 @@ const ProductsOverview = () => {
         hasCheckbox: (productsPerCategory === null || productsPerCategory === void 0 ? void 0 : productsPerCategory.length) > 1,
         isRecommended: isRecommended,
         productId: product === null || product === void 0 ? void 0 : product.articleNumber,
-        productTitle: product === null || product === void 0 ? void 0 : product.subgroupName,
+        productTitle: towbarOrientation ? (0, _product.getTowbarInfoTitle)(product === null || product === void 0 ? void 0 : product.subgroupName) : product === null || product === void 0 ? void 0 : product.subgroupName,
+        productOrientation: towbarOrientation,
         productDescription: product === null || product === void 0 ? void 0 : product.productDescription,
         productUsps: [{
           type: 'excl',

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

@@ -210,7 +210,11 @@ const QuotationForm = () => {
       });
       const prospectId = (0, _prospectTracking.createProspectId)();
       prospectIdRef.current = prospectId;
-      await createQuotation((0, _helpers__.removeNullishProps)({
+      await createQuotation(_objectSpread({
+        // Note: outside removeNullishProps(), which strips a `false`. Hyper
+        // adds the board-computer update whenever this flag is absent
+        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection)
+      }, (0, _helpers__.removeNullishProps)({
         prospectId,
         isExitIntent: false,
         licensePlate,
@@ -230,7 +234,6 @@ const QuotationForm = () => {
         formula,
         customer: (0, _helpers__.removeNullishProps)(customer),
         branchId: selectedBranch,
-        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection),
         skipFilters,
         cart: (0, _product.buildCartInput)(_objectSpread(_objectSpread({
           selectedCableset,
@@ -242,7 +245,7 @@ const QuotationForm = () => {
           isTowmotiveFormula: isTowmotive,
           vehicleCodingDiscountPercentage
         }))
-      }));
+      })));
     } catch (ex) {
       (0, _Datalayer.pushToDataLayer)({
         event: 'form',

package/dist/src/shared/__containers__/internal/InternalAppointmentForm.js

@@ -656,7 +656,11 @@ const InternalAppointmentForm = _ref => {
           isPlannedAppointment: appointmentType === _constants__.DOSSIER_TYPES.PlannedAppointment
         }
       });
-      const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
+      const payload = _objectSpread({
+        // Note: outside removeNullishProps(), which strips a `false`. Hyper
+        // adds the board-computer update whenever this flag is absent
+        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection)
+      }, (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
         vehicle,
         customer: (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, customer), {}, {
           firstName: (_customer$firstName = customer === null || customer === void 0 ? void 0 : customer.firstName) !== null && _customer$firstName !== void 0 ? _customer$firstName : undefined,
@@ -704,7 +708,6 @@ const InternalAppointmentForm = _ref => {
         formula
       }), {}, {
         branchId: selectedBranch,
-        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection),
         skipFilters,
         cart: (0, _product.buildCartInput)(_objectSpread(_objectSpread({
           selectedCableset,
@@ -719,7 +722,7 @@ const InternalAppointmentForm = _ref => {
           touchedConsumerDiscounts
         })),
         montageRate: montageRate !== null && montageRate !== void 0 ? montageRate : undefined
-      }));
+      })));
       payload.vehicle = _objectSpread(_objectSpread({}, payload.vehicle), {}, {
         leaseNumber: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij ? (_vehicle$leaseNumber = vehicle === null || vehicle === void 0 ? void 0 : vehicle.leaseNumber) !== null && _vehicle$leaseNumber !== void 0 ? _vehicle$leaseNumber : '' : '',
         leaseNumberUnknown: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij ? (_vehicle$leaseNumberU = vehicle === null || vehicle === void 0 ? void 0 : vehicle.leaseNumberUnknown) !== null && _vehicle$leaseNumberU !== void 0 ? _vehicle$leaseNumberU : false : false

package/dist/src/shared/__containers__/internal/InternalQuotationForm.js

@@ -558,7 +558,11 @@ const InternalQuotationForm = _ref => {
         }
       });
       const isAnwbCode = discountCode === null || discountCode === void 0 ? void 0 : discountCode.toLocaleLowerCase().includes('anwb');
-      const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
+      const payload = _objectSpread({
+        // Note: outside removeNullishProps(), which strips a `false`. Hyper
+        // adds the board-computer update whenever this flag is absent
+        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection)
+      }, (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
         vehicle,
         customer: (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, customer), {}, {
           firstName: (_customer$firstName = customer === null || customer === void 0 ? void 0 : customer.firstName) !== null && _customer$firstName !== void 0 ? _customer$firstName : undefined,
@@ -601,7 +605,6 @@ const InternalQuotationForm = _ref => {
         formula
       }), {}, {
         branchId: selectedBranch,
-        selectBoardComputerUpdate: (0, _product.shouldSelectBoardComputerUpdate)(boardComputerSelection),
         skipFilters,
         cart: (0, _product.buildCartInput)(_objectSpread(_objectSpread({
           selectedCableset,
@@ -616,7 +619,7 @@ const InternalQuotationForm = _ref => {
           touchedConsumerDiscounts
         })),
         montageRate: montageRate !== null && montageRate !== void 0 ? montageRate : undefined
-      }));
+      })));
       payload.vehicle = _objectSpread(_objectSpread({}, payload.vehicle), {}, {
         leaseNumber: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij ? (_vehicle$leaseNumber = vehicle === null || vehicle === void 0 ? void 0 : vehicle.leaseNumber) !== null && _vehicle$leaseNumber !== void 0 ? _vehicle$leaseNumber : '' : '',
         leaseNumberUnknown: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij ? (_vehicle$leaseNumberU = vehicle === null || vehicle === void 0 ? void 0 : vehicle.leaseNumberUnknown) !== null && _vehicle$leaseNumberU !== void 0 ? _vehicle$leaseNumberU : false : false

package/dist/src/shared/__containers__/internal/InternalSingleOrderCart.js

@@ -16,6 +16,7 @@ var _DangerAlert = _interopRequireDefault(require("../../__components__/DangerAl
 var _ExpandableCard = _interopRequireDefault(require("../../__components__/Cards/ExpandableCard"));
 var _SingleOrderCartCard = _interopRequireDefault(require("../../__components__/SingleOrderCartCard"));
 var _helpers__ = require("../../__helpers__");
+var _singleOrderArticleRules = require("../../__helpers__/singleOrderArticleRules");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -30,7 +31,7 @@ const EmptyState = _ref => {
   }, message));
 };
 const InternalSingleOrderCart = _ref2 => {
-  var _cart$validationError, _cart$articles, _cart$totals$totalExc, _cart$totals, _cart$totals$totalBtw, _cart$totals2, _cart$totals$totalInc, _cart$totals3;
+  var _cart$articles, _cart$totals$totalExc, _cart$totals, _cart$totals$totalBtw, _cart$totals2, _cart$totals$totalInc, _cart$totals3;
   let {
     handleQuantityChange,
     removeFromCart: _removeFromCart,
@@ -42,9 +43,14 @@ const InternalSingleOrderCart = _ref2 => {
   } = _ref2;
   const {
     cart,
-    isLoadingCart
+    isLoadingCart,
+    isCartError
   } = (0, _queries.useSingleOrderCart)();
-  const cartValidationError = (_cart$validationError = cart === null || cart === void 0 ? void 0 : cart.validationError) !== null && _cart$validationError !== void 0 ? _cart$validationError : null;
+  const blockingMessage = cart !== null && cart !== void 0 && cart.validationError ? "".concat(cart.validationError, " Pas de artikelen aan voordat je kunt bevestigen.") : cart !== null && cart !== void 0 && cart.hasQuantityErrors ? 'Een of meer aantallen voldoen niet aan de besteleenheid of het minimum. Pas de aantallen aan voordat je kunt bevestigen.' : null;
+  // Every quantity change mints a new query key and the cart holds no previous
+  // data, so confirming stays blocked until the answer is back — otherwise the
+  // rules can be skipped through that window.
+  const isConfirmBlocked = isLoadingCart || isCartError || Boolean(blockingMessage);
   const confirmButtonClicked = () => {
     if (showProductOverview) {
       toggleOverview();
@@ -71,6 +77,7 @@ const InternalSingleOrderCart = _ref2 => {
         productBrandNumber: article.brandNumber,
         removeFromCart: () => _removeFromCart(article.articleNumber),
         quantity: article.quantity,
+        orderRules: (0, _singleOrderArticleRules.resolveSingleOrderArticleRules)(article),
         handleQuantityChange: handleQuantityChange
       });
     }) : /*#__PURE__*/_react.default.createElement(EmptyState, {
@@ -91,11 +98,11 @@ const InternalSingleOrderCart = _ref2 => {
   }, /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     label: "Bestelling herstarten",
     onClick: () => resetOrderSession()
-  }), cartValidationError && /*#__PURE__*/_react.default.createElement(_DangerAlert.default, {
+  }), blockingMessage && /*#__PURE__*/_react.default.createElement(_DangerAlert.default, {
     className: "mx-2 mb-0",
-    message: "".concat(cartValidationError, " Pas de artikelen aan voordat je kunt bevestigen.")
+    message: blockingMessage
   }), /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
-    isDisabled: disabledCreateOrder || Boolean(cartValidationError),
+    isDisabled: disabledCreateOrder || isConfirmBlocked,
     label: !showProductOverview ? 'Bevestigen' : 'Bestellen',
     onClick: confirmButtonClicked
   })));

package/dist/src/shared/__containers__/internal/InternalSingleOrderProductOverview.js

@@ -1,6 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
@@ -14,7 +13,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -30,6 +28,7 @@ var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
 var _product = require("../../__helpers__/product");
+var _singleOrderArticleRules = require("../../__helpers__/singleOrderArticleRules");
 var _singleOrderArticles = require("../../__helpers__/singleOrderArticles");
 var _useIsTmg = require("../../__hooks__/useIsTmg");
 function _interopRequireDefault(e) {
@@ -170,7 +169,8 @@ const InternalSingleOrderProductOverview = _ref => {
       }],
       articleNumber: article.articleNumber,
       handleQuantityChange: handleQuantityChange,
-      productDescription: article === null || article === void 0 ? void 0 : article.description,
+      productDescription: article === null || article === void 0 ? void 0 : article.singleOrderDescription,
+      orderRules: (0, _singleOrderArticleRules.resolveSingleOrderArticleRules)(article),
       productImage: article.image,
       productSpecifications: (0, _product.extractProductSpecsArray)(article),
       productTitle: article.name,

package/dist/src/shared/__helpers__/__tests__/product.test.js

@@ -46,4 +46,15 @@ describe('product helpers', () => {
     expect(result.priceInclVat).toBe(189);
     expect(result.priceExclVat).toBeCloseTo(156.2, 2);
   });
+});
+describe('getDetachableTowbarOrientation', () => {
+  it('returns horizontaal or verticaal for detachable towbars', () => {
+    expect((0, _product.getDetachableTowbarOrientation)('Trekhaken horizontaal afneembaar')).toBe('horizontaal');
+    expect((0, _product.getDetachableTowbarOrientation)('Trekhaken verticaal afneembaar')).toBe('verticaal');
+  });
+  it('does not infer a type for other hitch names', () => {
+    expect((0, _product.getDetachableTowbarOrientation)('Afneembare trekhaak')).toBeNull();
+    expect((0, _product.getDetachableTowbarOrientation)('Trekhaken vast')).toBeNull();
+    expect((0, _product.getDetachableTowbarOrientation)('')).toBeNull();
+  });
 });

package/dist/src/shared/__helpers__/__tests__/singleOrderArticleRules.test.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _singleOrderArticleRules = require("../singleOrderArticleRules");
+describe('singleOrderArticleRules', () => {
+  it('ignores absent and non-positive Hyper values', () => {
+    expect((0, _singleOrderArticleRules.resolveSingleOrderArticleRules)({})).toEqual({
+      minimumQuantity: null,
+      orderUnit: null
+    });
+    expect((0, _singleOrderArticleRules.resolveSingleOrderArticleRules)({
+      singleOrderMinimumAantalTeBestellen: 0,
+      singleOrderBesteleenheid: ''
+    })).toEqual({
+      minimumQuantity: null,
+      orderUnit: null
+    });
+  });
+  it('reads the rules off the article', () => {
+    expect((0, _singleOrderArticleRules.resolveSingleOrderArticleRules)({
+      singleOrderMinimumAantalTeBestellen: '4',
+      singleOrderBesteleenheid: 2
+    })).toEqual({
+      minimumQuantity: 4,
+      orderUnit: 2
+    });
+  });
+  it('describes only the filled rules', () => {
+    expect((0, _singleOrderArticleRules.describeSingleOrderArticleRules)({
+      minimumQuantity: null,
+      orderUnit: null
+    })).toEqual([]);
+    expect((0, _singleOrderArticleRules.describeSingleOrderArticleRules)({
+      minimumQuantity: 4,
+      orderUnit: null
+    })).toEqual(['Minimaal aantal te bestellen: 4']);
+    expect((0, _singleOrderArticleRules.describeSingleOrderArticleRules)({
+      minimumQuantity: 4,
+      orderUnit: 2
+    })).toEqual(['Besteleenheid: 2', 'Minimaal aantal te bestellen: 4']);
+  });
+  it('accepts any quantity for an unconstrained article', () => {
+    expect((0, _singleOrderArticleRules.getSingleOrderQuantityError)(3, (0, _singleOrderArticleRules.resolveSingleOrderArticleRules)({}))).toBeNull();
+  });
+  it('rejects a quantity below the minimum', () => {
+    expect((0, _singleOrderArticleRules.getSingleOrderQuantityError)(2, {
+      minimumQuantity: 4,
+      orderUnit: null
+    })).toBe('Minimaal 4 stuks bestellen.');
+  });
+  it('rejects a quantity that is not a multiple of the order unit', () => {
+    expect((0, _singleOrderArticleRules.getSingleOrderQuantityError)(5, {
+      minimumQuantity: null,
+      orderUnit: 2
+    })).toBe('Alleen te bestellen per 2 stuks.');
+    expect((0, _singleOrderArticleRules.getSingleOrderQuantityError)(6, {
+      minimumQuantity: 4,
+      orderUnit: 2
+    })).toBeNull();
+  });
+  it('does not flag an article that is not in the cart', () => {
+    expect((0, _singleOrderArticleRules.getSingleOrderQuantityError)(0, {
+      minimumQuantity: 4,
+      orderUnit: 2
+    })).toBeNull();
+  });
+  it('flags a cart holding an article with an invalid quantity', () => {
+    const validLine = {
+      articleNumber: 'A',
+      name: 'Kabelset',
+      quantity: 2
+    };
+    const invalidLine = {
+      articleNumber: 'B',
+      name: 'Kogelstang',
+      quantity: 1,
+      singleOrderMinimumAantalTeBestellen: 4
+    };
+    expect((0, _singleOrderArticleRules.hasSingleOrderQuantityErrors)([validLine, invalidLine])).toBe(true);
+    expect((0, _singleOrderArticleRules.hasSingleOrderQuantityErrors)([validLine])).toBe(false);
+    expect((0, _singleOrderArticleRules.hasSingleOrderQuantityErrors)([])).toBe(false);
+  });
+});

package/dist/src/shared/__helpers__/product.js

@@ -9,12 +9,11 @@ require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateCartInput = exports.shouldSelectBoardComputerUpdate = exports.shouldRequestUnfilteredProductsForCart = exports.resolveSingleOrderArticlePrices = exports.parseProductSpecifications = exports.getEffectiveBoardComputerSelection = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = exports.buildCartInput = void 0;
+exports.validateCartInput = exports.shouldSelectBoardComputerUpdate = exports.resolveSingleOrderArticlePrices = exports.parseProductSpecifications = exports.getTowbarInfoTitle = exports.getEffectiveBoardComputerSelection = exports.getDetachableTowbarOrientation = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = exports.buildCartInput = void 0;
 require("core-js/modules/es.array.flat-map.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.unscopables.flat-map.js");
@@ -24,7 +23,6 @@ require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _constants__ = require("../__constants__");
 function ownKeys(e, r) {
@@ -98,16 +96,6 @@ const validateCartInput = exports.validateCartInput = function validateCartInput
   }
   return;
 };
-
-/**
- * @description Cart overviews resolve selected articles from the order article lists.
- * If the user selected an article that only appears with skipFilters enabled,
- * those read-only lookups must request the unfiltered product list too.
- */
-const shouldRequestUnfilteredProductsForCart = exports.shouldRequestUnfilteredProductsForCart = function shouldRequestUnfilteredProductsForCart() {
-  let cart = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return Array.isArray(cart) && cart.some(lineItem => (lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber) != null);
-};
 const getEffectiveBoardComputerSelection = exports.getEffectiveBoardComputerSelection = function getEffectiveBoardComputerSelection() {
   var _ref3;
   let {
@@ -227,11 +215,39 @@ const checkIfTowbarIsRecommended = _ref8 => {
   } = _ref8;
   return category === _constants__.PRODUCT_CATEGORIES.TOWBAR && ((product === null || product === void 0 ? void 0 : product.subgroupName.toLowerCase().includes('afneembaar')) || (product === null || product === void 0 || (_product$subgroupName = product.subgroupName) === null || _product$subgroupName === void 0 ? void 0 : _product$subgroupName.toLowerCase().includes('afneembare')));
 };
+exports.checkIfTowbarIsRecommended = checkIfTowbarIsRecommended;
+const getTowbarInfoTitle = title => {
+  const lower = (title || '').toLowerCase();
+  if (lower.includes('afneemba')) {
+    return 'Afneembare trekhaak';
+  }
+  if (lower.includes('wegklapba') || lower.includes('wegdraai')) {
+    return 'Wegklapbare trekhaak';
+  }
+  if (lower.includes('vast')) {
+    return 'Vaste trekhaak';
+  }
+  return title;
+};
+exports.getTowbarInfoTitle = getTowbarInfoTitle;
+const getDetachableTowbarOrientation = title => {
+  const lower = (title || '').toLowerCase();
+  if (!lower.includes('afneemba')) {
+    return null;
+  }
+  if (lower.includes('horizontaal')) {
+    return 'horizontaal';
+  }
+  if (lower.includes('verticaal')) {
+    return 'verticaal';
+  }
+  return null;
+};
 
 /**
  * @description Formats the description of a product
  */
-exports.checkIfTowbarIsRecommended = checkIfTowbarIsRecommended;
+exports.getDetachableTowbarOrientation = getDetachableTowbarOrientation;
 const formatHyperDescription = description => {
   return description === null || description === void 0 ? void 0 : description.ops.map(phrase => phrase.insert).join('');
 };

package/dist/src/shared/__helpers__/singleOrderArticleRules.js

@@ -0,0 +1,54 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.some.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveSingleOrderArticleRules = exports.hasSingleOrderQuantityErrors = exports.getSingleOrderQuantityError = exports.describeSingleOrderArticleRules = void 0;
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.some.js");
+/**
+ * Hyper can constrain how an article is ordered in a single order: a minimum
+ * quantity and/or an order unit the quantity must be a multiple of. Articles
+ * without either field order without restrictions.
+ */
+
+const toPositiveNumber = value => {
+  const number = Number(value);
+  return number > 0 ? number : null;
+};
+const resolveSingleOrderArticleRules = article => ({
+  minimumQuantity: toPositiveNumber(article.singleOrderMinimumAantalTeBestellen),
+  orderUnit: toPositiveNumber(article.singleOrderBesteleenheid)
+});
+exports.resolveSingleOrderArticleRules = resolveSingleOrderArticleRules;
+const describeSingleOrderArticleRules = _ref => {
+  let {
+    minimumQuantity,
+    orderUnit
+  } = _ref;
+  return [orderUnit && "Besteleenheid: ".concat(orderUnit), minimumQuantity && "Minimaal aantal te bestellen: ".concat(minimumQuantity)].filter(Boolean);
+};
+exports.describeSingleOrderArticleRules = describeSingleOrderArticleRules;
+const getSingleOrderQuantityError = (quantity, _ref2) => {
+  let {
+    minimumQuantity,
+    orderUnit
+  } = _ref2;
+  if (!quantity) {
+    return null;
+  }
+  if (minimumQuantity && quantity < minimumQuantity) {
+    return "Minimaal ".concat(minimumQuantity, " stuks bestellen.");
+  }
+  if (orderUnit && quantity % orderUnit !== 0) {
+    return "Alleen te bestellen per ".concat(orderUnit, " stuks.");
+  }
+  return null;
+};
+exports.getSingleOrderQuantityError = getSingleOrderQuantityError;
+const hasSingleOrderQuantityErrors = articles => articles.some(article => getSingleOrderQuantityError(article.quantity, resolveSingleOrderArticleRules(article)));
+exports.hasSingleOrderQuantityErrors = hasSingleOrderQuantityErrors;

package/dist/src/shared/__helpers__/singleOrderArticles.js

@@ -442,8 +442,11 @@ const formatGenericArticle = article => {
     return "".concat(label, ": ").concat(value);
   }).join(' \n ');
   return _objectSpread(_objectSpread({}, article), {}, {
-    name: article.name,
+    name: article.singleOrderArtikelNaam || article.name,
     description: null,
+    // Separate from `description`, which formatModelArticle fills with
+    // unrelated copy.
+    singleOrderDescription: article.singleOrderArtikelOmschrijving || null,
     subTitle: null,
     specifications: specification === '' ? null : specification,
     image: article !== null && article !== void 0 && article.computedImages ? (0, _image.getImageFromHyper)({

package/dist/src/shared/__style__/components/card/_card-horizontal.scss

@@ -22,6 +22,12 @@ Card Horizontal
     @extend .d-flex, .justify-content-between;
   }
 
+  .card-title__orientation {
+    font-size: 0.85rem;
+    font-weight: 700;
+    margin-bottom: 0.5rem;
+  }
+
   .card-img__best-choice {
     z-index: 2;
     width: 50%;

package/package.json

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