thm-p3-configurator 0.0.400 → 0.0.401

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

@@ -684,7 +684,7 @@ const useProductsQuery = exports.useProductsQuery = function useProductsQuery()
  * @description Retrieves the order questions based on the provided license plate or brand/build-year/model
  */
 const useQuestionsQuery = exports.useQuestionsQuery = function useQuestionsQuery() {
-  var _orderData$executionA2, _orderData$executionA4, _orderData$answers, _orderData$answers2, _orderData$answers3, _orderError$response;
+  var _orderError$response$, _orderError$response, _orderError$response$2, _orderError$response2, _orderData$executionA2, _orderData$executionA4, _orderData$answers, _orderData$answers2, _orderData$answers3;
   let questionParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const normalizedQuestionParams = (0, _queryKeyFactory.normalizeOrderParams)(questionParams);
   const {
@@ -693,6 +693,8 @@ const useQuestionsQuery = exports.useQuestionsQuery = function useQuestionsQuery
     isOrderError,
     orderError
   } = useOrderDataQuery(normalizedQuestionParams);
+  const questionsErrorCode = (_orderError$response$ = orderError === null || orderError === void 0 || (_orderError$response = orderError.response) === null || _orderError$response === void 0 || (_orderError$response = _orderError$response.data) === null || _orderError$response === void 0 ? void 0 : _orderError$response.code) !== null && _orderError$response$ !== void 0 ? _orderError$response$ : null;
+  const questionsErrorStatus = (_orderError$response$2 = orderError === null || orderError === void 0 || (_orderError$response2 = orderError.response) === null || _orderError$response2 === void 0 ? void 0 : _orderError$response2.status) !== null && _orderError$response$2 !== void 0 ? _orderError$response$2 : null;
   const execution1AnswerOptions = (0, _react.useMemo)(() => {
     var _orderData$executionA;
     return (0, _helpers__.parseArrayToInputOptions)(orderData === null || orderData === void 0 || (_orderData$executionA = orderData.executionAnswerOptions) === null || _orderData$executionA === void 0 ? void 0 : _orderData$executionA.execution1AnswerOptions);
@@ -708,7 +710,9 @@ const useQuestionsQuery = exports.useQuestionsQuery = function useQuestionsQuery
     execution1Answer: orderData === null || orderData === void 0 || (_orderData$answers = orderData.answers) === null || _orderData$answers === void 0 ? void 0 : _orderData$answers.execution1,
     execution2Answer: orderData === null || orderData === void 0 || (_orderData$answers2 = orderData.answers) === null || _orderData$answers2 === void 0 ? void 0 : _orderData$answers2.execution2,
     durationAnswer: orderData === null || orderData === void 0 || (_orderData$answers3 = orderData.answers) === null || _orderData$answers3 === void 0 ? void 0 : _orderData$answers3.duration,
-    questionsError: (orderError === null || orderError === void 0 || (_orderError$response = orderError.response) === null || _orderError$response === void 0 || (_orderError$response = _orderError$response.data) === null || _orderError$response === void 0 ? void 0 : _orderError$response.code) || orderError,
+    questionsError: questionsErrorCode || orderError,
+    questionsErrorCode,
+    questionsErrorStatus,
     execution1AnswerOptions,
     execution2AnswerOptions,
     durationQuestion

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

@@ -263,10 +263,15 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
   const needsCustomerDeliveryIdentity = isDirectDeliveryEnabled;
   const isNetherlandsSelected = (0, _react.useMemo)(() => {
     if (!(selectedCountry !== null && selectedCountry !== void 0 && selectedCountry.label)) return false;
-    return selectedCountry.label.toUpperCase() === 'NEDERLAND';
+    return selectedCountry.label.toUpperCase() === _constants__.COUNTRY_NAMES.NETHERLANDS;
   }, [selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.label]);
-  const shouldRequireKvkNumber = needsCustomerDeliveryIdentity && isBusinessOwnership && (isNetherlandsSelected || !(customer !== null && customer !== void 0 && (_customer$vatNumber = customer.vatNumber) !== null && _customer$vatNumber !== void 0 && _customer$vatNumber.trim()));
-  const shouldRequireVatNumber = needsCustomerDeliveryIdentity && isBusinessOwnership && !isNetherlandsSelected && !(customer !== null && customer !== void 0 && (_customer$kvkNumber = customer.kvkNumber) !== null && _customer$kvkNumber !== void 0 && _customer$kvkNumber.trim());
+  const isBelgiumSelected = (0, _react.useMemo)(() => {
+    if (!(selectedCountry !== null && selectedCountry !== void 0 && selectedCountry.label)) return false;
+    const normalizedCountryLabel = selectedCountry.label.trim().toUpperCase();
+    return normalizedCountryLabel === _constants__.COUNTRY_NAMES.BELGIUM || normalizedCountryLabel === _constants__.COUNTRY_NAMES.BELGIUM_FALLBACK;
+  }, [selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.label]);
+  const shouldRequireKvkNumber = needsCustomerDeliveryIdentity && isBusinessOwnership && (isNetherlandsSelected || !isNetherlandsSelected && !isBelgiumSelected && !(customer !== null && customer !== void 0 && (_customer$vatNumber = customer.vatNumber) !== null && _customer$vatNumber !== void 0 && _customer$vatNumber.trim()));
+  const shouldRequireVatNumber = needsCustomerDeliveryIdentity && isBusinessOwnership && (isBelgiumSelected || !isNetherlandsSelected && !isBelgiumSelected && !(customer !== null && customer !== void 0 && (_customer$kvkNumber = customer.kvkNumber) !== null && _customer$kvkNumber !== void 0 && _customer$kvkNumber.trim()));
 
   // Helper to update customer data for the active ownership type
   const updateCustomerField = (0, _react.useCallback)((field, value) => {
@@ -526,7 +531,13 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
           });
           return false;
         }
-        if (!isNetherlandsSelected && !hasKvkNumber && !hasVatNumber) {
+        if (isBelgiumSelected && !hasVatNumber) {
+          onValidationError === null || onValidationError === void 0 || onValidationError({
+            vatNumber: 'BTW-nummer is verplicht voor zakelijke dossiers in België'
+          });
+          return false;
+        }
+        if (!isNetherlandsSelected && !isBelgiumSelected && !hasKvkNumber && !hasVatNumber) {
           onValidationError === null || onValidationError === void 0 || onValidationError({
             kvkNumber: 'Vul een KVK- of BTW-nummer in',
             vatNumber: 'Vul een KVK- of BTW-nummer in'

package/dist/src/shared/__constants__/index.js

@@ -6,7 +6,7 @@ require("core-js/modules/es.string.trim.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapBranchFormulaToConfiguratorFormula = exports.isThcFamilyFormula = exports.getThemeFormulaForConfiguratorFormula = exports.getConfiguratorFormulaCode = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TOWMOTIVE_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.EXECUTION_HELP_CONTACT_DETAILS_BY_FORMULA = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.ApiStockStatus = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
+exports.mapBranchFormulaToConfiguratorFormula = exports.isThcFamilyFormula = exports.getThemeFormulaForConfiguratorFormula = exports.getConfiguratorFormulaCode = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TOWMOTIVE_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.EXECUTION_HELP_CONTACT_DETAILS_BY_FORMULA = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.COUNTRY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.ApiStockStatus = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.trim.js");
@@ -27,6 +27,11 @@ const FORM_ERROR_MESSAGES = exports.FORM_ERROR_MESSAGES = {
   licensePlateMin: 'Kenteken moet minimaal 6 characters bevatten',
   licensePlateMax: 'Kenteken mag maximaal 8 characters bevatten'
 };
+const COUNTRY_NAMES = exports.COUNTRY_NAMES = {
+  NETHERLANDS: 'NEDERLAND',
+  BELGIUM: 'BELGIË',
+  BELGIUM_FALLBACK: 'BELGIE'
+};
 const BRANCH_FORMULAS = exports.BRANCH_FORMULAS = {
   Trekhaakcentrum: 'Trekhaakcentrum',
   TowMotiveGroup: 'TowMotive Group',

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

@@ -58,6 +58,12 @@ function _interopRequireWildcard(e, r) {
   return n.default = e, t && t.set(e, n), n;
 }
 const licensePlateValidator = new _LicensePlateValidator.default();
+const isValidLicensePlate = function isValidLicensePlate() {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  const normalizedValue = String(value !== null && value !== void 0 ? value : '');
+  const stripped = normalizedValue.replace(/-/g, '').toUpperCase();
+  return stripped.length === 6 && licensePlateValidator.getSideCode(stripped) > 0;
+};
 const LicensePlateForm = _ref => {
   var _ref2;
   let {
@@ -109,8 +115,7 @@ const LicensePlateForm = _ref => {
       action: 'submit',
       action_value: buttonLabel
     });
-    const stripped = (plate !== null && plate !== void 0 ? plate : '').replace(/-/g, '').toUpperCase();
-    const isValid = stripped.length === 6 && licensePlateValidator.getSideCode(stripped) > 0;
+    const isValid = isValidLicensePlate(plate !== null && plate !== void 0 ? plate : '');
     (0, _Datalayer.pushToDataLayer)({
       event: 'configurator',
       component: trackingComponent,
@@ -119,6 +124,9 @@ const LicensePlateForm = _ref => {
       action: 'submit',
       action_value: isValid ? 'valid' : 'invalid - Uw kenteken staat (nog) niet in onze database. Kies uw voertuig via de merk/model selectie.'
     });
+    if (!isValid) {
+      return;
+    }
     onSubmit(isFilter ? overridePlate : undefined);
   };
   const handleLicensePlateChange = value => {
@@ -162,7 +170,7 @@ const LicensePlateForm = _ref => {
     onClick: () => {
       handleSubmitWithTracking(isFilter ? filterLicensePlate : undefined);
     },
-    isDisabled: !isFilter ? !licensePlate || licensePlate.length < 6 : false,
+    isDisabled: !isValidLicensePlate(isFilter ? filterLicensePlate : licensePlate),
     label: isFilter ? 'Filteren' : 'Volgende'
   })))));
 };

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

@@ -1,14 +1,12 @@
 "use strict";
 
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/es.string.search.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/web.url-search-params.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
@@ -17,11 +15,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/es.string.search.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/web.url-search-params.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
 var _queries = require("../__api__/queries");
@@ -163,14 +159,6 @@ const QuestionsForm = _ref => {
     formula = singleOrderFormulaCode;
   }
   const history = (0, _reactRouter.useHistory)();
-  const {
-    search
-  } = (0, _reactRouter.useLocation)();
-  const notFoundRedirectTarget = (0, _react.useMemo)(() => {
-    const searchParams = new URLSearchParams(search);
-    searchParams.set('notFound', 'true');
-    return "/configurator".concat(searchParams.size ? "?".concat(searchParams.toString()) : '');
-  }, [search]);
 
   // Create a modified version of execution answers for the query
   // Only include both execution answers if both are provided
@@ -209,6 +197,8 @@ const QuestionsForm = _ref => {
     execution2AnswerOptions,
     durationAnswer: durationAnswerPrefilled,
     questionsError,
+    questionsErrorCode,
+    questionsErrorStatus,
     durationQuestion
   } = questionsObject;
 
@@ -278,6 +268,9 @@ const QuestionsForm = _ref => {
           type: _OrderSessionContext.orderSessionActions.CLEAR_ANSWERS
         });
         if (isFilter) {
+          if (questionsError) {
+            return;
+          }
           if (!initialModel) {
             onSubmit({
               type: 'licensePlate',
@@ -293,16 +286,14 @@ const QuestionsForm = _ref => {
           }
           return;
         } else {
-          if (questionsError) {
-            onPrev(1);
-          } else {
+          if (!questionsError) {
             history.push('/configurator/trekhaakpakket');
           }
         }
       }
     }
   }, [isLoadingQuestions, durationOptions, execution1Options, execution2Options, execution2AnswerOptions, execution1AnswerOptions, durationQuestion, isFilter, questionsError]);
-  const isNotFoundQuestionError = questionsError === _constants__.API_ERROR_CODES.notFound || questionsError === _constants__.API_ERROR_CODES.notFoundAldoc;
+  const isNotFoundQuestionError = questionsErrorCode === _constants__.API_ERROR_CODES.notFound || questionsErrorCode === _constants__.API_ERROR_CODES.notFoundAldoc || questionsErrorStatus === 404 || typeof questionsErrorCode === 'string' && questionsErrorCode.includes('NOT_FOUND');
   const isWaitingForInternalSessionContext = APP_CONFIG.internal && initialized && authenticated && !isSessionContextReady;
   const handlePrev = () => {
     (0, _Datalayer.pushToDataLayer)({
@@ -333,8 +324,26 @@ const QuestionsForm = _ref => {
     }));
   }
   if (isNotFoundQuestionError) {
+    if (isFilter) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _helpers__.withStyle)('card-body')
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _helpers__.withStyle)('alert alert-danger mb-3')
+      }, /*#__PURE__*/_react.default.createElement("small", null, "Het opgegeven kenteken kon niet worden gevonden. Probeer een ander kenteken of zoek via merk.")), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _helpers__.withStyle)('row align-items-center justify-content-end')
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _helpers__.withStyle)("col col-sm-auto mt-1")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _helpers__.withStyle)('d-grid gap-2')
+      }, /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+        type: "button",
+        isDisabled: false,
+        onClick: handlePrev,
+        label: 'Ga terug'
+      })))));
+    }
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
-      to: notFoundRedirectTarget
+      to: "/configurator/geen-producten"
     });
   }
   if (questionsError) {

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

@@ -217,7 +217,7 @@ const getBranchCity = function getBranchCity() {
   return (branch === null || branch === void 0 ? void 0 : branch.city) || (branch === null || branch === void 0 ? void 0 : branch.gemeente) || '';
 };
 const InternalAppointmentForm = _ref => {
-  var _branchTypes$byId$aut, _authSession$branch, _authSession$branch2, _contextCustomer$note2;
+  var _branchTypes$byId$aut, _authSession$branch, _customer$vatNumber, _customer$kvkNumber, _authSession$branch2, _contextCustomer$note2;
   let {
     onSubmit = payload => {},
     isError = false,
@@ -456,10 +456,15 @@ const InternalAppointmentForm = _ref => {
   const isLeaseOwnership = activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij;
   const isNetherlandsSelected = (0, _react.useMemo)(() => {
     if (!(selectedCountry !== null && selectedCountry !== void 0 && selectedCountry.label)) return false;
-    return selectedCountry.label.toUpperCase() === 'NEDERLAND';
+    return selectedCountry.label.toUpperCase() === _constants__.COUNTRY_NAMES.NETHERLANDS;
   }, [selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.label]);
-  const shouldRequireKvkNumber = isBusinessOwnership && (isNetherlandsSelected || !isNetherlandsSelected && !(customer !== null && customer !== void 0 && customer.vatNumber));
-  const shouldRequireVatNumber = isBusinessOwnership && !isNetherlandsSelected && !(customer !== null && customer !== void 0 && customer.kvkNumber);
+  const isBelgiumSelected = (0, _react.useMemo)(() => {
+    if (!(selectedCountry !== null && selectedCountry !== void 0 && selectedCountry.label)) return false;
+    const normalizedCountryLabel = selectedCountry.label.trim().toUpperCase();
+    return normalizedCountryLabel === _constants__.COUNTRY_NAMES.BELGIUM || normalizedCountryLabel === _constants__.COUNTRY_NAMES.BELGIUM_FALLBACK;
+  }, [selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.label]);
+  const shouldRequireKvkNumber = isBusinessOwnership && (isNetherlandsSelected || !isNetherlandsSelected && !isBelgiumSelected && !(customer !== null && customer !== void 0 && (_customer$vatNumber = customer.vatNumber) !== null && _customer$vatNumber !== void 0 && _customer$vatNumber.trim()));
+  const shouldRequireVatNumber = isBusinessOwnership && (isBelgiumSelected || !isNetherlandsSelected && !isBelgiumSelected && !(customer !== null && customer !== void 0 && (_customer$kvkNumber = customer.kvkNumber) !== null && _customer$kvkNumber !== void 0 && _customer$kvkNumber.trim()));
   const {
     branchById
   } = (0, _queries.useBranchByIdOrWidgetId)(selectedBranch);
@@ -502,7 +507,7 @@ const InternalAppointmentForm = _ref => {
   const handleSubmit = async function handleSubmit() {
     let appointmentType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _constants__.DOSSIER_TYPES.PlannedAppointment;
     try {
-      var _customer$kvkNumber, _customer$vatNumber, _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$houseNumber2, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _ref3, _contextCustomer$anwb, _contextCustomer$note, _customer$zipCode, _customer$companyName, _customer$kvkNumber2, _customer$vatNumber2, _ref4, _vehicle$leaseNumber, _vehicle$leaseNumberU, _customer$companyName2, _customer$kvkNumber3, _customer$vatNumber3;
+      var _customer$kvkNumber2, _customer$vatNumber2, _customer$firstName, _customer$lastName, _customer$phoneNumber, _customer$houseNumber, _customer$houseNumber2, _customer$streetName, _customer$countryId, _customer$city, _customer$email, _ref3, _contextCustomer$anwb, _contextCustomer$note, _customer$zipCode, _customer$companyName, _customer$kvkNumber3, _customer$vatNumber3, _ref4, _vehicle$leaseNumber, _vehicle$leaseNumberU, _customer$companyName2, _customer$kvkNumber4, _customer$vatNumber4;
       setErrors({});
       if (!model) {
         // Note: this does not throw on error.
@@ -524,8 +529,8 @@ const InternalAppointmentForm = _ref => {
           return;
         }
       }
-      const hasKvkNumber = !!(customer !== null && customer !== void 0 && (_customer$kvkNumber = customer.kvkNumber) !== null && _customer$kvkNumber !== void 0 && _customer$kvkNumber.trim());
-      const hasVatNumber = !!(customer !== null && customer !== void 0 && (_customer$vatNumber = customer.vatNumber) !== null && _customer$vatNumber !== void 0 && _customer$vatNumber.trim());
+      const hasKvkNumber = !!(customer !== null && customer !== void 0 && (_customer$kvkNumber2 = customer.kvkNumber) !== null && _customer$kvkNumber2 !== void 0 && _customer$kvkNumber2.trim());
+      const hasVatNumber = !!(customer !== null && customer !== void 0 && (_customer$vatNumber2 = customer.vatNumber) !== null && _customer$vatNumber2 !== void 0 && _customer$vatNumber2.trim());
       if (isBusinessOwnership) {
         if (isNetherlandsSelected && !hasKvkNumber) {
           setErrors({
@@ -533,7 +538,13 @@ const InternalAppointmentForm = _ref => {
           });
           return;
         }
-        if (!isNetherlandsSelected && !hasKvkNumber && !hasVatNumber) {
+        if (isBelgiumSelected && !hasVatNumber) {
+          setErrors({
+            vatNumber: 'BTW-nummer is verplicht voor zakelijke dossiers in België'
+          });
+          return;
+        }
+        if (!isNetherlandsSelected && !isBelgiumSelected && !hasKvkNumber && !hasVatNumber) {
           setErrors({
             kvkNumber: 'Vul een KVK- of BTW-nummer in',
             vatNumber: 'Vul een KVK- of BTW-nummer in'
@@ -577,8 +588,8 @@ const InternalAppointmentForm = _ref => {
           note: (_contextCustomer$note = contextCustomer === null || contextCustomer === void 0 ? void 0 : contextCustomer.note) !== null && _contextCustomer$note !== void 0 ? _contextCustomer$note : undefined,
           zipCode: (_customer$zipCode = customer === null || customer === void 0 ? void 0 : customer.zipCode) !== null && _customer$zipCode !== void 0 ? _customer$zipCode : undefined,
           companyName: activeOwnershipType !== _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij ? (_customer$companyName = customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _customer$companyName !== void 0 ? _customer$companyName : undefined : undefined,
-          kvkNumber: (_customer$kvkNumber2 = customer === null || customer === void 0 ? void 0 : customer.kvkNumber) !== null && _customer$kvkNumber2 !== void 0 ? _customer$kvkNumber2 : undefined,
-          vatNumber: (_customer$vatNumber2 = customer === null || customer === void 0 ? void 0 : customer.vatNumber) !== null && _customer$vatNumber2 !== void 0 ? _customer$vatNumber2 : undefined
+          kvkNumber: (_customer$kvkNumber3 = customer === null || customer === void 0 ? void 0 : customer.kvkNumber) !== null && _customer$kvkNumber3 !== void 0 ? _customer$kvkNumber3 : undefined,
+          vatNumber: (_customer$vatNumber3 = customer === null || customer === void 0 ? void 0 : customer.vatNumber) !== null && _customer$vatNumber3 !== void 0 ? _customer$vatNumber3 : undefined
         })),
         customerAgreed,
         appointment,
@@ -630,8 +641,8 @@ const InternalAppointmentForm = _ref => {
       });
       payload.customer = _objectSpread(_objectSpread({}, payload.customer || {}), {}, {
         companyName: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk ? (_customer$companyName2 = customer === null || customer === void 0 ? void 0 : customer.companyName) !== null && _customer$companyName2 !== void 0 ? _customer$companyName2 : '' : '',
-        kvkNumber: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk ? (_customer$kvkNumber3 = customer === null || customer === void 0 ? void 0 : customer.kvkNumber) !== null && _customer$kvkNumber3 !== void 0 ? _customer$kvkNumber3 : '' : '',
-        vatNumber: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk ? (_customer$vatNumber3 = customer === null || customer === void 0 ? void 0 : customer.vatNumber) !== null && _customer$vatNumber3 !== void 0 ? _customer$vatNumber3 : '' : ''
+        kvkNumber: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk ? (_customer$kvkNumber4 = customer === null || customer === void 0 ? void 0 : customer.kvkNumber) !== null && _customer$kvkNumber4 !== void 0 ? _customer$kvkNumber4 : '' : '',
+        vatNumber: activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Zakelijk ? (_customer$vatNumber4 = customer === null || customer === void 0 ? void 0 : customer.vatNumber) !== null && _customer$vatNumber4 !== void 0 ? _customer$vatNumber4 : '' : ''
       });
       if (existingDossierId && appointmentType === _constants__.DOSSIER_TYPES.PlannedAppointment && typeof invoicePaymentByLeaseCompany === 'boolean') {
         payload.invoicePaymentByLeaseCompany = activeOwnershipType === _constants__.VEHICLE_OWNERSHIP_TYPE.Leasemaatschappij ? invoicePaymentByLeaseCompany : false;

package/dist/src/shared/__pages__/LicensePlatePage.js

@@ -77,7 +77,7 @@ const LicensePlatePage = () => {
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const [, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const themeClass = (0, _helpers__.getConfiguratorThemeClass)((0, _useBranchTheme.useBranchTheme)());
-  const [licensePlateURL, widgetOrEntityId, discountCode, franchiseName, notFound, vestigingRecId] = (0, _useSearchParam.default)(['licensePlate', 'branch', 'discountCode', 'naamKeten', 'notFound', 'vestigingRecId']);
+  const [licensePlateURL, widgetOrEntityId, discountCode, franchiseName, vestigingRecId] = (0, _useSearchParam.default)(['licensePlate', 'branch', 'discountCode', 'naamKeten', 'vestigingRecId']);
   const branchIdOrVestigingRecId = widgetOrEntityId || vestigingRecId;
   const {
     branchById,
@@ -173,9 +173,7 @@ const LicensePlatePage = () => {
     isCentered: true,
     isScrollable: true,
     title: 'Wij zoeken naar de beste oplossing'
-  }, branchIdOrVestigingRecId && isLoadingBranchById && /*#__PURE__*/_react.default.createElement(_TextSpinner.default, null), notFound === 'true' && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('alert alert-danger mb-3')
-  }, /*#__PURE__*/_react.default.createElement("small", null, "Het opgegeven kenteken kon niet worden gevonden. Probeer een ander kenteken of zoek via merk.")), Steps[activeStep], /*#__PURE__*/_react.default.createElement("div", {
+  }, branchIdOrVestigingRecId && isLoadingBranchById && /*#__PURE__*/_react.default.createElement(_TextSpinner.default, null), Steps[activeStep], /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('align-items-center justify-content-center text-center mt-2')
   }, /*#__PURE__*/_react.default.createElement(_FormSteps.default, {
     count: Steps.length,

package/package.json

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