thm-p3-configurator 0.0.83 → 0.0.85

package/dist/src/shared/App.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("./__pages__/index"));
-var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES"));
 var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
 var _react = _interopRequireWildcard(require("react"));
 require("react-datepicker/src/stylesheets/datepicker-cssmodules.scss");
@@ -60,6 +59,8 @@ function _interopRequireDefault(e) {
     default: e
   };
 }
+// import TEST_ONLY_INTERNAL_ROUTES from './__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES';
+
 _reactGtmModule.default.initialize({
   gtmId: APP_CONFIG.googleTagManagerId || 'GTM-TC67SZ4'
 });
@@ -75,6 +76,6 @@ const App = () => {
     defaultCountry: APP_CONFIG.country
   }, /*#__PURE__*/_react.default.createElement(_OrderSessionContext.OrderSessionController, null, /*#__PURE__*/_react.default.createElement(_reactQuery.QueryClientProvider, {
     client: _queryClient.default
-  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_reactHotLoader.AppContainer, null, /*#__PURE__*/_react.default.createElement(_ActiveMarkerContext.ActiveMarkerProvider, null, /*#__PURE__*/_react.default.createElement(_StyleWrapper.default, null, !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_Navbar.default, null), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalBranchSelectorModal.default, null), APP_CONFIG.nodeEnv === 'development' && APP_CONFIG.internal === true && /*#__PURE__*/_react.default.createElement(_TEST_ONLY_INTERNAL_ROUTES.default, null))))))))));
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_reactHotLoader.AppContainer, null, /*#__PURE__*/_react.default.createElement(_ActiveMarkerContext.ActiveMarkerProvider, null, /*#__PURE__*/_react.default.createElement(_StyleWrapper.default, null, !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_Navbar.default, null), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalBranchSelectorModal.default, null), /*#__PURE__*/_react.default.createElement(_index.default, null))))))))));
 };
 var _default = exports.default = App;

package/dist/src/shared/__components__/Form/TextInput.js

@@ -45,6 +45,7 @@ const TextInput = _ref => {
   let {
     placeholder = '',
     initialValue = '',
+    value,
     name,
     onClick = () => {},
     isDisabled = false,
@@ -55,14 +56,15 @@ const TextInput = _ref => {
     errorMessage = '',
     className = ''
   } = _ref;
-  const [value, setValue] = (0, _react.useState)(initialValue);
+  const [localValue, setLocalValue] = (0, _react.useState)(initialValue);
+  const displayValue = value !== undefined ? value : localValue;
   (0, _react.useEffect)(() => {
     if (initialValue) {
-      setValue(initialValue);
+      setLocalValue(initialValue);
     }
   }, [initialValue]);
   const handleChange = newValue => {
-    setValue(newValue);
+    setLocalValue(newValue);
     onChange(newValue);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -78,7 +80,7 @@ const TextInput = _ref => {
     type: 'text',
     onClick: onClick,
     form: form,
-    value: value,
+    value: displayValue,
     disabled: isDisabled,
     onChange: e => handleChange(e.target.value),
     required: isRequired,

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

@@ -21,12 +21,14 @@ const ProductCardPrice = _ref => {
       className: (0, _helpers__.withStyle)('card__price')
     }, (0, _helpers__.formatPrice)(price));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, discountedPrice < price ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('card__price')
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _helpers__.withStyle)('strikethrough card-price-label')
   }, (0, _helpers__.formatPrice)(price))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('card__price text-danger')
-  }, (0, _helpers__.formatPrice)(discountedPrice)));
+  }, (0, _helpers__.formatPrice)(discountedPrice))) : /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('card__price')
+  }, (0, _helpers__.formatPrice)(price)));
 };
 var _default = exports.default = ProductCardPrice;

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

@@ -147,12 +147,6 @@ const BottomNavigationBar = () => {
             currentDossierType: setType
           }
         });
-        console.log({
-          type: _OrderSessionContext.orderSessionActions.SET_CURRENT_DOSSIER_TYPE,
-          payload: {
-            currentDossierType: setType
-          }
-        });
       }
     }, {
       type: type,

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

@@ -140,8 +140,7 @@ const internalAppointmentFormSchema = (0, _yup.object)({
   date: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
   time: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
   customerAgreed: (0, _yup.boolean)().required(_constants__.FORM_ERROR_MESSAGES.required).isTrue(_constants__.FORM_ERROR_MESSAGES.required),
-  companyName: (0, _yup.string)().nullable(),
-  invoiceEmail: (0, _yup.string)().email(_constants__.FORM_ERROR_MESSAGES.email).nullable()
+  companyName: (0, _yup.string)().nullable()
 });
 
 /**
@@ -228,7 +227,7 @@ const InternalAppointmentForm = _ref => {
   };
   const handleSubmit = async () => {
     try {
-      var _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _customer$note, _customer$zipCode, _customer$companyName, _customer$invoiceEmai, _ref2;
+      var _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _customer$note, _customer$zipCode, _customer$companyName, _ref2;
       setErrors([]);
       if (!model) {
         // Note: this does not throw on error.
@@ -268,8 +267,7 @@ const InternalAppointmentForm = _ref => {
           email: (_customer$email = customer === null || customer === void 0 ? void 0 : customer.email) !== null && _customer$email !== void 0 ? _customer$email : undefined,
           note: (_customer$note = customer === null || customer === void 0 ? void 0 : customer.note) !== null && _customer$note !== void 0 ? _customer$note : undefined,
           zipCode: (_customer$zipCode = customer === null || customer === void 0 ? void 0 : customer.zipCode) !== null && _customer$zipCode !== void 0 ? _customer$zipCode : undefined,
-          companyName: (_customer$companyName = customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _customer$companyName !== void 0 ? _customer$companyName : undefined,
-          invoiceEmail: (_customer$invoiceEmai = customer === null || customer === void 0 ? void 0 : customer.invoiceEmail) !== null && _customer$invoiceEmai !== void 0 ? _customer$invoiceEmai : undefined
+          companyName: (_customer$companyName = customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _customer$companyName !== void 0 ? _customer$companyName : undefined
         })),
         customerAgreed,
         appointment,
@@ -548,7 +546,7 @@ const InternalAppointmentForm = _ref => {
     className: (0, _helpers__.withStyle)('modal-title col-12 mb-2')
   }, "Gegevens van de auto ", /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12')
-  }, (vehicle === null || vehicle === void 0 ? void 0 : vehicle.ownershipType) === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij && /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+  }, (vehicle === null || vehicle === void 0 ? void 0 : vehicle.ownershipType) === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
     initialValue: vehicle === null || vehicle === void 0 ? void 0 : vehicle.leaseNumber,
     name: "leaseNumber",
@@ -562,7 +560,20 @@ const InternalAppointmentForm = _ref => {
     form: "quotation",
     label: "Goedkeuringsnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['leaseNumber']
-  }), (vehicle === null || vehicle === void 0 ? void 0 : vehicle.ownershipType) === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h5", {
+  }), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+    name: "leaseNumberUnknown",
+    initialValue: vehicle === null || vehicle === void 0 ? void 0 : vehicle.leaseNumberUnknown,
+    onChange: val => {
+      vehicle.leaseNumber = null;
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_LEASE_NUMBER_UNKNOWN,
+        payload: {
+          leaseNumberUnknown: val
+        }
+      });
+    },
+    label: "Goedkeuringsnummer onbekend"
+  })), (vehicle === null || vehicle === void 0 ? void 0 : vehicle.ownershipType) === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h5", {
     className: (0, _helpers__.withStyle)('mt-4')
   }, "Gegevens bedrijf"), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
@@ -578,20 +589,6 @@ const InternalAppointmentForm = _ref => {
     form: "quotation",
     label: "Bedrijfsnaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['companyName']
-  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
-    initialValue: customer.invoiceEmail,
-    name: "invoiceEmail",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INVOICE_EMAIL,
-      payload: {
-        invoiceEmail: value
-      }
-    }),
-    isRequired: true,
-    form: "quotation",
-    label: "Factureringsmail:",
-    errorMessage: errors === null || errors === void 0 ? void 0 : errors['invoiceEmail']
   })), !licensePlate && /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
     initialValue: _licensePlate,
@@ -601,7 +598,7 @@ const InternalAppointmentForm = _ref => {
     form: "quotation",
     label: "Kenteken:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['licensePlate']
-  }), (vehicle === null || vehicle === void 0 ? void 0 : vehicle.ownershipType) === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij && /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
     initialValue: vehicle === null || vehicle === void 0 ? void 0 : vehicle.chassisNumber,
     name: "chassisNumber",

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

@@ -30,6 +30,7 @@ var _queries = require("../../__api__/queries");
 var _NavigationButton = _interopRequireDefault(require("../../__components__/Buttons/NavigationButton"));
 var _PrimaryButton = _interopRequireDefault(require("../../__components__/Buttons/PrimaryButton"));
 var _Card = _interopRequireDefault(require("../../__components__/Cards/Card"));
+var _CheckboxInput = _interopRequireDefault(require("../../__components__/Form/CheckboxInput"));
 var _DropdownInput = _interopRequireDefault(require("../../__components__/Form/DropdownInput"));
 var _ErrorMessage = _interopRequireDefault(require("../../__components__/Form/ErrorMessage"));
 var _RadioButtons = _interopRequireDefault(require("../../__components__/Form/RadioButtons"));
@@ -128,8 +129,7 @@ const internalQuotationFormSchema = (0, _yup.object)({
   lastName: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
   email: (0, _yup.string)().email(_constants__.FORM_ERROR_MESSAGES.email).required(_constants__.FORM_ERROR_MESSAGES.required),
   phoneNumber: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  companyName: (0, _yup.string)().nullable(),
-  invoiceEmail: (0, _yup.string)().email(_constants__.FORM_ERROR_MESSAGES.email).nullable()
+  companyName: (0, _yup.string)().nullable()
 });
 const InternalQuotationForm = _ref => {
   var _branchTypes$byId$aut, _authSession$branch, _marketingChannels$fi;
@@ -172,6 +172,22 @@ const InternalQuotationForm = _ref => {
     isLoadingMarketingChannels
   } = (0, _queries.useMarketingChannels)(branchType);
   const formula = (0, _FormulaContext.useFormula)();
+  const {
+    products
+  } = (0, _queries.useProductsQuery)({
+    licensePlate,
+    model,
+    executionAnswer1,
+    executionAnswer2,
+    durationAnswer,
+    formula,
+    priceCalculationDate,
+    discountCode
+  });
+  const productSpecifications = (0, _react.useMemo)(() => {
+    var _products$PRODUCT_CAT, _products$PRODUCT_CAT2, _products$PRODUCT_CAT3;
+    return (0, _product.parseProductSpecifications)([(_products$PRODUCT_CAT = products[_constants__.PRODUCT_CATEGORIES.TOWBAR]) === null || _products$PRODUCT_CAT === void 0 ? void 0 : _products$PRODUCT_CAT.find(towbar => towbar.articleNumber === selectedTowbar), (_products$PRODUCT_CAT2 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT2 === void 0 ? void 0 : _products$PRODUCT_CAT2.find(cableset => cableset.articleNumber === selectedCableset), (_products$PRODUCT_CAT3 = products[_constants__.PRODUCT_CATEGORIES.COMBISET]) === null || _products$PRODUCT_CAT3 === void 0 ? void 0 : _products$PRODUCT_CAT3.find(combiset => combiset.articleNumber === selectedCombiset)]);
+  }, [products]);
   (0, _react.useEffect)(() => {
     (0, _ui.scrollToFirstErrorMessage)();
   }, [errors]);
@@ -193,7 +209,7 @@ const InternalQuotationForm = _ref => {
    */
   const handleSubmit = async () => {
     try {
-      var _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _customer$note, _customer$zipCode, _customer$companyName, _customer$invoiceEmai, _ref2;
+      var _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _customer$note, _customer$zipCode, _customer$companyName, _ref2;
       setErrors(null);
       if (!model) {
         // Note: this does not throw on error.
@@ -230,8 +246,7 @@ const InternalQuotationForm = _ref => {
           email: (_customer$email = customer === null || customer === void 0 ? void 0 : customer.email) !== null && _customer$email !== void 0 ? _customer$email : undefined,
           note: (_customer$note = customer === null || customer === void 0 ? void 0 : customer.note) !== null && _customer$note !== void 0 ? _customer$note : undefined,
           zipCode: (_customer$zipCode = customer === null || customer === void 0 ? void 0 : customer.zipCode) !== null && _customer$zipCode !== void 0 ? _customer$zipCode : undefined,
-          companyName: (_customer$companyName = customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _customer$companyName !== void 0 ? _customer$companyName : undefined,
-          invoiceEmail: (_customer$invoiceEmai = customer === null || customer === void 0 ? void 0 : customer.invoiceEmail) !== null && _customer$invoiceEmai !== void 0 ? _customer$invoiceEmai : undefined
+          companyName: (_customer$companyName = customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _customer$companyName !== void 0 ? _customer$companyName : undefined
         }),
         chassisNumber: chassisNumber !== null && chassisNumber !== void 0 ? chassisNumber : undefined,
         channel,
@@ -410,6 +425,19 @@ const InternalQuotationForm = _ref => {
     form: "quotation",
     label: "Goedkeuringsnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['leaseNumber']
+  }), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+    name: "leaseNumberUnknown",
+    initialValue: vehicle === null || vehicle === void 0 ? void 0 : vehicle.leaseNumberUnknown,
+    onChange: val => {
+      vehicle.leaseNumber = null;
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_LEASE_NUMBER_UNKNOWN,
+        payload: {
+          leaseNumberUnknown: val
+        }
+      });
+    },
+    label: "Goedkeuringsnummer onbekend"
   })), (vehicle === null || vehicle === void 0 ? void 0 : vehicle.ownershipType) === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h5", {
     className: (0, _helpers__.withStyle)('mt-4')
   }, "Gegevens bedrijf"), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
@@ -426,21 +454,9 @@ const InternalQuotationForm = _ref => {
     form: "quotation",
     label: "Bedrijfsnaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['companyName']
-  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
-    initialValue: customer.invoiceEmail,
-    name: "invoiceEmail",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_INVOICE_EMAIL,
-      payload: {
-        invoiceEmail: value
-      }
-    }),
-    isRequired: true,
-    form: "quotation",
-    label: "Factureringsmail:",
-    errorMessage: errors === null || errors === void 0 ? void 0 : errors['invoiceEmail']
-  })), !licensePlate && /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+  })), /*#__PURE__*/_react.default.createElement("h5", {
+    className: (0, _helpers__.withStyle)('mt-4')
+  }, "Voertuiggegevens"), !licensePlate && /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
     initialValue: _licensePlate,
     name: "licensePlate",
@@ -449,7 +465,7 @@ const InternalQuotationForm = _ref => {
     form: "quotation",
     label: "Kenteken:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['licensePlate']
-  }), (vehicle === null || vehicle === void 0 ? void 0 : vehicle.ownershipType) === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij && /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
     initialValue: vehicle === null || vehicle === void 0 ? void 0 : vehicle.chassisNumber,
     name: "chassisNumber",
@@ -463,7 +479,13 @@ const InternalQuotationForm = _ref => {
     form: "quotation",
     label: "Chassisnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['chassisNumber']
-  }), isError && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('my-2 fw-bold')
+  }, "Opties aanwezig:"), productSpecifications !== null && productSpecifications !== void 0 && productSpecifications.length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", null, productSpecifications === null || productSpecifications === void 0 ? void 0 : productSpecifications.map(specification => /*#__PURE__*/_react.default.createElement("li", {
+    key: specification
+  }, specification)))) : /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-muted my-2')
+  }, "Geen opties gevonden...")), isError && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
     message: 'Er is een fout opgetreden bij het maken van de offerte, probeer het opnieuw.'
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center justify-content-end mt-4')
@@ -475,7 +497,7 @@ const InternalQuotationForm = _ref => {
     onClick: handleSubmit,
     isDisabled: isLoading,
     label: 'Offerte maken'
-  }))), /*#__PURE__*/_react.default.createElement(_InternalQuotationSuccessModal.default, {
+  })), /*#__PURE__*/_react.default.createElement(_InternalQuotationSuccessModal.default, {
     isOpen: isSuccess,
     email: customer === null || customer === void 0 ? void 0 : customer.email
   }));

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

@@ -7,7 +7,7 @@ require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = InternalSingleOrderFilters;
+exports.default = void 0;
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
@@ -53,7 +53,7 @@ function _interopRequireWildcard(e, r) {
   }
   return n.default = e, t && t.set(e, n), n;
 }
-function InternalSingleOrderFilters(_ref) {
+const InternalSingleOrderFilters = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     onFilterChange,
     openModal,
@@ -61,8 +61,10 @@ function InternalSingleOrderFilters(_ref) {
   } = _ref;
   const baseFormula = (0, _FormulaContext.useFormula)();
   const [{
-    singleOrderFormulaCode
-  }, _] = (0, _OrderSessionContext.useOrderSession)();
+    singleOrderFormulaCode,
+    licensePlate,
+    model
+  }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   let formula = baseFormula;
   if (singleOrderFormulaCode) {
     formula = singleOrderFormulaCode;
@@ -90,35 +92,58 @@ function InternalSingleOrderFilters(_ref) {
   const [selectedArticleSubGroup, setSelectedArticleSubGroup] = (0, _react.useState)('');
   const [selectedArticleNumber, setSelectedArticleNumber] = (0, _react.useState)('');
   const [showAllArticles, setShowAllArticles] = (0, _react.useState)(false);
-  const handleResetFilters = () => {
+  const resetLicensePlateFilters = () => {
+    if (licensePlate || model) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.RESET_LICENSEPLATE_FILTERS
+      });
+    }
+  };
+  const handleResetFilters = function handleResetFilters() {
+    let dontReset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     setSelectedArticleType('');
     setSelectedArticleGroup('');
     setSelectedArticleSubGroup('');
     setSelectedArticleNumber('');
     setShowAllArticles(false);
-    resetFilters();
+    if (!dontReset) {
+      resetFilters();
+    }
   };
+  (0, _react.useImperativeHandle)(ref, () => ({
+    resetFilters: dontReset => handleResetFilters(dontReset)
+  }));
   (0, _react.useEffect)(() => {
-    onFilterChange('type', selectedArticleType);
+    if (!licensePlate && !model) {
+      onFilterChange('type', selectedArticleType);
+    }
     if (!selectedArticleType) {
       setSelectedArticleGroup('');
       setSelectedArticleSubGroup('');
     }
   }, [selectedArticleType]);
   (0, _react.useEffect)(() => {
-    onFilterChange('group', selectedArticleGroup);
+    if (!licensePlate && !model) {
+      onFilterChange('group', selectedArticleGroup);
+    }
     if (!selectedArticleGroup) {
       setSelectedArticleSubGroup('');
     }
   }, [selectedArticleGroup]);
   (0, _react.useEffect)(() => {
-    onFilterChange('showAllArticles', showAllArticles);
+    if (!licensePlate && !model) {
+      onFilterChange('showAllArticles', showAllArticles);
+    }
   }, [showAllArticles]);
   (0, _react.useEffect)(() => {
-    onFilterChange('subgroup', selectedArticleSubGroup);
+    if (!licensePlate && !model) {
+      onFilterChange('subgroup', selectedArticleSubGroup);
+    }
   }, [selectedArticleSubGroup]);
   (0, _react.useEffect)(() => {
-    onFilterChange('articleNumber', selectedArticleNumber);
+    if (!licensePlate && !model) {
+      onFilterChange('articleNumber', selectedArticleNumber);
+    }
   }, [selectedArticleNumber]);
   const {
     articleGroups,
@@ -136,7 +161,7 @@ function InternalSingleOrderFilters(_ref) {
     className: (0, _helpers__.withStyle)('card-body d-flex justify-content-between align-items-center')
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "Filters"), /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     label: "Reset filters",
-    onClick: handleResetFilters
+    onClick: () => handleResetFilters(false)
   })), /*#__PURE__*/_react.default.createElement(_OutlinedButton.default, {
     label: "Filter op auto",
     icon: "fa fa-car",
@@ -162,7 +187,10 @@ function InternalSingleOrderFilters(_ref) {
     initialValue: selectedArticleType,
     label: "Artikel soort",
     placeholder: "Maak een keuze",
-    onChange: option => setSelectedArticleType(option.value),
+    onChange: option => {
+      resetLicensePlateFilters();
+      setSelectedArticleType(option.value);
+    },
     className: "w-100"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col')
@@ -178,6 +206,7 @@ function InternalSingleOrderFilters(_ref) {
     label: "Artikel groep",
     placeholder: "Maak een keuze",
     onChange: option => {
+      resetLicensePlateFilters();
       setSelectedArticleGroup(option.value);
       setSelectedArticleSubGroup('');
     },
@@ -196,6 +225,7 @@ function InternalSingleOrderFilters(_ref) {
     label: "Artikel subgroep",
     placeholder: "Maak een keuze",
     onChange: option => {
+      resetLicensePlateFilters();
       setSelectedArticleSubGroup(option.value);
     },
     className: "w-100"
@@ -203,14 +233,22 @@ function InternalSingleOrderFilters(_ref) {
     className: (0, _helpers__.withStyle)('col')
   }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     isRequired: false,
+    value: selectedArticleNumber,
     label: "Artikel nummer",
     placeholder: "Zoeken",
-    onChange: value => setSelectedArticleNumber(value),
+    onChange: value => {
+      resetLicensePlateFilters();
+      setSelectedArticleNumber(value);
+    },
     className: "w-100"
   })), isTmg && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
     name: 'showAllArticles',
     initialValue: showAllArticles,
-    onChange: value => setShowAllArticles(value),
+    onChange: value => {
+      resetLicensePlateFilters();
+      setShowAllArticles(value);
+    },
     label: "Toon alle artikelen"
   }))));
-}
+});
+var _default = exports.default = InternalSingleOrderFilters;

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

@@ -122,6 +122,7 @@ const INITIAL_ORDER_SESSION_STATE = {
   selectedTowbar: null,
   selectedCableset: null,
   selectedCombiset: null,
+  leaseNumberUnknown: true,
   selectedDiscountedProducts: [],
   discountsInitialized: false,
   internalNote: null,
@@ -155,8 +156,7 @@ const INITIAL_ORDER_SESSION_STATE = {
     note: '',
     zipCode: '',
     houseNumber: '',
-    companyName: '',
-    invoiceEmail: ''
+    companyName: ''
   }
 };
 const orderSessionActions = exports.orderSessionActions = {
@@ -205,6 +205,7 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_DISCOUNT_CODE: 'SET_DISCOUNT_CODE',
   SET_CUSTOMER_ANWB_ID: 'SET_CUSTOMER_ANWB_ID',
   SET_VEHICLE_LEASE_NUMBER: 'SET_VEHICLE_LEASE_NUMBER',
+  SET_VEHICLE_LEASE_NUMBER_UNKNOWN: 'SET_VEHICLE_LEASE_NUMBER_UNKNOWN',
   SET_VEHICLE_OWNERSHIP_TYPE: 'SET_VEHICLE_OWNERSHIP_TYPE',
   SET_MARKETING_CHANNEL: 'SET_MARKETING_CHANNEL',
   SET_CUSTOMER_ZIP_CODE: 'SET_CUSTOMER_ZIP_CODE',
@@ -221,8 +222,7 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_FRANCHISE_NAME: 'SET_FRANCHISE_NAME',
   SET_PRICE_CALCULATION_DATE: 'SET_PRICE_CALCULATION_DATE',
   SET_CUSTOMER_AGREED: 'SET_CUSTOMER_AGREED',
-  SET_CUSTOMER_COMPANY_NAME: 'SET_CUSTOMER_COMPANY_NAME',
-  SET_CUSTOMER_INVOICE_EMAIL: 'SET_CUSTOMER_INVOICE_EMAIL'
+  SET_CUSTOMER_COMPANY_NAME: 'SET_CUSTOMER_COMPANY_NAME'
 };
 const orderSessionReducer = (state, action) => {
   switch (action.type) {
@@ -797,7 +797,19 @@ const orderSessionReducer = (state, action) => {
         } = action.payload;
         return _objectSpread(_objectSpread({}, state), {}, {
           vehicle: _objectSpread(_objectSpread({}, state === null || state === void 0 ? void 0 : state.vehicle), {}, {
-            leaseNumber
+            leaseNumber,
+            leaseNumberUnknown: leaseNumber.length === 0
+          })
+        });
+      }
+    case orderSessionActions.SET_VEHICLE_LEASE_NUMBER_UNKNOWN:
+      {
+        const {
+          leaseNumberUnknown
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          vehicle: _objectSpread(_objectSpread({}, state === null || state === void 0 ? void 0 : state.vehicle), {}, {
+            leaseNumberUnknown
           })
         });
       }
@@ -949,17 +961,6 @@ const orderSessionReducer = (state, action) => {
           })
         });
       }
-    case orderSessionActions.SET_CUSTOMER_INVOICE_EMAIL:
-      {
-        const {
-          invoiceEmail
-        } = action.payload;
-        return _objectSpread(_objectSpread({}, state), {}, {
-          customer: _objectSpread(_objectSpread({}, state.customer), {}, {
-            invoiceEmail
-          })
-        });
-      }
     default:
       return state;
   }

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

@@ -123,6 +123,7 @@ const InternalSingleOrderPage = () => {
     page: 0
   });
   const customerFormRef = (0, _react.useRef)();
+  const filtersRef = (0, _react.useRef)();
   const {
     createSingleOrder,
     isCreatingSingleOrder,
@@ -212,7 +213,11 @@ const InternalSingleOrderPage = () => {
       });
     }
   };
+  const [filtersResetTrigger, setFiltersResetTrigger] = (0, _react.useState)(false);
   const filterModelOrLicenseplate = filter => {
+    var _filtersRef$current;
+    (_filtersRef$current = filtersRef.current) === null || _filtersRef$current === void 0 || _filtersRef$current.resetFilters(true);
+    resetFilters();
     if (filter.type === 'model') {
       dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MODEL,
@@ -280,6 +285,7 @@ const InternalSingleOrderPage = () => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('container page-content')
   }, showProductOverview && /*#__PURE__*/_react.default.createElement(_InternalSingleOrderFilters.default, {
+    ref: filtersRef,
     resetFilters: resetFilters,
     onFilterChange: handleSelectedFilterChange,
     openModal: () => setIsLicenseplateModalOpen(true)

package/dist/src/shared/__style__/base/_typography.scss

@@ -28,3 +28,25 @@ button[class*='link']:not([class*='btn']) {
   border: 0;
   text-decoration: underline;
 }
+
+.strikethrough {
+  @include font-size(16);
+
+  position: relative;
+
+  &::before {
+    color: red;
+    position: absolute;
+    content: '';
+    left: 0;
+    top: 50%;
+    right: 0;
+    border-top: 2px solid;
+    border-color: red;
+    -webkit-transform: rotate(-5deg);
+    -moz-transform: rotate(-5deg);
+    -ms-transform: rotate(-5deg);
+    -o-transform: rotate(-5deg);
+    transform: rotate(-5deg);
+  }
+}

package/package.json

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