thm-p3-configurator 0.0.411 → 0.0.413

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

@@ -106,6 +106,7 @@ const useCreateQuotationMutation = () => {
       formula,
       discount,
       vehicle,
+      skipFilters,
       isExitIntent = false
     } = _ref;
     return _publicProxyApi.publicProxyApi.postQuotation({
@@ -118,6 +119,7 @@ const useCreateQuotationMutation = () => {
       discount,
       answers: answers,
       cart: cart,
+      skipFilters,
       selectBoardComputerUpdate: selectBoardComputerUpdate,
       customer: customer,
       branchId
@@ -149,7 +151,8 @@ const useCreateAppointmentRequestMutation = () => {
       vehicle,
       discount,
       formula,
-      branchId
+      branchId,
+      skipFilters
     } = _ref2;
     return _publicProxyApi.publicProxyApi.postAppointmentRequest({
       model,
@@ -158,6 +161,7 @@ const useCreateAppointmentRequestMutation = () => {
       formula,
       answers: answers,
       cart: cart,
+      skipFilters,
       selectBoardComputerUpdate: selectBoardComputerUpdate,
       customer,
       branchId,
@@ -297,6 +301,7 @@ const useCreatePrivateQuotationMutation = () => {
       extraPrice,
       isExitIntent = false,
       montageRate,
+      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -326,6 +331,7 @@ const useCreatePrivateQuotationMutation = () => {
       extraPrice,
       answers,
       cart,
+      skipFilters,
       selectBoardComputerUpdate,
       customer: restCustomer,
       branchId,
@@ -354,6 +360,7 @@ const useCreatePrivateQuotationMutation = () => {
         extraPrice,
         answers,
         cart,
+        skipFilters,
         selectBoardComputerUpdate,
         customer: restCustomer,
         branchId,
@@ -419,6 +426,7 @@ const useCreatePrivateAppointmentMutation = () => {
       extraPrice,
       customerAgreed,
       montageRate,
+      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -449,6 +457,7 @@ const useCreatePrivateAppointmentMutation = () => {
       extraPrice,
       answers,
       cart,
+      skipFilters,
       selectBoardComputerUpdate,
       customer: restCustomer,
       branchId,
@@ -513,6 +522,7 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       discount,
       customerAgreed,
       montageRate,
+      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -541,6 +551,7 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       discount,
       answers,
       cart,
+      skipFilters,
       selectBoardComputerUpdate,
       customer: restCustomer,
       branchId,
@@ -603,6 +614,7 @@ const useUpdatePrivateAppointmentRequestByIdMutation = id => {
       priceCalculationDate,
       customerAgreed,
       montageRate,
+      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -641,6 +653,7 @@ const useUpdatePrivateAppointmentRequestByIdMutation = id => {
         discount,
         answers,
         cart,
+        skipFilters,
         selectBoardComputerUpdate,
         customer: restCustomer,
         branchId,
@@ -694,6 +707,7 @@ const useUpdatePrivateQuotationByIdMutation = id => {
       extraPrice,
       priceCalculationDate,
       montageRate,
+      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -732,6 +746,7 @@ const useUpdatePrivateQuotationByIdMutation = id => {
         extraPrice,
         answers,
         cart,
+        skipFilters,
         selectBoardComputerUpdate,
         customer: restCustomer,
         branchId,
@@ -786,6 +801,7 @@ const useUpdatePrivateAppointmentByIdMutation = id => {
       customerAgreed,
       invoicePaymentByLeaseCompany,
       montageRate,
+      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -825,6 +841,7 @@ const useUpdatePrivateAppointmentByIdMutation = id => {
         extraPrice,
         answers,
         cart,
+        skipFilters,
         selectBoardComputerUpdate,
         customer: _objectSpread(_objectSpread({}, restCustomer), {}, {
           invoicePaymentByLeaseCompany

package/dist/src/shared/__components__/internal/InternalCustomerDetailsForm.js

@@ -196,6 +196,55 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     }
     return (0, _openingHours.copyTimeToDate)(new Date(appointment.time), new Date(appointment.date));
   }, [(_appointment$time$get = appointment === null || appointment === void 0 || (_appointment$time = appointment.time) === null || _appointment$time === void 0 || (_appointment$time$get2 = _appointment$time.getTime) === null || _appointment$time$get2 === void 0 ? void 0 : _appointment$time$get2.call(_appointment$time)) !== null && _appointment$time$get !== void 0 ? _appointment$time$get : appointment === null || appointment === void 0 ? void 0 : appointment.time, (_appointment$date$get = appointment === null || appointment === void 0 || (_appointment$date = appointment.date) === null || _appointment$date === void 0 || (_appointment$date$get2 = _appointment$date.getTime) === null || _appointment$date$get2 === void 0 ? void 0 : _appointment$date$get2.call(_appointment$date)) !== null && _appointment$date$get !== void 0 ? _appointment$date$get : appointment === null || appointment === void 0 ? void 0 : appointment.date]);
+  const openingstijden = branchById === null || branchById === void 0 ? void 0 : branchById.openingstijden;
+  const filterAppointmentDate = (0, _react.useCallback)(date => (0, _openingHours.isAppointmentDateSelectable)(openingstijden, date), [openingstijden]);
+  const appointmentIncludeDates = (0, _react.useMemo)(() => (0, _openingHours.getAppointmentIncludeDates)(openingstijden), [openingstijden]);
+  const appointmentTimeBounds = (0, _react.useMemo)(() => appointment !== null && appointment !== void 0 && appointment.date ? (0, _openingHours.getAppointmentTimeBounds)(openingstijden, new Date(appointment.date)) : {
+    minTime: null,
+    maxTime: null
+  }, [openingstijden, appointment === null || appointment === void 0 ? void 0 : appointment.date]);
+  const isTimePickerDisabled = !(appointment !== null && appointment !== void 0 && appointment.date) || appointmentTimeBounds.minTime && appointmentTimeBounds.maxTime && appointmentTimeBounds.minTime > appointmentTimeBounds.maxTime;
+  (0, _react.useEffect)(() => {
+    if (!openingstijden) {
+      return;
+    }
+    if (appointment !== null && appointment !== void 0 && appointment.date) {
+      const date = new Date(appointment.date);
+      if (!(0, _openingHours.isAppointmentDateSelectable)(openingstijden, date)) {
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_APPOINTMENT_DATE,
+          payload: {
+            date: null
+          }
+        });
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_APPOINTMENT_TIME,
+          payload: {
+            time: null
+          }
+        });
+        return;
+      }
+      const bounds = (0, _openingHours.getAppointmentTimeBounds)(openingstijden, date);
+      if (bounds.minTime && bounds.maxTime && bounds.minTime > bounds.maxTime) {
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_APPOINTMENT_TIME,
+          payload: {
+            time: null
+          }
+        });
+        return;
+      }
+      if (appointment !== null && appointment !== void 0 && appointment.time && !(0, _openingHours.isTimeWithinBounds)(new Date(appointment.time), bounds)) {
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_APPOINTMENT_TIME,
+          payload: {
+            time: null
+          }
+        });
+      }
+    }
+  }, [openingstijden, appointment === null || appointment === void 0 ? void 0 : appointment.date, dispatch]);
   const authSession = (0, _AuthSessionContext.useAuthSession)();
   const isTmg = (0, _useIsTmg.useIsTmg)();
   const [companySearchTerm, setCompanySearchTerm] = (0, _react.useState)('');
@@ -980,6 +1029,9 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     className: (0, _helpers__.withStyle)('col-12 col-md-6')
   }, /*#__PURE__*/_react.default.createElement(_DatePickerInput.default, {
     onChange: value => {
+      if (openingstijden && value && !(0, _openingHours.isAppointmentDateSelectable)(openingstijden, value)) {
+        return;
+      }
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_APPOINTMENT_DATE,
         payload: {
@@ -997,6 +1049,8 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: "Datum",
     initialValue: appointment !== null && appointment !== void 0 && appointment.date ? new Date(appointment === null || appointment === void 0 ? void 0 : appointment.date) : null,
     isStrict: false,
+    filterDate: filterAppointmentDate,
+    includeDates: appointmentIncludeDates,
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['date']
   }), /*#__PURE__*/_react.default.createElement(_TimePickerInput.default, {
     key: "appointment-time-".concat((_ref5 = (_appointment$date$get3 = appointment === null || appointment === void 0 || (_appointment$date2 = appointment.date) === null || _appointment$date2 === void 0 || (_appointment$date2$ge = _appointment$date2.getTime) === null || _appointment$date2$ge === void 0 ? void 0 : _appointment$date2$ge.call(_appointment$date2)) !== null && _appointment$date$get3 !== void 0 ? _appointment$date$get3 : appointment === null || appointment === void 0 ? void 0 : appointment.date) !== null && _ref5 !== void 0 ? _ref5 : 'none'),
@@ -1011,6 +1065,9 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     name: 'Tijd',
     label: "Tijd",
     isStrict: false,
+    isDisabled: isTimePickerDisabled,
+    minTime: appointmentTimeBounds.minTime,
+    maxTime: appointmentTimeBounds.maxTime,
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['time']
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12 col-md-6')

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

@@ -159,7 +159,8 @@ const AppointmentForm = () => {
     priceCalculationDate,
     selectedDiscountedProducts = [],
     selectedExtras,
-    vehicleCodingDiscountPercentage
+    vehicleCodingDiscountPercentage,
+    skipFilters
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -212,6 +213,7 @@ const AppointmentForm = () => {
         formula,
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
+        skipFilters,
         discount: (() => {
           if (!(discountCode !== null && discountCode !== void 0 && discountCode.length)) return null;
           if (discountCode.toLocaleLowerCase().includes('anwb') && !anwbDiscountValidated) return null;

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

@@ -146,7 +146,8 @@ const ExitIntentModal = () => {
     priceCalculationDate,
     selectedDiscountedProducts = [],
     selectedExtras,
-    vehicleCodingDiscountPercentage
+    vehicleCodingDiscountPercentage,
+    skipFilters
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
@@ -229,6 +230,7 @@ const ExitIntentModal = () => {
         })),
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
+        skipFilters,
         cart: (0, _product.buildCartInput)({
           selectedCableset,
           selectedCombiset,

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

@@ -94,6 +94,7 @@ const ProductCartSide = () => {
     selectedCombiset,
     selectedBoardComputer,
     allArticleNumbers,
+    existingDossierId,
     selectedExtras,
     canAlterQuantity,
     selectedBranch,
@@ -121,7 +122,7 @@ const ProductCartSide = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
-  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput);
+  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput) || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
   const {
     cart,
     totals,
@@ -158,10 +159,10 @@ const ProductCartSide = () => {
   let mainProducts = [];
   let accessoireProducts = [];
   if (products) {
-    var _products$Trekhaak, _products$Combiset, _products$Kabelset, _products$Elektronica, _products$Extras;
-    const towbar = selectedTowbar && ((_products$Trekhaak = products.Trekhaak) === null || _products$Trekhaak === void 0 ? void 0 : _products$Trekhaak.find(product => product.articleNumber === selectedTowbar)) || null;
-    const combiset = selectedCombiset && ((_products$Combiset = products.Combiset) === null || _products$Combiset === void 0 ? void 0 : _products$Combiset.find(product => product.articleNumber === selectedCombiset)) || null;
-    const cableset = selectedCableset && ((_products$Kabelset = products.Kabelset) === null || _products$Kabelset === void 0 ? void 0 : _products$Kabelset.find(product => product.articleNumber === selectedCableset)) || null;
+    var _products$Trekhaak, _products$Trekhaak$fi, _products$Trekhaak2, _products$Combiset, _products$Combiset$fi, _products$Combiset2, _products$Kabelset, _products$Kabelset$fi, _products$Kabelset2, _products$Elektronica, _products$Extras;
+    const towbar = selectedTowbar && ((_products$Trekhaak = products.Trekhaak) === null || _products$Trekhaak === void 0 ? void 0 : _products$Trekhaak.find(product => product.articleNumber === selectedTowbar)) || (existingDossierId ? (_products$Trekhaak$fi = (_products$Trekhaak2 = products.Trekhaak) === null || _products$Trekhaak2 === void 0 ? void 0 : _products$Trekhaak2.find(product => allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.includes(product.articleNumber))) !== null && _products$Trekhaak$fi !== void 0 ? _products$Trekhaak$fi : null : null);
+    const combiset = selectedCombiset && ((_products$Combiset = products.Combiset) === null || _products$Combiset === void 0 ? void 0 : _products$Combiset.find(product => product.articleNumber === selectedCombiset)) || (existingDossierId ? (_products$Combiset$fi = (_products$Combiset2 = products.Combiset) === null || _products$Combiset2 === void 0 ? void 0 : _products$Combiset2.find(product => allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.includes(product.articleNumber))) !== null && _products$Combiset$fi !== void 0 ? _products$Combiset$fi : null : null);
+    const cableset = selectedCableset && ((_products$Kabelset = products.Kabelset) === null || _products$Kabelset === void 0 ? void 0 : _products$Kabelset.find(product => product.articleNumber === selectedCableset)) || (existingDossierId ? (_products$Kabelset$fi = (_products$Kabelset2 = products.Kabelset) === null || _products$Kabelset2 === void 0 ? void 0 : _products$Kabelset2.find(product => allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.includes(product.articleNumber))) !== null && _products$Kabelset$fi !== void 0 ? _products$Kabelset$fi : null : null);
     const boardComputer = selectedBoardComputer && ((_products$Elektronica = products['Elektronica boordcomputer updaten']) === null || _products$Elektronica === void 0 ? void 0 : _products$Elektronica.find(product => product.articleNumber === selectedBoardComputer)) || null;
     const extras = Object.keys(selectedExtras);
     mainProducts = [towbar, combiset, cableset, boardComputer].filter(Boolean);

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

@@ -266,6 +266,7 @@ const ProductCartTable = () => {
     selectedExtras,
     executionAnswer1,
     allArticleNumbers,
+    existingDossierId,
     canAlterQuantity,
     executionAnswer2,
     discountAmount,
@@ -347,7 +348,10 @@ const ProductCartTable = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
-  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput);
+  // 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);
   const durationAnswerForQuery = durationAnswerIsPrefilled ? undefined : durationAnswer;
   const {
     cart,
@@ -472,14 +476,19 @@ const ProductCartTable = () => {
     mainProducts,
     accessoireProducts
   } = (0, _react.useMemo)(() => {
-    var _products$Trekhaak, _products$Combiset, _products$Kabelset, _products$Elektronica, _products$Extras;
+    var _products$Trekhaak, _products$Trekhaak$fi, _products$Trekhaak2, _products$Combiset, _products$Combiset$fi, _products$Combiset2, _products$Kabelset, _products$Kabelset$fi, _products$Kabelset2, _products$Elektronica, _products$Extras;
     if (!products) return {
       mainProducts: [],
       accessoireProducts: []
     };
-    const towbar = selectedTowbar ? (_products$Trekhaak = products.Trekhaak) === null || _products$Trekhaak === void 0 ? void 0 : _products$Trekhaak.find(p => p.articleNumber === selectedTowbar) : null;
-    const combiset = selectedCombiset ? (_products$Combiset = products.Combiset) === null || _products$Combiset === void 0 ? void 0 : _products$Combiset.find(p => p.articleNumber === selectedCombiset) : null;
-    const cableset = selectedCableset ? (_products$Kabelset = products.Kabelset) === null || _products$Kabelset === void 0 ? void 0 : _products$Kabelset.find(p => p.articleNumber === selectedCableset) : null;
+
+    // When selectedTowbar/Cableset/Combiset is null (hydration failed to classify
+    // the article, e.g. a non-standard towbar not in the formula catalogue),
+    // fall back to finding the article by matching allArticleNumbers against the
+    // product category returned by Hyper (possible because skipFilters=true above).
+    const towbar = selectedTowbar ? (_products$Trekhaak = products.Trekhaak) === null || _products$Trekhaak === void 0 ? void 0 : _products$Trekhaak.find(p => p.articleNumber === selectedTowbar) : existingDossierId ? (_products$Trekhaak$fi = (_products$Trekhaak2 = products.Trekhaak) === null || _products$Trekhaak2 === void 0 ? void 0 : _products$Trekhaak2.find(p => allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.includes(p.articleNumber))) !== null && _products$Trekhaak$fi !== void 0 ? _products$Trekhaak$fi : null : null;
+    const combiset = selectedCombiset ? (_products$Combiset = products.Combiset) === null || _products$Combiset === void 0 ? void 0 : _products$Combiset.find(p => p.articleNumber === selectedCombiset) : existingDossierId ? (_products$Combiset$fi = (_products$Combiset2 = products.Combiset) === null || _products$Combiset2 === void 0 ? void 0 : _products$Combiset2.find(p => allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.includes(p.articleNumber))) !== null && _products$Combiset$fi !== void 0 ? _products$Combiset$fi : null : null;
+    const cableset = selectedCableset ? (_products$Kabelset = products.Kabelset) === null || _products$Kabelset === void 0 ? void 0 : _products$Kabelset.find(p => p.articleNumber === selectedCableset) : existingDossierId ? (_products$Kabelset$fi = (_products$Kabelset2 = products.Kabelset) === null || _products$Kabelset2 === void 0 ? void 0 : _products$Kabelset2.find(p => allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.includes(p.articleNumber))) !== null && _products$Kabelset$fi !== void 0 ? _products$Kabelset$fi : null : null;
     const boardComputer = selectedBoardComputer ? (_products$Elektronica = products['Elektronica boordcomputer updaten']) === null || _products$Elektronica === void 0 ? void 0 : _products$Elektronica.find(p => p.articleNumber === selectedBoardComputer) : null;
     const rawMainProducts = [towbar, combiset, cableset, boardComputer].filter(Boolean);
     const extras = Object.keys(selectedExtras);

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

@@ -7,6 +7,7 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.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");
 require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
@@ -19,6 +20,7 @@ require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.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 _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
@@ -69,11 +71,10 @@ function _interopRequireWildcard(e, r) {
   return n.default = e, t && t.set(e, n), n;
 }
 const ProductsOverview = () => {
-  var _products$Trekhaak3, _products$Kabelset, _products$Combiset;
+  var _products$Trekhaak4, _products$Kabelset, _products$Combiset;
   const isProductsInitialLoad = (0, _react.useRef)(true);
   const formula = (0, _FormulaContext.useFormula)();
   const isTmg = (0, _useIsTmg.useIsTmg)();
-  const [skipFilters, setSkipFilters] = (0, _react.useState)(false);
   const [{
     licensePlate,
     model,
@@ -96,7 +97,9 @@ const ProductsOverview = () => {
     discountAmount,
     discountPercentage,
     montageRate,
-    extraPriceAmount
+    extraPriceAmount,
+    existingDossierId,
+    skipFilters
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const durationAnswerForQuery = durationAnswerIsPrefilled ? undefined : durationAnswer;
@@ -134,11 +137,40 @@ const ProductsOverview = () => {
     montageRate: (0, _montageRate.toApiMontageRate)(montageRate),
     extraPriceAmount
   });
+
+  // When a saved or newly selected article was only available via "Toon alle
+  // artikelen", the standard filtered product list won't contain it. Detect this
+  // mismatch and auto-enable skipFilters so the article is rendered and submitted
+  // with the cart.
   (0, _react.useEffect)(() => {
-    var _products$Trekhaak, _products$Trekhaak2, _products$PRODUCT_CAT3;
+    var _products$Trekhaak, _products$PRODUCT_CAT, _products$PRODUCT_CAT2;
+    if (isLoadingProducts || skipFilters) {
+      return;
+    }
+    const towbarMissing = selectedTowbar && (products === null || products === void 0 || (_products$Trekhaak = products.Trekhaak) === null || _products$Trekhaak === void 0 ? void 0 : _products$Trekhaak.length) > 0 && !products.Trekhaak.some(p => p.articleNumber === selectedTowbar);
+    const cablesetMissing = selectedCableset && (products === null || products === void 0 || (_products$PRODUCT_CAT = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT === void 0 ? void 0 : _products$PRODUCT_CAT.length) > 0 && !products[_constants__.PRODUCT_CATEGORIES.CABLESET].some(p => p.articleNumber === selectedCableset);
+    const combisetMissing = selectedCombiset && (products === null || products === void 0 || (_products$PRODUCT_CAT2 = products[_constants__.PRODUCT_CATEGORIES.COMBISET]) === null || _products$PRODUCT_CAT2 === void 0 ? void 0 : _products$PRODUCT_CAT2.length) > 0 && !products[_constants__.PRODUCT_CATEGORIES.COMBISET].some(p => p.articleNumber === selectedCombiset);
+    if (towbarMissing || cablesetMissing || combisetMissing) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_SKIP_FILTERS,
+        payload: {
+          skipFilters: true
+        }
+      });
+    }
+  }, [isLoadingProducts, skipFilters, products, selectedTowbar, selectedCableset, selectedCombiset, dispatch]);
+  (0, _react.useEffect)(() => {
+    var _products$Trekhaak2, _products$Trekhaak3, _products$PRODUCT_CAT5;
+    // When editing an existing dossier, the saved selection from the cart is the
+    // source of truth. Skip auto-selection entirely so we never overwrite it with
+    // the default recommended towbar.
+    if (existingDossierId) {
+      return;
+    }
+
     // Only run this if we have products loaded and no towbar is currently selected
-    if (!isLoadingProducts && (products === null || products === void 0 || (_products$Trekhaak = products.Trekhaak) === null || _products$Trekhaak === void 0 ? void 0 : _products$Trekhaak.length) === 1 && !selectedTowbar && !selectedCombiset) {
-      var _products$PRODUCT_CAT;
+    if (!isLoadingProducts && (products === null || products === void 0 || (_products$Trekhaak2 = products.Trekhaak) === null || _products$Trekhaak2 === void 0 ? void 0 : _products$Trekhaak2.length) === 1 && !selectedTowbar && !selectedCombiset) {
+      var _products$PRODUCT_CAT3;
       const towbarId = products.Trekhaak[0].articleNumber;
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_SELECTED_TOWBAR,
@@ -148,7 +180,7 @@ const ProductsOverview = () => {
       });
 
       // Auto-select kabelset if there's exactly one kabelset available (reusing existing logic)
-      if (!selectedCableset && ((_products$PRODUCT_CAT = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT === void 0 ? void 0 : _products$PRODUCT_CAT.length) === 1) {
+      if (!selectedCableset && ((_products$PRODUCT_CAT3 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT3 === void 0 ? void 0 : _products$PRODUCT_CAT3.length) === 1) {
         const kabelsetId = products[_constants__.PRODUCT_CATEGORIES.CABLESET][0].articleNumber;
         dispatch({
           type: _OrderSessionContext.orderSessionActions.SET_SELECTED_CABLESET,
@@ -159,7 +191,7 @@ const ProductsOverview = () => {
       }
     }
     // If we have multiple towbars, pre-select the recommended one if no other is selected
-    else if (!isLoadingProducts && (products === null || products === void 0 || (_products$Trekhaak2 = products.Trekhaak) === null || _products$Trekhaak2 === void 0 ? void 0 : _products$Trekhaak2.length) > 1 && !selectedTowbar && !selectedCombiset) {
+    else if (!isLoadingProducts && (products === null || products === void 0 || (_products$Trekhaak3 = products.Trekhaak) === null || _products$Trekhaak3 === void 0 ? void 0 : _products$Trekhaak3.length) > 1 && !selectedTowbar && !selectedCombiset) {
       // Find the recommended towbar
       const recommendedTowbar = products.Trekhaak.find(product => (0, _product.checkIfTowbarIsRecommended)({
         product,
@@ -168,7 +200,7 @@ const ProductsOverview = () => {
 
       // If there's a recommended towbar, select it
       if (recommendedTowbar) {
-        var _products$PRODUCT_CAT2;
+        var _products$PRODUCT_CAT4;
         dispatch({
           type: _OrderSessionContext.orderSessionActions.SET_SELECTED_TOWBAR,
           payload: {
@@ -177,7 +209,7 @@ const ProductsOverview = () => {
         });
 
         // Auto-select kabelset if no kabelset is currently selected
-        if (!selectedCableset && ((_products$PRODUCT_CAT2 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT2 === void 0 ? void 0 : _products$PRODUCT_CAT2.length) === 1) {
+        if (!selectedCableset && ((_products$PRODUCT_CAT4 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT4 === void 0 ? void 0 : _products$PRODUCT_CAT4.length) === 1) {
           const kabelsetId = products[_constants__.PRODUCT_CATEGORIES.CABLESET][0].articleNumber;
           dispatch({
             type: _OrderSessionContext.orderSessionActions.SET_SELECTED_CABLESET,
@@ -190,7 +222,7 @@ const ProductsOverview = () => {
     }
 
     // Auto-select boardcomputer if one is available and none is currently selected
-    if (!isLoadingProducts && (products === null || products === void 0 || (_products$PRODUCT_CAT3 = products[_constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER]) === null || _products$PRODUCT_CAT3 === void 0 ? void 0 : _products$PRODUCT_CAT3.length) > 0 && !selectedBoardComputer && !isBoardComputerDeselected) {
+    if (!isLoadingProducts && (products === null || products === void 0 || (_products$PRODUCT_CAT5 = products[_constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER]) === null || _products$PRODUCT_CAT5 === void 0 ? void 0 : _products$PRODUCT_CAT5.length) > 0 && !selectedBoardComputer && !isBoardComputerDeselected) {
       const boardComputerId = products[_constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER][0].articleNumber;
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BOARDCOMPUTER,
@@ -199,8 +231,8 @@ const ProductsOverview = () => {
         }
       });
     }
-  }, [isLoadingProducts, products, selectedTowbar, selectedCableset, selectedBoardComputer, isBoardComputerDeselected, dispatch]);
-  if (isProductsError || !isLoadingProducts && (!(products !== null && products !== void 0 && (_products$Trekhaak3 = products.Trekhaak) !== null && _products$Trekhaak3 !== void 0 && _products$Trekhaak3.length) || !(products !== null && products !== void 0 && (_products$Kabelset = products.Kabelset) !== null && _products$Kabelset !== void 0 && _products$Kabelset.length)) && !(products !== null && products !== void 0 && (_products$Combiset = products.Combiset) !== null && _products$Combiset !== void 0 && _products$Combiset.length)) {
+  }, [isLoadingProducts, products, selectedTowbar, selectedCableset, selectedBoardComputer, isBoardComputerDeselected, existingDossierId, dispatch]);
+  if (isProductsError || !isLoadingProducts && (!(products !== null && products !== void 0 && (_products$Trekhaak4 = products.Trekhaak) !== null && _products$Trekhaak4 !== void 0 && _products$Trekhaak4.length) || !(products !== null && products !== void 0 && (_products$Kabelset = products.Kabelset) !== null && _products$Kabelset !== void 0 && _products$Kabelset.length)) && !(products !== null && products !== void 0 && (_products$Combiset = products.Combiset) !== null && _products$Combiset !== void 0 && _products$Combiset.length)) {
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
       to: "/configurator/geen-producten"
     });
@@ -243,9 +275,9 @@ const ProductsOverview = () => {
 
           // Auto-select kabelset if towbar is selected and no kabelset is currently selected
           if (isSelected && !selectedCableset) {
-            var _products$PRODUCT_CAT4;
+            var _products$PRODUCT_CAT6;
             // Check if there's exactly one kabelset available
-            if (((_products$PRODUCT_CAT4 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT4 === void 0 ? void 0 : _products$PRODUCT_CAT4.length) === 1) {
+            if (((_products$PRODUCT_CAT6 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT6 === void 0 ? void 0 : _products$PRODUCT_CAT6.length) === 1) {
               const kabelsetId = products[_constants__.PRODUCT_CATEGORIES.CABLESET][0].articleNumber;
               dispatch({
                 type: _OrderSessionContext.orderSessionActions.SET_SELECTED_CABLESET,
@@ -328,7 +360,12 @@ const ProductsOverview = () => {
     name: 'skipFilters',
     initialValue: skipFilters,
     onChange: value => {
-      setSkipFilters(value);
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_SKIP_FILTERS,
+        payload: {
+          skipFilters: value
+        }
+      });
     },
     label: "Toon alle artikelen"
   }), isLoadingProducts && isProductsInitialLoad.current === true ? /*#__PURE__*/_react.default.createElement("div", {

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

@@ -150,7 +150,8 @@ const QuotationForm = () => {
     discountCode,
     selectedDiscountedProducts = [],
     selectedExtras,
-    vehicleCodingDiscountPercentage
+    vehicleCodingDiscountPercentage,
+    skipFilters
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -214,6 +215,7 @@ const QuotationForm = () => {
         customer: (0, _helpers__.removeNullishProps)(customer),
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
+        skipFilters,
         cart: (0, _product.buildCartInput)({
           selectedCableset,
           selectedCombiset,

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

@@ -10,6 +10,7 @@ exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
+require("react-datepicker/src/stylesheets/datepicker-cssmodules.scss");
 var _ThemeContext = require("../__context__/ThemeContext");
 var _helpers__ = require("../__helpers__");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");

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

@@ -273,7 +273,8 @@ const InternalAppointmentForm = _ref => {
     isTowCenterBranch,
     extraPriceAmount,
     extraPriceDescription,
-    orderProcessingNote
+    orderProcessingNote,
+    skipFilters
   } = order;
 
   // Track the original ownership type from context
@@ -671,6 +672,7 @@ const InternalAppointmentForm = _ref => {
       }), {}, {
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
+        skipFilters,
         cart: (0, _product.buildCartInput)({
           selectedCableset,
           selectedCombiset,

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

@@ -243,7 +243,8 @@ const InternalQuotationForm = _ref => {
     montageRate,
     isTowCenterBranch,
     extraPriceAmount,
-    extraPriceDescription
+    extraPriceDescription,
+    skipFilters
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [companySearchTerm, setCompanySearchTerm] = (0, _react.useState)('');
@@ -579,6 +580,7 @@ const InternalQuotationForm = _ref => {
       }), {}, {
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
+        skipFilters,
         cart: (0, _product.buildCartInput)({
           selectedCableset,
           selectedCombiset,

package/dist/src/shared/__context__/OrderSessionContext.js

@@ -137,6 +137,7 @@ const INITIAL_ORDER_SESSION_STATE = {
   selectedTowbar: null,
   selectedCableset: null,
   selectedCombiset: null,
+  skipFilters: false,
   leaseNumberUnknown: true,
   selectedDiscountedProducts: [],
   discountsInitialized: false,
@@ -235,6 +236,7 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_SELECTED_TOWBAR: 'SET_SELECTED_TOWBAR',
   SET_SELECTED_CABLESET: 'SET_SELECTED_CABLESET',
   SET_SELECTED_COMBISET: 'SET_SELECTED_COMBISET',
+  SET_SKIP_FILTERS: 'SET_SKIP_FILTERS',
   ADD_DISCOUNTED_PRODUCT: 'ADD_DISCOUNTED_PRODUCT',
   DISCOUNTS_INITIALIZED: 'DISCOUNTS_INITIALIZED',
   RESET_SINGLE_ORDER: 'RESET_SINGLE_ORDER',
@@ -334,6 +336,7 @@ const orderSessionReducer = (state, action) => {
             selectedTowbar: null,
             selectedCableset: null,
             selectedCombiset: null,
+            skipFilters: false,
             selectedDiscountedProducts: [],
             selectedBoardComputer: null,
             isBoardComputerDeselected: false,
@@ -554,6 +557,16 @@ const orderSessionReducer = (state, action) => {
           selectedCableset: null
         });
       }
+    case orderSessionActions.SET_SKIP_FILTERS:
+      {
+        const {
+          skipFilters
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          skipFilters,
+          isTouched: true
+        });
+      }
     case orderSessionActions.ADD_EXTRA:
       {
         const {

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

@@ -219,6 +219,12 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
     extraPriceDescription: (_meerprijsLine$extraN = meerprijsLine === null || meerprijsLine === void 0 ? void 0 : meerprijsLine.extraNote) !== null && _meerprijsLine$extraN !== void 0 ? _meerprijsLine$extraN : null
   };
 };
+const PSEUDO_ORDER_LINE_ARTICLES = new Set(['MC', 'Montage', 'MEERPRIJS']);
+const isVoertuigcoderingDossierLine = function isVoertuigcoderingDossierLine() {
+  var _line$name3, _line$groupName, _line$subgroupName;
+  let line = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (line === null || line === void 0 || (_line$name3 = line.name) === null || _line$name3 === void 0 ? void 0 : _line$name3.includes('Voertuigcodering')) || (line === null || line === void 0 || (_line$groupName = line.groupName) === null || _line$groupName === void 0 ? void 0 : _line$groupName.includes('Voertuigcodering')) || (line === null || line === void 0 || (_line$subgroupName = line.subgroupName) === null || _line$subgroupName === void 0 ? void 0 : _line$subgroupName.includes('Voertuigcodering'));
+};
 
 /**
  * @description Categorizes the selected lines from a dossier `dossier.line`, using the order API `articles` field
@@ -249,9 +255,17 @@ const extractSessionProductsByOrder = _ref11 => {
     const touchedConsumerDiscounts = hasLineDiscount ? _objectSpread(_objectSpread({}, acc.touchedConsumerDiscounts), {}, {
       [lineItem.articleNumber]: true
     }) : acc.touchedConsumerDiscounts;
-    if ((lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber) === (boardComputerUpdate === null || boardComputerUpdate === void 0 ? void 0 : boardComputerUpdate.articleNumber)) {
+    if (PSEUDO_ORDER_LINE_ARTICLES.has(lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber)) {
+      return _objectSpread(_objectSpread({}, acc), {}, {
+        allArticleNumbers,
+        consumerDiscounts,
+        touchedConsumerDiscounts
+      });
+    }
+    if ((lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber) === (boardComputerUpdate === null || boardComputerUpdate === void 0 ? void 0 : boardComputerUpdate.articleNumber) || isVoertuigcoderingDossierLine(lineItem)) {
+      var _boardComputerUpdate$;
       return _objectSpread(_objectSpread({}, acc), {}, {
-        selectedBoardComputer: lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber,
+        selectedBoardComputer: (_boardComputerUpdate$ = boardComputerUpdate === null || boardComputerUpdate === void 0 ? void 0 : boardComputerUpdate.articleNumber) !== null && _boardComputerUpdate$ !== void 0 ? _boardComputerUpdate$ : lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber,
         allArticleNumbers,
         consumerDiscounts,
         touchedConsumerDiscounts

package/dist/src/shared/__pages__/internal/InternalSessionEditPage.js

@@ -139,7 +139,10 @@ const InternalSessionEditPage = props => {
       }
       const orderRes = await _authenticatedProxyApi.authenticatedProxyApi.getOrder(new URLSearchParams((0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, session), {}, {
         formula: dossierFormula,
-        existingDossierEntityId: dossierById === null || dossierById === void 0 ? void 0 : dossierById.entityId
+        existingDossierEntityId: dossierById === null || dossierById === void 0 ? void 0 : dossierById.entityId,
+        // Fetch all articles (including non-standard ones selected via "Toon alle
+        // artikelen") so extractSessionProductsByOrder can classify every dossier line
+        skipFilters: true
       }))).toString());
 
       // Note: we need to use this function to classify the products found in the dossier orderlines

package/dist/src/shared/__style__/components/_datepicker.scss

@@ -1,11 +1,14 @@
 /* ==========================================================================
 Datepicker
 ========================================================================== */
-/* Above sibling inputs (e.g. date popper vs time field below); lib default is z-index: 1 */
 .react-datepicker-popper {
   z-index: 1070 !important;
 }
 
+.react-datepicker__time-list-item--disabled {
+  display: none !important;
+}
+
 .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
   border-top-right-radius: 0;
 }

package/package.json

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