thm-p3-configurator 0.0.20 → 0.0.24

package/dist/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "InternalManualSelectionPage", {
     return _index.InternalManualSelectionPage;
   }
 });
+Object.defineProperty(exports, "InternalNoProductsPage", {
+  enumerable: true,
+  get: function get() {
+    return _index.InternalNoProductsPage;
+  }
+});
 Object.defineProperty(exports, "InternalOverviewPage", {
   enumerable: true,
   get: function get() {
@@ -75,18 +81,6 @@ Object.defineProperty(exports, "InternalQuotationPage", {
     return _index.InternalQuotationPage;
   }
 });
-Object.defineProperty(exports, "NoProductsPage", {
-  enumerable: true,
-  get: function get() {
-    return _NoProductsPage.NoProductsPage;
-  }
-});
-Object.defineProperty(exports, "NotFoundPage", {
-  enumerable: true,
-  get: function get() {
-    return _NoProductsPage.NotFoundPage;
-  }
-});
 Object.defineProperty(exports, "OrderSessionController", {
   enumerable: true,
   get: function get() {
@@ -153,7 +147,6 @@ var _ActiveMarkerContext = require("./src/shared/__context__/ActiveMarkerContext
 var _CountryContext = require("./src/shared/__context__/CountryContext.js");
 var _FormulaContext = require("./src/shared/__context__/FormulaContext.js");
 var _OrderSessionContext = require("./src/shared/__context__/OrderSessionContext.js");
-var _NoProductsPage = require("./src/shared/__pages__/NoProductsPage.js");
 var _index = require("./src/shared/__pages__/internal/index.js");
 var _mainModule = _interopRequireDefault(require("./src/shared/__style__/main.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/src/shared/App.js

@@ -16,7 +16,7 @@ var _reactQuery = require("react-query");
 var _reactRouterDom = require("react-router-dom");
 var _Navbar = _interopRequireDefault(require("./__components__/Navbar"));
 var _constants__ = require("./__constants__");
-var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/Internal/InternalBranchSelectorModal"));
+var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
 var _SentryWrapper = _interopRequireDefault(require("./__containers__/SentryWrapper"));
 var _StyleWrapper = _interopRequireDefault(require("./__containers__/StyleWrapper"));
 var _ActiveMarkerContext = require("./__context__/ActiveMarkerContext");

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

@@ -171,7 +171,7 @@ const useProductsQuery = orderParameters => {
  */
 exports.useProductsQuery = useProductsQuery;
 const useQuestionsQuery = questionParams => {
-  var _questionsQuery$error, _questionsQuery$data$, _questionsQuery$data, _questionsQuery$data$2, _questionsQuery$data2;
+  var _questionsQuery$error, _questionsQuery$data$, _questionsQuery$data, _questionsQuery$data$2, _questionsQuery$data2, _questionsQuery$data$3, _questionsQuery$data3;
   const {
     licensePlate,
     model
@@ -180,10 +180,11 @@ const useQuestionsQuery = questionParams => {
   const questionsQuery = (0, _reactQuery.useQuery)(['questions', questionsParamsString], {
     enabled: (licensePlate === null || licensePlate === void 0 ? void 0 : licensePlate.length) > 5 || !!(model !== null && model !== void 0 && model.length),
     queryFn: () => _orderApi.orderApi.getOrder(questionsParamsString).then(res => {
-      var _res$data5, _res$data$data$execut, _res$data6;
+      var _res$data5, _res$data6, _res$data7;
       return {
         durationQuestion: (0, _helpers__.parseArrayToInputOptions)(res === null || res === void 0 || (_res$data5 = res.data) === null || _res$data5 === void 0 || (_res$data5 = _res$data5.data) === null || _res$data5 === void 0 ? void 0 : _res$data5.durationAnswerOptions),
-        questions: Object.values((_res$data$data$execut = res === null || res === void 0 || (_res$data6 = res.data) === null || _res$data6 === void 0 || (_res$data6 = _res$data6.data) === null || _res$data6 === void 0 ? void 0 : _res$data6.executionAnswerOptions) !== null && _res$data$data$execut !== void 0 ? _res$data$data$execut : {}).map(answersSet => (0, _helpers__.parseArrayToInputOptions)(answersSet))
+        execution1AnswerOptions: (0, _helpers__.parseArrayToInputOptions)(res === null || res === void 0 || (_res$data6 = res.data) === null || _res$data6 === void 0 || (_res$data6 = _res$data6.data) === null || _res$data6 === void 0 || (_res$data6 = _res$data6.executionAnswerOptions) === null || _res$data6 === void 0 ? void 0 : _res$data6.execution1AnswerOptions),
+        execution2AnswerOptions: (0, _helpers__.parseArrayToInputOptions)(res === null || res === void 0 || (_res$data7 = res.data) === null || _res$data7 === void 0 || (_res$data7 = _res$data7.data) === null || _res$data7 === void 0 || (_res$data7 = _res$data7.executionAnswerOptions) === null || _res$data7 === void 0 ? void 0 : _res$data7.execution2AnswerOptions)
       };
     })
   });
@@ -191,8 +192,9 @@ const useQuestionsQuery = questionParams => {
     isLoadingQuestions: questionsQuery.isFetching,
     isQuestionsError: questionsQuery.isError,
     questionsError: ((_questionsQuery$error = questionsQuery.error) === null || _questionsQuery$error === void 0 || (_questionsQuery$error = _questionsQuery$error.response) === null || _questionsQuery$error === void 0 || (_questionsQuery$error = _questionsQuery$error.data) === null || _questionsQuery$error === void 0 ? void 0 : _questionsQuery$error.code) || questionsQuery.error,
-    questions: (_questionsQuery$data$ = questionsQuery === null || questionsQuery === void 0 || (_questionsQuery$data = questionsQuery.data) === null || _questionsQuery$data === void 0 ? void 0 : _questionsQuery$data.questions) !== null && _questionsQuery$data$ !== void 0 ? _questionsQuery$data$ : [],
-    durationQuestion: (_questionsQuery$data$2 = questionsQuery === null || questionsQuery === void 0 || (_questionsQuery$data2 = questionsQuery.data) === null || _questionsQuery$data2 === void 0 ? void 0 : _questionsQuery$data2.durationQuestion) !== null && _questionsQuery$data$2 !== void 0 ? _questionsQuery$data$2 : []
+    execution1AnswerOptions: (_questionsQuery$data$ = questionsQuery === null || questionsQuery === void 0 || (_questionsQuery$data = questionsQuery.data) === null || _questionsQuery$data === void 0 ? void 0 : _questionsQuery$data.execution1AnswerOptions) !== null && _questionsQuery$data$ !== void 0 ? _questionsQuery$data$ : [],
+    execution2AnswerOptions: (_questionsQuery$data$2 = questionsQuery === null || questionsQuery === void 0 || (_questionsQuery$data2 = questionsQuery.data) === null || _questionsQuery$data2 === void 0 ? void 0 : _questionsQuery$data2.execution2AnswerOptions) !== null && _questionsQuery$data$2 !== void 0 ? _questionsQuery$data$2 : [],
+    durationQuestion: (_questionsQuery$data$3 = questionsQuery === null || questionsQuery === void 0 || (_questionsQuery$data3 = questionsQuery.data) === null || _questionsQuery$data3 === void 0 ? void 0 : _questionsQuery$data3.durationQuestion) !== null && _questionsQuery$data$3 !== void 0 ? _questionsQuery$data$3 : []
   };
 };
 

package/dist/src/shared/__components__/LocationsSelector/LocationClusteredTreeMarkers.js

@@ -194,7 +194,7 @@ const LocationClusteredTreeMarkers = _ref => {
   }, [setActiveMarkerId, dispatch]);
   const memoizedTreeMarkers = (0, _react.useMemo)(() => {
     return trees.map(tree => /*#__PURE__*/_react.default.createElement(_LocationTreeMarker.default, {
-      key: tree.entityId,
+      key: tree === null || tree === void 0 ? void 0 : tree.entityId,
       tree: tree,
       onClick: handleMarkerClick,
       setMarkerRef: setMarkerRef

package/dist/src/shared/__components__/LocationsSelector/LocationList.js

@@ -149,13 +149,13 @@ const LocationList = _ref => {
     return a.distance - b.distance;
   });
   (0, _react.useEffect)(() => {
-    if (selectedRef.current) {
+    if (sortedLocations !== null && sortedLocations !== void 0 && sortedLocations.length && selectedRef.current) {
       selectedRef.current.scrollIntoView({
         behavior: 'smooth',
         block: 'center'
       });
     }
-  }, [activeMarkerId, selectedBranch]);
+  }, [activeMarkerId, selectedBranch, sortedLocations]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('dealer-list')
   }, /*#__PURE__*/_react.default.createElement("h5", null, userLocation ? 'Dichtsbijzijnde montagelocaties' : 'Montagelocaties'), isLoading && /*#__PURE__*/_react.default.createElement(LocationsLoading, null), !isLoading && !locationIds.length && /*#__PURE__*/_react.default.createElement(NoLocationFound, null), sortedLocations.map(location => /*#__PURE__*/_react.default.createElement(_LocationListItem.default, {

package/dist/src/shared/__components__/LocationsSelector/LocationTreeMarker.js

@@ -50,8 +50,8 @@ const LocationTreeMarker = props => {
     setMarkerRef
   } = props;
   const handleClick = (0, _react.useCallback)(() => onClick(tree), [onClick, tree]);
-  const ref = (0, _react.useCallback)(marker => setMarkerRef(marker, tree.entityId), [setMarkerRef, tree.entityId]);
-  const coordinates = tree.googleMapsLocation;
+  const ref = (0, _react.useCallback)(marker => setMarkerRef(marker, tree === null || tree === void 0 ? void 0 : tree.entityId), [setMarkerRef, tree === null || tree === void 0 ? void 0 : tree.entityId]);
+  const coordinates = tree === null || tree === void 0 ? void 0 : tree.googleMapsLocation;
   if (!coordinates) {
     return null;
   }

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

@@ -12,6 +12,7 @@ var _reactGoogleMaps = require("@vis.gl/react-google-maps");
 var _react = _interopRequireWildcard(require("react"));
 var _queries = require("../../__api__/queries");
 var _FormulaContext = require("../../__context__/FormulaContext");
+var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
 var _useBreakpoint = _interopRequireDefault(require("../../__hooks__/useBreakpoint"));
 var _useUserLocation = _interopRequireDefault(require("../../__hooks__/useUserLocation"));
@@ -62,12 +63,16 @@ const LocationsSelector = /*#__PURE__*/_react.default.memo(() => {
   const isDesktop = screen.size >= 1200;
   const [visibleIds, setVisibleIds] = (0, _react.useState)([]);
   const formula = (0, _FormulaContext.useFormula)();
+  const [{
+    franchiseName
+  }] = (0, _OrderSessionContext.useOrderSession)();
   const {
     branches: locations
   } = (0, _queries.useBranchesQuery)({
     offset: 0,
-    limit: 200,
-    formula
+    limit: 400,
+    formula,
+    franchiseName
   });
   const {
     byId,
@@ -115,7 +120,9 @@ const LocationsSelector = /*#__PURE__*/_react.default.memo(() => {
     className: "".concat((0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0'))
   }, isDesktop && /*#__PURE__*/_react.default.createElement(_LocationAutoComplete.default, {
     setUserLocation: setUserLocation
-  }), /*#__PURE__*/_react.default.createElement(_LocationList.default, {
+  }), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {
+    className: (0, _helpers__.withStyle)('my-2')
+  }, "Keten: ", franchiseName), /*#__PURE__*/_react.default.createElement(_LocationList.default, {
     locationIds: visibleIds,
     locationsById: byId,
     userLocation: userLocation

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

@@ -56,14 +56,15 @@ const ANWBMembershipValidator = () => {
     customer,
     licensePlate,
     model,
-    answers,
     durationAnswer,
     selectedBoardComputer,
     selectedDiscountedProducts = [],
     selectedCableset,
     selectedCombiset,
     selectedTowbar,
-    discountCode
+    discountCode,
+    executionAnswer1,
+    executionAnswer2
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [isNumberValid, setIsNumberValid] = (0, _react.useState)();
   const formula = (0, _FormulaContext.useFormula)();
@@ -82,8 +83,8 @@ const ANWBMembershipValidator = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     selectBoardComputerUpdate: selectedBoardComputer != null,
     cart: cartInput ? JSON.stringify(cartInput) : undefined,

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

@@ -123,7 +123,6 @@ const AppointmentForm = () => {
     customer,
     licensePlate,
     model,
-    answers,
     durationAnswer,
     selectedBoardComputer,
     selectedCableset,
@@ -131,6 +130,8 @@ const AppointmentForm = () => {
     selectedTowbar,
     selectedBranch,
     discountCode,
+    executionAnswer1,
+    executionAnswer2,
     selectedDiscountedProducts = []
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
@@ -149,8 +150,8 @@ const AppointmentForm = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode
@@ -169,8 +170,8 @@ const AppointmentForm = () => {
         model,
         answers: (0, _helpers__.removeNullishProps)({
           duration: durationAnswer || (vehicleDetails === null || vehicleDetails === void 0 ? void 0 : vehicleDetails.duration),
-          execution1: answers === null || answers === void 0 ? void 0 : answers['0'],
-          execution2: answers === null || answers === void 0 ? void 0 : answers['1']
+          execution1: executionAnswer1,
+          execution2: executionAnswer2
         }),
         customer: _objectSpread(_objectSpread({}, customer), {}, {
           firstName: (customer === null || customer === void 0 ? void 0 : customer.firstName) || '(Onbekend)',

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

@@ -19,16 +19,11 @@ function _interopRequireDefault(obj) {
 }
 const DiscountProductsSelector = () => {
   const [{
-    customer,
     licensePlate,
     model,
-    answers,
     durationAnswer,
-    selectedBoardComputer,
-    selectedCableset,
-    selectedCombiset,
-    selectedTowbar,
-    selectedBranch,
+    executionAnswer1,
+    executionAnswer2,
     discountCode,
     selectedDiscountedProducts
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
@@ -38,8 +33,8 @@ const DiscountProductsSelector = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode

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

@@ -125,7 +125,6 @@ const ExitIntentModal = () => {
     customer,
     licensePlate,
     model,
-    answers,
     durationAnswer,
     selectedBoardComputer,
     selectedCableset,
@@ -133,6 +132,8 @@ const ExitIntentModal = () => {
     selectedTowbar,
     selectedBranch,
     discountCode,
+    executionAnswer1,
+    executionAnswer2,
     selectedDiscountedProducts = []
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
@@ -141,8 +142,8 @@ const ExitIntentModal = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode
@@ -181,8 +182,8 @@ const ExitIntentModal = () => {
         model,
         answers: (0, _helpers__.removeNullishProps)({
           duration: durationAnswer || vehicleDetails.duration,
-          execution1: answers === null || answers === void 0 ? void 0 : answers['0'],
-          execution2: answers === null || answers === void 0 ? void 0 : answers['1']
+          execution1: executionAnswer1,
+          execution2: executionAnswer2
         }),
         formula,
         discount: discountCode ? {

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

@@ -55,13 +55,9 @@ const ProductDiscountCard = () => {
     customer,
     licensePlate,
     model,
-    answers,
     durationAnswer,
-    selectedBoardComputer,
-    selectedCableset,
-    selectedCombiset,
-    selectedTowbar,
-    selectedBranch,
+    executionAnswer1,
+    executionAnswer2,
     discountCode
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
@@ -71,8 +67,8 @@ const ProductDiscountCard = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode

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

@@ -64,7 +64,8 @@ const ProductsOverview = () => {
   const [{
     licensePlate,
     model,
-    answers,
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer,
     selectedTowbar,
     selectedCableset,
@@ -90,8 +91,8 @@ const ProductsOverview = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     selectBoardComputerUpdate: selectedBoardComputer != null,
     cart: cartInput ? JSON.stringify(cartInput) : undefined,

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

@@ -1,12 +1,14 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
 var _queries = require("../__api__/queries");
 var _LinkButton = _interopRequireDefault(require("../__components__/Buttons/LinkButton"));
@@ -22,40 +24,105 @@ function _interopRequireDefault(obj) {
     default: obj
   };
 }
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
 const QuestionsForm = _ref => {
   let {
-    onPrev,
-    onSubmit
+    onPrev = () => {},
+    onSubmit = () => {}
   } = _ref;
   const [{
     licensePlate,
     model,
-    answers,
     durationAnswer,
-    discountCode
+    executionAnswer1,
+    executionAnswer2,
+    discountCode,
+    execution1Options,
+    execution2Options,
+    durationOptions
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   const {
     isLoadingQuestions,
-    questions,
+    execution1AnswerOptions,
+    execution2AnswerOptions,
     questionsError,
     durationQuestion
   } = (0, _queries.useQuestionsQuery)({
     licensePlate,
     model,
     formula,
-    discountCode
+    discountCode,
+    executionAnswer1,
+    executionAnswer2,
+    durationAnswer: durationAnswer
   });
-  (0, _queries.useProductsQuery)({
-    licensePlate,
-    model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
-    durationAnswer: durationAnswer,
-    formula,
-    discountCode
-  }); // Prefetch
 
+  // useProductsQuery({
+  //   licensePlate,
+  //   model,
+  //   executionAnswer1,
+  //   executionAnswer2,
+  //   durationAnswer,
+  //   formula,
+  //   discountCode,
+  // }); // Prefetch
+
+  (0, _react.useEffect)(() => {
+    if (durationQuestion !== null && durationQuestion !== void 0 && durationQuestion.length) {
+      console.log('Retry');
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_DURATION_OPTIONS,
+        payload: {
+          options: durationQuestion
+        }
+      });
+    }
+  }, [durationQuestion]);
+  (0, _react.useEffect)(() => {
+    if (execution1AnswerOptions !== null && execution1AnswerOptions !== void 0 && execution1AnswerOptions.length) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_EXECUTION1_OPTIONS,
+        payload: {
+          options: execution1AnswerOptions
+        }
+      });
+    }
+  }, [execution1AnswerOptions]);
+  (0, _react.useEffect)(() => {
+    if (execution2AnswerOptions !== null && execution2AnswerOptions !== void 0 && execution2AnswerOptions.length) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_EXECUTION2_OPTIONS,
+        payload: {
+          options: execution2AnswerOptions
+        }
+      });
+    }
+  }, [execution2AnswerOptions]);
   if (questionsError === _constants__.API_ERROR_CODES.notFound || questionsError === _constants__.API_ERROR_CODES.notFoundAldoc) {
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
       to: "/configurator/geen-producten"
@@ -74,58 +141,54 @@ const QuestionsForm = _ref => {
       description: 'Dit kan ongeveer 15 seconden duren'
     }));
   }
-  if (!(questions !== null && questions !== void 0 && questions.length) && !(durationQuestion !== null && durationQuestion !== void 0 && durationQuestion.length)) {
+  if (!(durationOptions !== null && durationOptions !== void 0 && durationOptions.length) && !(execution1Options !== null && execution1Options !== void 0 && execution1Options.length) && !(execution2Options !== null && execution2Options !== void 0 && execution2Options.length) && !(execution2AnswerOptions !== null && execution2AnswerOptions !== void 0 && execution2AnswerOptions.length) && !(execution1AnswerOptions !== null && execution1AnswerOptions !== void 0 && execution1AnswerOptions.length) && !(durationQuestion !== null && durationQuestion !== void 0 && durationQuestion.length)) {
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
       to: "/configurator/trekhaakpakket"
     });
   }
-  const handleAnswerSelected = _ref2 => {
-    let {
-      number,
-      answer
-    } = _ref2;
-    dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_ANSWER,
-      payload: {
-        number,
-        answer
-      }
-    });
-  };
-  const handleDurationAnswerSelected = _ref3 => {
-    let {
-      answer
-    } = _ref3;
+  const handlePrev = () => {
     dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_DURATION_ANSWER,
-      payload: {
-        answer
-      }
+      type: _OrderSessionContext.orderSessionActions.CLEAR_ANSWERS
     });
+    onPrev();
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "We hebben nog een aantal vragen (max 4) voordat we de juiste trekhaak voor jouw auto kunnen adviseren."), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('my-2')
-  }, questions.map((options, index) => {
-    return /*#__PURE__*/_react.default.createElement(_RadioInput.default, {
-      key: index,
-      name: "questions-".concat(index),
-      label: "Selecteer uw uitvoering",
-      onChange: value => handleAnswerSelected({
-        number: index,
-        answer: value
-      }),
-      initialValue: answers === null || answers === void 0 ? void 0 : answers["".concat(index)],
-      options: options,
-      isRequired: true
-    });
-  }), (durationQuestion === null || durationQuestion === void 0 ? void 0 : durationQuestion.length) > 0 && /*#__PURE__*/_react.default.createElement(_RadioInput.default, {
+  }, (durationOptions === null || durationOptions === void 0 ? void 0 : durationOptions.length) > 0 && /*#__PURE__*/_react.default.createElement(_RadioInput.default, {
     name: "questions-duration",
     label: "Selecteer uw uitvoering",
-    onChange: value => handleDurationAnswerSelected({
-      answer: value
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_DURATION_ANSWER,
+      payload: {
+        answer: value
+      }
     }),
     initialValue: durationAnswer,
-    options: durationQuestion,
+    options: durationOptions,
+    isRequired: true
+  }), (execution1Options === null || execution1Options === void 0 ? void 0 : execution1Options.length) > 0 && /*#__PURE__*/_react.default.createElement(_RadioInput.default, {
+    name: "questions-1",
+    label: "Selecteer uw uitvoering",
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_EXECUTION1_ANSWER,
+      payload: {
+        answer: value
+      }
+    }),
+    initialValue: executionAnswer1,
+    options: execution1Options,
+    isRequired: true
+  }), (execution2Options === null || execution2Options === void 0 ? void 0 : execution2Options.length) > 0 && /*#__PURE__*/_react.default.createElement(_RadioInput.default, {
+    name: "questions-2",
+    label: "Selecteer uw uitvoering",
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_EXECUTION2_ANSWER,
+      payload: {
+        answer: value
+      }
+    }),
+    initialValue: executionAnswer2,
+    options: execution2Options,
     isRequired: true
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row align-items-center justify-content-end mt-2')
@@ -136,15 +199,19 @@ const QuestionsForm = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     type: "button",
     isDisabled: false,
-    onClick: onPrev,
+    onClick: handlePrev,
     label: 'Ga terug'
   }))), /*#__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(_PrimaryButton.default, {
-    isDisabled: Object.keys(answers).length !== questions.length || durationQuestion.length && !durationAnswer,
-    onClick: () => onSubmit(answers),
+    isDisabled: execution1AnswerOptions.length && !executionAnswer1 || execution2AnswerOptions.length && !executionAnswer2 || durationQuestion.length && !durationAnswer,
+    onClick: () => onSubmit({
+      executionAnswer1,
+      executionAnswer2,
+      durationAnswer
+    }),
     label: "Bekijk de mogelijkheden"
   })))));
 };

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

@@ -118,11 +118,12 @@ const QuotationForm = () => {
     customer,
     licensePlate,
     model,
-    answers,
     durationAnswer,
     selectedBoardComputer,
     selectedCableset,
     selectedCombiset,
+    executionAnswer1,
+    executionAnswer2,
     selectedTowbar,
     selectedBranch,
     discountCode,
@@ -143,8 +144,8 @@ const QuotationForm = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode
@@ -164,8 +165,8 @@ const QuotationForm = () => {
         model,
         answers: (0, _helpers__.removeNullishProps)({
           duration: durationAnswer || (vehicleDetails === null || vehicleDetails === void 0 ? void 0 : vehicleDetails.duration),
-          execution1: answers === null || answers === void 0 ? void 0 : answers['0'],
-          execution2: answers === null || answers === void 0 ? void 0 : answers['1']
+          execution1: executionAnswer1,
+          execution2: executionAnswer2
         }),
         discount: discountCode ? {
           code: discountCode

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

@@ -26,7 +26,8 @@ const VehicleData = () => {
   const [{
     licensePlate,
     model,
-    answers,
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer,
     discountCode
   }] = (0, _OrderSessionContext.useOrderSession)();
@@ -37,8 +38,8 @@ const VehicleData = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode

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

@@ -141,7 +141,6 @@ const InternalAppointmentForm = () => {
     model,
     vehicle,
     channel,
-    answers,
     durationAnswer,
     selectedBoardComputer,
     selectedCableset,
@@ -152,7 +151,9 @@ const InternalAppointmentForm = () => {
     discountCode,
     discountPercentage,
     discountAmount,
-    selectedDiscountedProducts = []
+    selectedDiscountedProducts = [],
+    executionAnswer1,
+    executionAnswer2
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)();
@@ -176,8 +177,8 @@ const InternalAppointmentForm = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode
@@ -224,12 +225,11 @@ const InternalAppointmentForm = () => {
         appointment,
         channel,
         licensePlate: (_ref = licensePlate || _licensePlate) === null || _ref === void 0 ? void 0 : _ref.replace(/-/g, ''),
-        answers,
         model,
         answers: (0, _helpers__.removeNullishProps)({
           duration: durationAnswer || (vehicleDetails === null || vehicleDetails === void 0 ? void 0 : vehicleDetails.duration),
-          execution1: answers === null || answers === void 0 ? void 0 : answers['0'],
-          execution2: answers === null || answers === void 0 ? void 0 : answers['1']
+          execution1: executionAnswer1,
+          execution2: executionAnswer2
         }),
         discount: (0, _helpers__.removeNullishProps)({
           code: discountCode,

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

@@ -129,7 +129,8 @@ const InternalQuotationForm = () => {
     customer,
     licensePlate,
     model,
-    answers,
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer,
     selectedBoardComputer,
     selectedCableset,
@@ -160,8 +161,8 @@ const InternalQuotationForm = () => {
   } = (0, _queries.useProductsQuery)({
     licensePlate,
     model,
-    executionAnswer1: answers === null || answers === void 0 ? void 0 : answers['0'],
-    executionAnswer2: answers === null || answers === void 0 ? void 0 : answers['1'],
+    executionAnswer1,
+    executionAnswer2,
     durationAnswer: durationAnswer,
     formula,
     discountCode
@@ -208,12 +209,11 @@ const InternalQuotationForm = () => {
         }),
         channel,
         licensePlate: (_ref = licensePlate || _licensePlate) === null || _ref === void 0 ? void 0 : _ref.replace(/-/g, ''),
-        answers,
         model,
         answers: (0, _helpers__.removeNullishProps)({
           duration: durationAnswer || (vehicleDetails === null || vehicleDetails === void 0 ? void 0 : vehicleDetails.duration),
-          execution1: answers === null || answers === void 0 ? void 0 : answers['0'],
-          execution2: answers === null || answers === void 0 ? void 0 : answers['1']
+          execution1: executionAnswer1,
+          execution2: executionAnswer2
         }),
         discount: (0, _helpers__.removeNullishProps)({
           code: discountCode,

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

@@ -96,8 +96,12 @@ const INITIAL_ORDER_SESSION_STATE = {
   model: null,
   brand: null,
   channel: null,
-  answers: {},
   durationAnswer: null,
+  executionAnswer1: null,
+  executionAnswer2: null,
+  durationOptions: [],
+  execution1Options: [],
+  execution2Options: [],
   selectedExtras: {},
   selectedTowbar: null,
   selectedCableset: null,
@@ -107,6 +111,7 @@ const INITIAL_ORDER_SESSION_STATE = {
   isBoardComputerDeselected: false,
   selectedBranch: null,
   discountCode: null,
+  franchiseName: null,
   vehicle: {
     ownershipType: _constants__.VEHICLE_OWNERSHIP_TYPE.Particulier,
     leaseNumber: ''
@@ -134,8 +139,13 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_BUILD_YEAR: 'SET_BUILD_YEAR',
   SET_MODEL: 'SET_MODEL',
   SET_BRAND: 'SET_BRAND',
-  SET_ANSWER: 'SET_ANSWER',
   SET_DURATION_ANSWER: 'SET_DURATION_ANSWER',
+  SET_EXECUTION1_ANSWER: 'SET_EXECUTION1_ANSWER',
+  SET_EXECUTION2_ANSWER: 'SET_EXECUTION2_ANSWER',
+  SET_DURATION_OPTIONS: 'SET_DURATION_OPTIONS',
+  SET_EXECUTION1_OPTIONS: 'SET_EXECUTION1_OPTIONS',
+  SET_EXECUTION2_OPTIONS: 'SET_EXECUTION2_OPTIONS',
+  CLEAR_ANSWERS: 'CLEAR_ANSWERS',
   SET_SELECTED_TOWBAR: 'SET_SELECTED_TOWBAR',
   SET_SELECTED_CABLESET: 'SET_SELECTED_CABLESET',
   SET_SELECTED_COMBISET: 'SET_SELECTED_COMBISET',
@@ -166,7 +176,8 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_APPOINTMENT_NOTE: 'SET_APPOINTMENT_NOTE',
   SET_DISCOUNT_AMOUNT: 'SET_DISCOUNT_AMOUNT',
   SET_DISCOUNT_PERCENTAGE: 'SET_DISCOUNT_PERCENTAGE',
-  CLEAR_DISCOUNT: 'CLEAR_DISCOUNT'
+  CLEAR_DISCOUNT: 'CLEAR_DISCOUNT',
+  SET_FRANCHISE_NAME: 'SET_FRANCHISE_NAME'
 };
 const orderSessionReducer = (state, action) => {
   switch (action.type) {
@@ -381,25 +392,72 @@ const orderSessionReducer = (state, action) => {
           })
         });
       }
-    case orderSessionActions.SET_ANSWER:
+    case orderSessionActions.SET_DURATION_ANSWER:
       {
         const {
-          answer,
-          number
+          answer
         } = action.payload;
         return _objectSpread(_objectSpread({}, state), {}, {
-          answers: _objectSpread(_objectSpread({}, state.answers), {}, {
-            [number]: answer
-          })
+          durationAnswer: answer,
+          // Remove subsequent questions and answers
+          executionAnswer1: null,
+          executionAnswer2: null,
+          execution1Options: [],
+          execution2Options: []
         });
       }
-    case orderSessionActions.SET_DURATION_ANSWER:
+    case orderSessionActions.SET_EXECUTION1_ANSWER:
+      {
+        const {
+          answer
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          executionAnswer1: answer,
+          // Remove subsequent question and answer
+          executionAnswer2: null,
+          execution2Options: []
+        });
+      }
+    case orderSessionActions.SET_EXECUTION2_ANSWER:
       {
         const {
           answer
         } = action.payload;
         return _objectSpread(_objectSpread({}, state), {}, {
-          durationAnswer: answer
+          executionAnswer2: answer
+        });
+      }
+    case orderSessionActions.SET_DURATION_OPTIONS:
+      {
+        const {
+          options
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          durationOptions: options,
+          executionAnswer1: null,
+          executionAnswer2: null,
+          execution1Options: [],
+          execution2Options: []
+        });
+      }
+    case orderSessionActions.SET_EXECUTION1_OPTIONS:
+      {
+        const {
+          options
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          execution1Options: options,
+          executionAnswer2: null,
+          execution2Options: []
+        });
+      }
+    case orderSessionActions.SET_EXECUTION2_OPTIONS:
+      {
+        const {
+          options
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          execution2Options: options
         });
       }
     case orderSessionActions.SET_CUSTOMER_ZIP_CODE:
@@ -619,6 +677,22 @@ const orderSessionReducer = (state, action) => {
           discountAmount: null
         });
       }
+    case orderSessionActions.SET_FRANCHISE_NAME:
+      {
+        const {
+          franchiseName
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          franchiseName
+        });
+      }
+    case orderSessionActions.CLEAR_ANSWERS:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          answers: {},
+          durationAnswer: null
+        });
+      }
     default:
       return state;
   }

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

@@ -73,7 +73,7 @@ const LicensePlatePage = () => {
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const [orderSession, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
-  const [licensePlateURL, widgetOrEntityId, discountCode] = (0, _useSearchParam.default)(['licensePlate', 'vestigingRecId', 'discountCode']);
+  const [licensePlateURL, widgetOrEntityId, discountCode, franchiseName] = (0, _useSearchParam.default)(['licensePlate', 'vestigingRecId', 'discountCode', 'naamKeten']);
   const {
     branchById,
     isLoadingBranchById
@@ -118,6 +118,16 @@ const LicensePlatePage = () => {
       });
     }
   }, [branchById]);
+  (0, _react.useEffect)(() => {
+    if (franchiseName) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_FRANCHISE_NAME,
+        payload: {
+          franchiseName
+        }
+      });
+    }
+  }, [franchiseName]);
   (0, _react.useEffect)(() => {
     if (discountCode) {
       dispatch({

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

@@ -1,71 +1,23 @@
 "use strict";
 
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouter = require("react-router");
+var _react = _interopRequireDefault(require("react"));
 var _LocationsSelector = _interopRequireDefault(require("../__components__/LocationsSelector"));
 var _NavigationSteps = _interopRequireDefault(require("../__components__/NavigationSteps"));
 var _constants__ = require("../__constants__");
 var _BottomNavigationBar = _interopRequireDefault(require("../__containers__/BottomNavigationBar"));
 var _FormulaContext = require("../__context__/FormulaContext");
-var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
   };
 }
-function _getRequireWildcardCache(e) {
-  if ("function" != typeof WeakMap) return null;
-  var r = new WeakMap(),
-    t = new WeakMap();
-  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
-    return e ? t : r;
-  })(e);
-}
-function _interopRequireWildcard(e, r) {
-  if (!r && e && e.__esModule) return e;
-  if (null === e || "object" != typeof e && "function" != typeof e) return {
-    default: e
-  };
-  var t = _getRequireWildcardCache(r);
-  if (t && t.has(e)) return t.get(e);
-  var n = {
-      __proto__: null
-    },
-    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
-    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
-    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
-  }
-  return n.default = e, t && t.set(e, n), n;
-}
-const LocationPage = _ref => {
-  var _location$state2;
-  let {
-    location
-  } = _ref;
-  const [{
-    selectedBranch
-  }] = (0, _OrderSessionContext.useOrderSession)();
-  const history = (0, _reactRouter.useHistory)();
+const LocationPage = () => {
   const formula = (0, _FormulaContext.useFormula)();
-  (0, _react.useEffect)(() => {
-    var _location$state;
-    // Note: skip this page if
-    // - branch was already selected
-    // - Previous page was /overzicht
-    if (selectedBranch && (location === null || location === void 0 || (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.prevPathName) === '/configurator/overzicht') {
-      history.push('/configurator/gegevens');
-    }
-  }, [location === null || location === void 0 || (_location$state2 = location.state) === null || _location$state2 === void 0 ? void 0 : _location$state2.prevPathName]);
   return /*#__PURE__*/_react.default.createElement("section", {
     className: "".concat((0, _helpers__.withStyle)("thm-configurator-wrapper ".concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'thc' : '')))
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -70,7 +70,7 @@ const ManualSelectionPage = () => {
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const history = (0, _reactRouter.useHistory)();
   const formula = (0, _FormulaContext.useFormula)();
-  const [widgetOrEntityId, discountCode] = (0, _useSearchParam.default)(['vestigingRecId', 'discountCode']);
+  const [widgetOrEntityId, discountCode, franchiseName] = (0, _useSearchParam.default)(['vestigingRecId', 'discountCode', 'naamKeten']);
   const {
     branchById,
     isLoadingBranchById
@@ -105,6 +105,16 @@ const ManualSelectionPage = () => {
       });
     }
   }, [discountCode]);
+  (0, _react.useEffect)(() => {
+    if (franchiseName) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_FRANCHISE_NAME,
+        payload: {
+          franchiseName
+        }
+      });
+    }
+  }, [franchiseName]);
   const handleNext = () => {
     setActiveStep(prev => prev + 1);
   };

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

@@ -55,8 +55,8 @@ const NoProductsPage = () => {
     }
   };
   return /*#__PURE__*/_react.default.createElement("section", {
-    className: (0, _helpers__.withStyle)("thm-configurator-wrapper thm-configurator-home ".concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'thc' : ''), APP_CONFIG.internal ? 'thm-configurator-wrapper--offset' : '')
-  }, !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement("img", {
+    className: (0, _helpers__.withStyle)("thm-configurator-wrapper thm-configurator-home ".concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'thc' : ''))
+  }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('thm-configurator-home__logo img-fluid'),
     src: _logoPrimaryIcon.default,
     alt: "Trekhaakmontage"

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

@@ -90,7 +90,6 @@ var _OverviewPage = _interopRequireDefault(require("./OverviewPage"));
 var _ProductsPage = _interopRequireDefault(require("./ProductsPage"));
 var _QuotationPage = _interopRequireDefault(require("./QuotationPage"));
 var _QuotationThanksPage = _interopRequireDefault(require("./QuotationThanksPage"));
-var _internal = require("./internal");
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
@@ -102,7 +101,7 @@ const Routes = () => {
   return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalLicensePlatePage, props)
+    render: props => /*#__PURE__*/_react.default.createElement(_LicensePlatePage.default, props)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/geen-producten",
@@ -110,40 +109,40 @@ const Routes = () => {
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/montagelocatie",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalLocationsPage, props)
+    render: props => /*#__PURE__*/_react.default.createElement(_LocationsPage.default, props)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/gegevens/bedankt",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalAppointmentPage, props)
+    render: props => /*#__PURE__*/_react.default.createElement(_AppointmentThanksPage.default, props)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/offerte/bedankt",
     render: props => /*#__PURE__*/_react.default.createElement(_QuotationThanksPage.default, props)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/configurator/trekhaakpakket",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalProductsPage, null)
+    render: props => /*#__PURE__*/_react.default.createElement(_ProductsPage.default, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/configurator/manual",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalManualSelectionPage, props)
+    render: props => /*#__PURE__*/_react.default.createElement(_ManualSelectionPage.default, props)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/overzicht",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalOverviewPage, null)
+    render: props => /*#__PURE__*/_react.default.createElement(_OverviewPage.default, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/offerte",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalQuotationPage, null)
+    render: props => /*#__PURE__*/_react.default.createElement(_QuotationPage.default, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/gegevens",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalAppointmentPage, null)
+    render: props => /*#__PURE__*/_react.default.createElement(_AppointmentPage.default, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/toebehoren",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalExtraProductsPage, null)
+    render: props => /*#__PURE__*/_react.default.createElement(_ExtraProductsPage.default, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/configurator",
-    render: props => /*#__PURE__*/_react.default.createElement(_internal.InternalLicensePlatePage, null)
+    render: props => /*#__PURE__*/_react.default.createElement(_LicensePlatePage.default, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/niet-gevonden",
     render: () => /*#__PURE__*/_react.default.createElement(_NotFoundPage.default, null)

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

@@ -62,11 +62,13 @@ const InternalLocationsPage = _ref => {
   (0, _react.useEffect)(() => {
     var _branchTypes$byId$aut, _authSession$branch, _location$state;
     const branchType = branchTypes === null || branchTypes === void 0 || (_branchTypes$byId$aut = branchTypes.byId[authSession === null || authSession === void 0 || (_authSession$branch = authSession.branch) === null || _authSession$branch === void 0 || (_authSession$branch = _authSession$branch.organisatietype) === null || _authSession$branch === void 0 ? void 0 : _authSession$branch[0]]) === null || _branchTypes$byId$aut === void 0 ? void 0 : _branchTypes$byId$aut.title;
+
+    // Step 1:  If no branch type was found, or the branch type is TMG: dont proceed to the next step
     if (!branchType || branchType === _constants__.TMG_ORGANIZATION_TYPE) {
       return;
     }
 
-    // Note: skip this page if the branch type is not TowMotive Group
+    // Step 2: skip this page if the branch type is not TowMotive Group
     // If the previous page is appointment page ("gegevens") -> go back to overview ("overzicht")
     // Otherwise: proceed to the appointment page ("gegevens")
 

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

@@ -0,0 +1,90 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _NavigationButton = _interopRequireDefault(require("../../__components__/Buttons/NavigationButton"));
+var _PrimaryButton = _interopRequireDefault(require("../../__components__/Buttons/PrimaryButton"));
+var _CardWide = _interopRequireDefault(require("../../__components__/Cards/CardWide"));
+var _constants__ = require("../../__constants__");
+var _FormulaContext = require("../../__context__/FormulaContext");
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+const InternalNoProductsPage = () => {
+  const mailLinkRef = (0, _react.useRef)(null);
+  const formula = (0, _FormulaContext.useFormula)();
+  const handleClick = () => {
+    if (mailLinkRef.current) {
+      mailLinkRef.current.click();
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("section", {
+    className: (0, _helpers__.withStyle)("thm-configurator-wrapper thm-configurator-home thm-configurator-wrapper--offset ".concat(formula === _constants__.CONFIGURATOR_FORMULAS.THC ? 'thc' : ''))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('container')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('row')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('thm-configurator-modal-form modal d-block'),
+    tabIndex: "-1"
+  }, /*#__PURE__*/_react.default.createElement(_CardWide.default, {
+    title: ''
+  }, /*#__PURE__*/_react.default.createElement("h5", {
+    className: (0, _helpers__.withStyle)('text-center mb-2')
+  }, "We hebben geen trekhaak voor uw auto in ons systeem kunnen vinden"), /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('mb-4 text-center')
+  }, "Dit betekent niet dat er geen trekhaak op uw auto gemonteerd kan worden. Een van onze medewerkers kijkt graag met u mee naar de mogelijkheden. Neem hiervoor contact met ons op via mail order@trekhaakmontage.nl of bel ons op +31 85-000 4122."), /*#__PURE__*/_react.default.createElement("a", {
+    href: "mailto:order@trekhaakmontage.nl",
+    "aria-hidden": true,
+    hidden: true,
+    className: (0, _helpers__.withStyle)('d-none'),
+    ref: mailLinkRef
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)("d-flex  justify-content-center gap-2 flex-md-nowrap flex-wrap")
+  }, /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    isDisabled: false,
+    onClick: handleClick,
+    label: "Mail order@trekhaakmontage.nl"
+  }), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
+    to: '/configurator',
+    variant: "outline-primary",
+    isDisabled: false,
+    label: "Terug naar startpagina"
+  })))))));
+};
+var _default = exports.default = InternalNoProductsPage;

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

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "InternalManualSelectionPage", {
     return _InternalManualSelectionPage.default;
   }
 });
+Object.defineProperty(exports, "InternalNoProductsPage", {
+  enumerable: true,
+  get: function get() {
+    return _InternalNoProductsPage.default;
+  }
+});
 Object.defineProperty(exports, "InternalOverviewPage", {
   enumerable: true,
   get: function get() {
@@ -56,6 +62,7 @@ var _InternalExtraProductsPage = _interopRequireDefault(require("./InternalExtra
 var _InternalLicensePlatePage = _interopRequireDefault(require("./InternalLicensePlatePage"));
 var _InternalLocationsPage = _interopRequireDefault(require("./InternalLocationsPage"));
 var _InternalManualSelectionPage = _interopRequireDefault(require("./InternalManualSelectionPage"));
+var _InternalNoProductsPage = _interopRequireDefault(require("./InternalNoProductsPage"));
 var _InternalOverviewPage = _interopRequireDefault(require("./InternalOverviewPage"));
 var _InternalProductsPage = _interopRequireDefault(require("./InternalProductsPage"));
 var _InternalQuotationPage = _interopRequireDefault(require("./InternalQuotationPage"));

package/package.json

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