thm-p3-configurator 0.0.418 → 0.0.419

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

@@ -106,9 +106,7 @@ const useCreateQuotationMutation = () => {
       formula,
       discount,
       vehicle,
-      skipFilters,
-      isExitIntent = false,
-      prospectId
+      isExitIntent = false
     } = _ref;
     return _publicProxyApi.publicProxyApi.postQuotation({
       isExitIntent,
@@ -120,11 +118,9 @@ const useCreateQuotationMutation = () => {
       discount,
       answers: answers,
       cart: cart,
-      skipFilters,
       selectBoardComputerUpdate: selectBoardComputerUpdate,
       customer: customer,
-      branchId,
-      prospectId
+      branchId
     });
   });
   return {
@@ -146,7 +142,6 @@ const useCreateAppointmentRequestMutation = () => {
       licensePlate,
       model,
       constructionYear,
-      prospectId,
       answers,
       cart,
       selectBoardComputerUpdate,
@@ -154,8 +149,7 @@ const useCreateAppointmentRequestMutation = () => {
       vehicle,
       discount,
       formula,
-      branchId,
-      skipFilters
+      branchId
     } = _ref2;
     return _publicProxyApi.publicProxyApi.postAppointmentRequest({
       model,
@@ -164,13 +158,11 @@ const useCreateAppointmentRequestMutation = () => {
       formula,
       answers: answers,
       cart: cart,
-      skipFilters,
       selectBoardComputerUpdate: selectBoardComputerUpdate,
       customer,
       branchId,
       discount,
-      vehicle,
-      prospectId
+      vehicle
     });
   }, {});
   return {
@@ -192,7 +184,6 @@ const useCreateSingleOrderMutation = () => {
     let {
       licensePlate,
       model,
-      answers,
       cart,
       customer,
       channel,
@@ -209,7 +200,6 @@ const useCreateSingleOrderMutation = () => {
     return _authenticatedProxyApi.authenticatedProxyApi.postSingleOrder({
       licensePlate,
       model,
-      answers,
       cart,
       customer,
       channel,
@@ -243,7 +233,6 @@ const useCreateShopifyOrderMutation = () => {
     let {
       licensePlate,
       model,
-      answers,
       cart,
       customer,
       channel,
@@ -260,7 +249,6 @@ const useCreateShopifyOrderMutation = () => {
     return _authenticatedProxyApi.authenticatedProxyApi.postShopifyOrder({
       licensePlate,
       model,
-      answers,
       cart,
       customer,
       channel,
@@ -309,7 +297,6 @@ const useCreatePrivateQuotationMutation = () => {
       extraPrice,
       isExitIntent = false,
       montageRate,
-      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -339,7 +326,6 @@ const useCreatePrivateQuotationMutation = () => {
       extraPrice,
       answers,
       cart,
-      skipFilters,
       selectBoardComputerUpdate,
       customer: restCustomer,
       branchId,
@@ -368,7 +354,6 @@ const useCreatePrivateQuotationMutation = () => {
         extraPrice,
         answers,
         cart,
-        skipFilters,
         selectBoardComputerUpdate,
         customer: restCustomer,
         branchId,
@@ -434,7 +419,6 @@ const useCreatePrivateAppointmentMutation = () => {
       extraPrice,
       customerAgreed,
       montageRate,
-      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -465,7 +449,6 @@ const useCreatePrivateAppointmentMutation = () => {
       extraPrice,
       answers,
       cart,
-      skipFilters,
       selectBoardComputerUpdate,
       customer: restCustomer,
       branchId,
@@ -530,7 +513,6 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       discount,
       customerAgreed,
       montageRate,
-      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -559,7 +541,6 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       discount,
       answers,
       cart,
-      skipFilters,
       selectBoardComputerUpdate,
       customer: restCustomer,
       branchId,
@@ -622,7 +603,6 @@ const useUpdatePrivateAppointmentRequestByIdMutation = id => {
       priceCalculationDate,
       customerAgreed,
       montageRate,
-      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -661,7 +641,6 @@ const useUpdatePrivateAppointmentRequestByIdMutation = id => {
         discount,
         answers,
         cart,
-        skipFilters,
         selectBoardComputerUpdate,
         customer: restCustomer,
         branchId,
@@ -715,7 +694,6 @@ const useUpdatePrivateQuotationByIdMutation = id => {
       extraPrice,
       priceCalculationDate,
       montageRate,
-      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -754,7 +732,6 @@ const useUpdatePrivateQuotationByIdMutation = id => {
         extraPrice,
         answers,
         cart,
-        skipFilters,
         selectBoardComputerUpdate,
         customer: restCustomer,
         branchId,
@@ -809,7 +786,6 @@ const useUpdatePrivateAppointmentByIdMutation = id => {
       customerAgreed,
       invoicePaymentByLeaseCompany,
       montageRate,
-      skipFilters,
       leasemaatschappijEntityId,
       leasemaatschappijBedrijfsnaam,
       leasemaatschappijContactpersoonNaam,
@@ -849,7 +825,6 @@ const useUpdatePrivateAppointmentByIdMutation = id => {
         extraPrice,
         answers,
         cart,
-        skipFilters,
         selectBoardComputerUpdate,
         customer: _objectSpread(_objectSpread({}, restCustomer), {}, {
           invoicePaymentByLeaseCompany

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

@@ -1,6 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/es.weak-map.js");
@@ -17,7 +16,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -220,8 +218,6 @@ const SingleOrderProductCard = _ref4 => {
     productTitle,
     productPrice,
     productPriceInclVat,
-    locationPriceExclVat = null,
-    consumerPriceExclVat = null,
     productBrandNumber,
     productSpecifications,
     quantity = 0,
@@ -319,8 +315,8 @@ const SingleOrderProductCard = _ref4 => {
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h5", {
     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", {
+    className: (0, _helpers__.withStyle)('ms-2')
+  }, "\u20AC", productPrice)), /*#__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,

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

@@ -40,7 +40,6 @@ var _constants__ = require("../__constants__");
 var _FormulaContext = require("../__context__/FormulaContext");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
-var _prospectTracking = require("../__helpers__/prospectTracking");
 var _Datalayer = require("../__services__/Datalayer");
 var _product = require("../__helpers__/product");
 var _useDebouncedPush = _interopRequireDefault(require("../__hooks__/useDebouncedPush"));
@@ -160,13 +159,10 @@ const AppointmentForm = () => {
     priceCalculationDate,
     selectedDiscountedProducts = [],
     selectedExtras,
-    vehicleCodingDiscountPercentage,
-    skipFilters
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
-  const hasTrackedValidSubmitRef = (0, _react.useRef)(false);
-  const prospectIdRef = (0, _react.useRef)(null);
   const trackInput = (0, _useDebouncedPush.default)();
   const APPOINTMENT_REQUEST_ERROR_FALLBACK = 'Er is een fout opgetreden bij het maken van de afspraak, probeer het opnieuw.';
   const {
@@ -197,10 +193,7 @@ const AppointmentForm = () => {
         strict: false,
         abortEarly: false
       });
-      const prospectId = (0, _prospectTracking.createProspectId)();
-      prospectIdRef.current = prospectId;
       const appointmentRequestPayload = (0, _helpers__.removeNullishProps)({
-        prospectId,
         licensePlate: licensePlate === null || licensePlate === void 0 ? void 0 : licensePlate.replace(/-/g, ''),
         model,
         constructionYear: buildYear !== null && buildYear !== void 0 ? buildYear : undefined,
@@ -219,7 +212,6 @@ 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;
@@ -239,6 +231,17 @@ const AppointmentForm = () => {
         })
       });
       await createAppointmentRequest(appointmentRequestPayload);
+      (0, _Datalayer.pushToDataLayer)({
+        event: 'form',
+        component: 'afspraak',
+        element: 'button',
+        action: 'submit',
+        action_value: 'valid'
+      });
+      (0, _Datalayer.pushToDataLayer)({
+        event: 'form_submit',
+        form_name: 'config_afspraak'
+      });
     } catch (ex) {
       (0, _Datalayer.pushToDataLayer)({
         event: 'form',
@@ -257,13 +260,6 @@ const AppointmentForm = () => {
     }
   };
   if (isCreateAppointmentRequestSuccess) {
-    if (!hasTrackedValidSubmitRef.current) {
-      hasTrackedValidSubmitRef.current = true;
-      (0, _prospectTracking.pushProspectCreated)({
-        formName: 'afspraak',
-        prospectId: prospectIdRef.current
-      });
-    }
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
       to: {
         pathname: "/configurator/gegevens/bedankt",

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

@@ -37,7 +37,6 @@ var _Datalayer = require("../__services__/Datalayer");
 var _product = require("../__helpers__/product");
 var _ui = require("../__helpers__/ui");
 var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
-var _prospectTracking = require("../__helpers__/prospectTracking");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -126,7 +125,6 @@ const ExitIntentModal = () => {
   const [errors, setErrors] = (0, _react.useState)(null);
   const hasTrackedOpenRef = (0, _react.useRef)(false);
   const hasTrackedValidSubmitRef = (0, _react.useRef)(false);
-  const prospectIdRef = (0, _react.useRef)(null);
   const inputDebounceRefs = (0, _react.useRef)({
     email: null,
     phoneNumber: null
@@ -145,37 +143,16 @@ const ExitIntentModal = () => {
     discountCode,
     executionAnswer1,
     executionAnswer2,
+    priceCalculationDate,
     selectedDiscountedProducts = [],
     selectedExtras,
-    vehicleCodingDiscountPercentage,
-    skipFilters
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   (0, _react.useEffect)(() => {
     (0, _ui.scrollToFirstErrorMessage)();
   }, [errors]);
-  (0, _react.useEffect)(() => {
-    if (!isCreateQuotationSuccess || hasTrackedValidSubmitRef.current) {
-      return;
-    }
-    hasTrackedValidSubmitRef.current = true;
-    (0, _Datalayer.pushToDataLayer)({
-      event: 'form',
-      component: 'exit_intent',
-      element: 'button',
-      action: 'submit',
-      action_value: 'valid'
-    });
-    (0, _prospectTracking.pushProspectCreated)({
-      formName: 'offerte',
-      prospectId: prospectIdRef.current
-    });
-    (0, _Datalayer.pushToDataLayer)({
-      event: 'form_submit',
-      form_name: 'config_exitintent'
-    });
-  }, [isCreateQuotationSuccess]);
   const handleMouseLeave = event => {
     if (document.cookie.includes('exitIntentModalShown=true')) {
       return;
@@ -232,10 +209,7 @@ const ExitIntentModal = () => {
         strict: false,
         abortEarly: false
       });
-      const prospectId = (0, _prospectTracking.createProspectId)();
-      prospectIdRef.current = prospectId;
       await createQuotation((0, _helpers__.removeNullishProps)({
-        prospectId,
         isExitIntent: true,
         licensePlate,
         model,
@@ -255,7 +229,6 @@ const ExitIntentModal = () => {
         })),
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
-        skipFilters,
         cart: (0, _product.buildCartInput)({
           selectedCableset,
           selectedCombiset,
@@ -267,6 +240,20 @@ const ExitIntentModal = () => {
           vehicleCodingDiscountPercentage
         })
       }));
+      (0, _Datalayer.pushToDataLayer)({
+        event: 'form',
+        component: 'exit_intent',
+        element: 'button',
+        action: 'submit',
+        action_value: 'valid'
+      });
+      if (!hasTrackedValidSubmitRef.current) {
+        hasTrackedValidSubmitRef.current = true;
+        (0, _Datalayer.pushToDataLayer)({
+          event: 'form_submit',
+          form_name: 'config_exitintent'
+        });
+      }
     } catch (ex) {
       (0, _Datalayer.pushToDataLayer)({
         event: 'form',

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

@@ -94,7 +94,6 @@ const ProductCartSide = () => {
     selectedCombiset,
     selectedBoardComputer,
     allArticleNumbers,
-    existingDossierId,
     selectedExtras,
     canAlterQuantity,
     selectedBranch,
@@ -122,7 +121,7 @@ const ProductCartSide = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
-  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput) || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
+  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput);
   const {
     cart,
     totals,
@@ -159,10 +158,10 @@ const ProductCartSide = () => {
   let mainProducts = [];
   let accessoireProducts = [];
   if (products) {
-    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);
+    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;
     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,7 +266,6 @@ const ProductCartTable = () => {
     selectedExtras,
     executionAnswer1,
     allArticleNumbers,
-    existingDossierId,
     canAlterQuantity,
     executionAnswer2,
     discountAmount,
@@ -348,10 +347,7 @@ 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);
+  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput);
   const durationAnswerForQuery = durationAnswerIsPrefilled ? undefined : durationAnswer;
   const {
     cart,
@@ -476,19 +472,14 @@ const ProductCartTable = () => {
     mainProducts,
     accessoireProducts
   } = (0, _react.useMemo)(() => {
-    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;
+    var _products$Trekhaak, _products$Combiset, _products$Kabelset, _products$Elektronica, _products$Extras;
     if (!products) return {
       mainProducts: [],
       accessoireProducts: []
     };
-
-    // 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 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;
     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,7 +7,6 @@ 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", {
@@ -20,7 +19,6 @@ 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");
@@ -71,10 +69,11 @@ function _interopRequireWildcard(e, r) {
   return n.default = e, t && t.set(e, n), n;
 }
 const ProductsOverview = () => {
-  var _products$Trekhaak4, _products$Kabelset, _products$Combiset;
+  var _products$Trekhaak3, _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,
@@ -97,9 +96,7 @@ const ProductsOverview = () => {
     discountAmount,
     discountPercentage,
     montageRate,
-    extraPriceAmount,
-    existingDossierId,
-    skipFilters
+    extraPriceAmount
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const durationAnswerForQuery = durationAnswerIsPrefilled ? undefined : durationAnswer;
@@ -137,40 +134,11 @@ 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$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;
-    }
-
+    var _products$Trekhaak, _products$Trekhaak2, _products$PRODUCT_CAT3;
     // Only run this if we have products loaded and no towbar is currently selected
-    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;
+    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;
       const towbarId = products.Trekhaak[0].articleNumber;
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_SELECTED_TOWBAR,
@@ -180,7 +148,7 @@ const ProductsOverview = () => {
       });
 
       // Auto-select kabelset if there's exactly one kabelset available (reusing existing logic)
-      if (!selectedCableset && ((_products$PRODUCT_CAT3 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT3 === void 0 ? void 0 : _products$PRODUCT_CAT3.length) === 1) {
+      if (!selectedCableset && ((_products$PRODUCT_CAT = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT === void 0 ? void 0 : _products$PRODUCT_CAT.length) === 1) {
         const kabelsetId = products[_constants__.PRODUCT_CATEGORIES.CABLESET][0].articleNumber;
         dispatch({
           type: _OrderSessionContext.orderSessionActions.SET_SELECTED_CABLESET,
@@ -191,7 +159,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$Trekhaak3 = products.Trekhaak) === null || _products$Trekhaak3 === void 0 ? void 0 : _products$Trekhaak3.length) > 1 && !selectedTowbar && !selectedCombiset) {
+    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) {
       // Find the recommended towbar
       const recommendedTowbar = products.Trekhaak.find(product => (0, _product.checkIfTowbarIsRecommended)({
         product,
@@ -200,7 +168,7 @@ const ProductsOverview = () => {
 
       // If there's a recommended towbar, select it
       if (recommendedTowbar) {
-        var _products$PRODUCT_CAT4;
+        var _products$PRODUCT_CAT2;
         dispatch({
           type: _OrderSessionContext.orderSessionActions.SET_SELECTED_TOWBAR,
           payload: {
@@ -209,7 +177,7 @@ const ProductsOverview = () => {
         });
 
         // Auto-select kabelset if no kabelset is currently selected
-        if (!selectedCableset && ((_products$PRODUCT_CAT4 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT4 === void 0 ? void 0 : _products$PRODUCT_CAT4.length) === 1) {
+        if (!selectedCableset && ((_products$PRODUCT_CAT2 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT2 === void 0 ? void 0 : _products$PRODUCT_CAT2.length) === 1) {
           const kabelsetId = products[_constants__.PRODUCT_CATEGORIES.CABLESET][0].articleNumber;
           dispatch({
             type: _OrderSessionContext.orderSessionActions.SET_SELECTED_CABLESET,
@@ -222,7 +190,7 @@ const ProductsOverview = () => {
     }
 
     // Auto-select boardcomputer if one is available and none is currently selected
-    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) {
+    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) {
       const boardComputerId = products[_constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER][0].articleNumber;
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BOARDCOMPUTER,
@@ -231,8 +199,8 @@ const ProductsOverview = () => {
         }
       });
     }
-  }, [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)) {
+  }, [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)) {
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
       to: "/configurator/geen-producten"
     });
@@ -275,9 +243,9 @@ const ProductsOverview = () => {
 
           // Auto-select kabelset if towbar is selected and no kabelset is currently selected
           if (isSelected && !selectedCableset) {
-            var _products$PRODUCT_CAT6;
+            var _products$PRODUCT_CAT4;
             // Check if there's exactly one kabelset available
-            if (((_products$PRODUCT_CAT6 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT6 === void 0 ? void 0 : _products$PRODUCT_CAT6.length) === 1) {
+            if (((_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,
@@ -360,12 +328,7 @@ const ProductsOverview = () => {
     name: 'skipFilters',
     initialValue: skipFilters,
     onChange: value => {
-      dispatch({
-        type: _OrderSessionContext.orderSessionActions.SET_SKIP_FILTERS,
-        payload: {
-          skipFilters: value
-        }
-      });
+      setSkipFilters(value);
     },
     label: "Toon alle artikelen"
   }), isLoadingProducts && isProductsInitialLoad.current === true ? /*#__PURE__*/_react.default.createElement("div", {