thm-p3-configurator 0.0.97 → 0.0.99

package/dist/src/shared/App.js

@@ -8,8 +8,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _index = _interopRequireDefault(require("./__pages__/index"));
-var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
+var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES"));
 var _react = _interopRequireWildcard(require("react"));
 require("react-datepicker/src/stylesheets/datepicker-cssmodules.scss");
 var _reactGtmModule = _interopRequireDefault(require("react-gtm-module"));
@@ -20,12 +19,14 @@ var _Navbar = _interopRequireDefault(require("./__components__/Navbar"));
 var _constants__ = require("./__constants__");
 var _SentryWrapper = _interopRequireDefault(require("./__containers__/SentryWrapper"));
 var _StyleWrapper = _interopRequireDefault(require("./__containers__/StyleWrapper"));
+var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
 var _ActiveMarkerContext = require("./__context__/ActiveMarkerContext");
 var _CountryContext = require("./__context__/CountryContext");
 var _FormulaContext = require("./__context__/FormulaContext");
 var _OrderSessionContext = require("./__context__/OrderSessionContext");
 var _cookiebot = require("./__helpers__/cookiebot");
 var _queryClient = _interopRequireDefault(require("./__helpers__/queryClient"));
+var _index = _interopRequireDefault(require("./__pages__/index"));
 var _Experiments = _interopRequireDefault(require("./__services__/Experiments"));
 var _mainExternal = _interopRequireDefault(require("./__style__/main-external.scss"));
 var _main = _interopRequireDefault(require("./__style__/main.scss"));
@@ -59,8 +60,6 @@ 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'
 });
@@ -76,6 +75,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), /*#__PURE__*/_react.default.createElement(_index.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), APP_CONFIG.nodeEnv === 'development' && APP_CONFIG.internal === true && /*#__PURE__*/_react.default.createElement(_TEST_ONLY_INTERNAL_ROUTES.default, null))))))))));
 };
 var _default = exports.default = App;

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

@@ -11,9 +11,7 @@ require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.url-search-params.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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,6 +21,8 @@ require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.url-search-params.js");
@@ -279,8 +279,9 @@ const useSingleOrderArticles = exports.useSingleOrderArticles = function useSing
           totalArticles: 0
         };
       }
+      const currentArticles = await (0, _singleOrderArticles.enrichArticlesWithBrandsAndPrices)(articles, branchId, formula);
       return {
-        articles: await (0, _singleOrderArticles.enrichArticlesWithBrandsAndPrices)(articles, branchId, formula),
+        articles: currentArticles,
         totalArticles: totalCount
       };
     }
@@ -300,6 +301,31 @@ const useSingleOrderCart = () => {
     singleOrderCart,
     singleOrderFormulaCode
   }] = (0, _OrderSessionContext.useOrderSession)();
+
+  // Create lookup map for cart totals
+  let totalQuantity = 0;
+  let totalBtw = 0;
+  let totalExclVat = 0;
+  let totalInclVat = 0;
+  const cartTotalsLookup = {};
+  singleOrderCart.forEach(article => {
+    const productBtw = (article.productPriceInclVat - article.productPrice) * article.quantity;
+    const productTotalExclVat = article.productPrice * article.quantity;
+    const productTotalInclVat = article.productPriceInclVat * article.quantity;
+    totalQuantity += article.quantity;
+    totalBtw += productBtw;
+    totalExclVat += productTotalExclVat;
+    totalInclVat += productTotalInclVat;
+    cartTotalsLookup[article.articleNumber] = {
+      productBtw,
+      productTotalExclVat,
+      productTotalInclVat,
+      quantity: article.quantity,
+      productPrice: article.productPrice,
+      individualPriceInclVat: article.productPriceInclVat,
+      individualPriceExclVat: article.productPrice
+    };
+  });
   let formula = (0, _FormulaContext.useFormula)();
   if (singleOrderFormulaCode) {
     formula = singleOrderFormulaCode;
@@ -329,14 +355,28 @@ const useSingleOrderCart = () => {
       const cartLookup = Object.fromEntries(cart.map(item => [item.articleNumber, item]));
       const articlesWithPrice = articles === null || articles === void 0 || (_articles$articles = articles.articles) === null || _articles$articles === void 0 ? void 0 : _articles$articles.map(article => {
         const cartItem = cartLookup[article.articleNumber];
+        const totals = cartTotalsLookup[article.articleNumber];
         return _objectSpread(_objectSpread({}, article), {}, {
           price: cartItem !== null && cartItem !== void 0 && cartItem.consumerTotal ? Math.round(Number(cartItem === null || cartItem === void 0 ? void 0 : cartItem.consumerTotal) * 100) / 100 : 0,
-          quantity: Number(cartItem === null || cartItem === void 0 ? void 0 : cartItem.quantity)
+          quantity: Number(cartItem === null || cartItem === void 0 ? void 0 : cartItem.quantity),
+          // Add the calculated totals
+          productBtw: totals === null || totals === void 0 ? void 0 : totals.productBtw,
+          productTotalExclVat: totals === null || totals === void 0 ? void 0 : totals.productTotalExclVat,
+          productTotalInclVat: totals === null || totals === void 0 ? void 0 : totals.productTotalInclVat,
+          productPrice: totals === null || totals === void 0 ? void 0 : totals.productPrice,
+          productPriceInclVat: totals === null || totals === void 0 ? void 0 : totals.productPriceInclVat,
+          individualPriceInclVat: totals === null || totals === void 0 ? void 0 : totals.individualPriceInclVat,
+          individualPriceExclVat: totals === null || totals === void 0 ? void 0 : totals.individualPriceExclVat
         });
       });
       return {
         articles: articlesWithPrice,
-        totals: orderResults.data.totals
+        totals: {
+          totalQuantity: Math.round(totalQuantity * 100) / 100,
+          totalBtw: Math.round(totalBtw * 100) / 100,
+          totalExclVat: Math.round(totalExclVat * 100) / 100,
+          totalInclVat: Math.round(totalInclVat * 100) / 100
+        }
       };
     }
   });

package/dist/src/shared/__components__/ProductTable/ProductTableEditableRow.js

@@ -36,7 +36,7 @@ const ProductTableEditableRow = _ref => {
     src: productImage || _logoPrimary.default,
     alt: "product"
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('col container g-0')
+    className: (0, _helpers__.withStyle)('col')
   }, /*#__PURE__*/_react.default.createElement("p", null, productTitle), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row mt-0 flex-row flex-md-column flex-wrap flex-md-nowrap')
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/src/shared/__components__/ProductTable/ProductTableStaticRow.js

@@ -31,7 +31,7 @@ const ProductTableStaticRow = _ref => {
     src: productImage || _logoPrimary.default,
     alt: "product"
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('col container g-0')
+    className: (0, _helpers__.withStyle)('col')
   }, /*#__PURE__*/_react.default.createElement("p", null, productTitle)))), extraCells.map((_ref2, index) => {
     let {
       className = '',

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

@@ -1,9 +1,11 @@
 "use strict";
 
+require("core-js/modules/es.number.to-fixed.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.number.to-fixed.js");
 var _react = _interopRequireDefault(require("react"));
 var _helpers__ = require("../__helpers__");
 var _LinkButton = _interopRequireDefault(require("./Buttons/LinkButton"));
@@ -36,6 +38,8 @@ const SingleOrderCartCard = _ref2 => {
     productImage,
     productTitle,
     productPrice,
+    productPriceInclVat,
+    productPriceExclVat,
     quantity = 0,
     handleQuantityChange,
     removeFromCart
@@ -57,14 +61,14 @@ const SingleOrderCartCard = _ref2 => {
     className: (0, _helpers__.withStyle)('mb-0')
   }, productTitle), /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('ms-2 fw-bold')
-  }, "\u20AC", productPrice)), /*#__PURE__*/_react.default.createElement("div", {
+  }, "\u20AC", Number(productPrice).toFixed(2))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex  mt-1 justify-content-between align-items-center')
   }, /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
     className: (0, _helpers__.withStyle)('me-2 rounded'),
     width: "100px",
     height: "40px",
     defaultValue: quantity,
-    onChange: value => handleQuantityChange(productId, value),
+    onChange: value => handleQuantityChange(productId, value, productPriceExclVat, productPriceInclVat),
     buttonTransformY: 40
   }), /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     label: "Verwijder",

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

@@ -1,22 +1,16 @@
 "use strict";
 
-require("core-js/modules/es.symbol.description.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.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;
-require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.map.js");
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _queries = require("../__api__/queries");
 var _NumericInput = _interopRequireDefault(require("../__components__/Form/NumericInput"));
 var _helpers__ = require("../__helpers__");
@@ -29,31 +23,6 @@ function _interopRequireDefault(e) {
     default: e
   };
 }
-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 ProductImage = _ref => {
   let {
     productImage
@@ -66,42 +35,19 @@ const ProductImage = _ref => {
     alt: ""
   }));
 };
-const ProductDescription = _ref2 => {
-  let {
-    description
-  } = _ref2;
-  return description && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('card-text mb-3')
-  }, /*#__PURE__*/_react.default.createElement("strong", null, "Omschrijving: "), (description !== null && description !== void 0 ? description : 'Niet beschikbaar').split('\n').map((line, index) => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-    key: index
-  }, line, /*#__PURE__*/_react.default.createElement("br", null))));
-};
-const ProductSpecifications = _ref3 => {
-  let {
-    specifications
-  } = _ref3;
-  return specifications && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('card-text mb-3')
-  }, /*#__PURE__*/_react.default.createElement("strong", null, "Specificaties: "), /*#__PURE__*/_react.default.createElement("br", null), specifications.map((_ref4, index) => {
-    let {
-      key,
-      value
-    } = _ref4;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: index
-    }, key, ": ", value, /*#__PURE__*/_react.default.createElement("br", null));
-  }));
-};
-const ProductActions = _ref5 => {
+const ProductActions = _ref2 => {
   let {
+    isTmg,
     isOutOfStock,
     stock,
     quantity,
     productId,
     handleQuantityChange,
     handleSelected,
-    removeFromCart
-  } = _ref5;
+    removeFromCart,
+    productPrice,
+    productPriceInclVat
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex justify-content-end')
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -110,30 +56,30 @@ const ProductActions = _ref5 => {
     className: (0, _helpers__.withStyle)('text-danger mb-1')
   }, "Niet op voorraad") : /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-success mb-1')
-  }, stock, " op voorraad"), /*#__PURE__*/_react.default.createElement("div", {
+  }, isTmg ? "".concat(stock, " op voorraad") : 'Op voorraad'), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center')
   }, /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
     className: (0, _helpers__.withStyle)('me-2 rounded'),
     width: "100px",
     height: "55px",
     defaultValue: quantity,
-    onChange: value => handleQuantityChange(productId, value),
+    onChange: value => handleQuantityChange(productId, value, productPrice, productPriceInclVat),
     buttonTransformY: 40
   }), quantity === 0 ? /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
-    onClick: () => handleSelected(productId, quantity + 1),
+    onClick: () => handleSelected(productId, quantity + 1, productPrice, productPriceInclVat),
     label: "Toevoegen"
   }) : /*#__PURE__*/_react.default.createElement(_OutlinedButton.default, {
     onClick: () => removeFromCart(productId),
     label: "Verwijder"
   }))));
 };
-const ProductCategories = _ref6 => {
+const ProductCategories = _ref3 => {
   let {
     productType = null,
     productGroup = null,
     productSubgroup = null,
     articleNumber = null
-  } = _ref6;
+  } = _ref3;
   return /*#__PURE__*/_react.default.createElement("div", null, articleNumber && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
   }, /*#__PURE__*/_react.default.createElement("strong", null, "Artikelnummer:"), " ", articleNumber), productType && /*#__PURE__*/_react.default.createElement("p", {
@@ -144,7 +90,7 @@ const ProductCategories = _ref6 => {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
   }, /*#__PURE__*/_react.default.createElement("strong", null, "Subgroep:"), " ", productSubgroup));
 };
-const SingleOrderProductCard = _ref7 => {
+const SingleOrderProductCard = _ref4 => {
   let {
     productId,
     isSelected,
@@ -159,25 +105,27 @@ const SingleOrderProductCard = _ref7 => {
     productUsps,
     productTitle,
     productPrice,
+    productPriceInclVat,
     productSpecifications,
     quantity = 0,
     handleQuantityChange,
     removeFromCart,
-    isModelArticle = false
-  } = _ref7;
+    isModelArticle = false,
+    isTmg = false
+  } = _ref4;
   const {
     productFieldLabels
   } = (0, _queries.useProductFieldLabels)();
-  const filteredProductSpecifications = productSpecifications.filter(_ref8 => {
+  const filteredProductSpecifications = productSpecifications.filter(_ref5 => {
     let {
       key
-    } = _ref8;
+    } = _ref5;
     return productFieldLabels === null || productFieldLabels === void 0 ? void 0 : productFieldLabels[key];
-  }).map(_ref9 => {
+  }).map(_ref6 => {
     let {
       key,
       value
-    } = _ref9;
+    } = _ref6;
     return {
       key: productFieldLabels[key],
       value
@@ -214,11 +162,14 @@ const SingleOrderProductCard = _ref7 => {
   }))), /*#__PURE__*/_react.default.createElement(ProductActions, {
     isOutOfStock: isOutOfStock,
     stock: stock,
+    isTmg: isTmg,
     quantity: quantity,
     productId: productId,
     handleQuantityChange: handleQuantityChange,
     handleSelected: handleSelected,
-    removeFromCart: removeFromCart
+    removeFromCart: removeFromCart,
+    productPrice: productPrice,
+    productPriceInclVat: productPriceInclVat
   })))));
 };
 var _default = exports.default = SingleOrderProductCard;

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

@@ -7,6 +7,7 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -19,6 +20,7 @@ exports.default = void 0;
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
@@ -132,7 +134,8 @@ const AppointmentForm = () => {
     executionAnswer1,
     executionAnswer2,
     priceCalculationDate,
-    selectedDiscountedProducts = []
+    selectedDiscountedProducts = [],
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -181,7 +184,13 @@ const AppointmentForm = () => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref => {
+          let [extraArticleNumber, extraQuantity] = _ref;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -7,6 +7,7 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -19,6 +20,7 @@ exports.default = void 0;
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _lodash = require("lodash");
 var _react = _interopRequireWildcard(require("react"));
@@ -134,7 +136,8 @@ const ExitIntentModal = () => {
     executionAnswer1,
     executionAnswer2,
     priceCalculationDate,
-    selectedDiscountedProducts = []
+    selectedDiscountedProducts = [],
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   (0, _react.useEffect)(() => {
@@ -197,10 +200,13 @@ const ExitIntentModal = () => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, {
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref => {
+          let [extraArticleNumber, extraQuantity] = _ref;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -59,6 +59,7 @@ const ManualSelectionForm = _ref => {
   var _initialValues$model;
   let {
     onSubmit,
+    canSearchLicenseplate = true,
     initialValues = null,
     isFilter = false,
     filterModalChange = () => {}
@@ -205,7 +206,7 @@ const ManualSelectionForm = _ref => {
       value: model,
       label: model
     }
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), canSearchLicenseplate && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row mt-3')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-grid gap-2')

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

@@ -30,6 +30,7 @@ require("core-js/modules/esnext.iterator.reduce.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _logoPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-primary.png"));
+var _montagePlaceholder = _interopRequireDefault(require("../../../public/assets/images/montage-placeholder.png"));
 var _queries = require("../__api__/queries");
 var _TogglableCard = _interopRequireDefault(require("../__components__/Cards/TogglableCard"));
 var _ProductTableEditableRow = _interopRequireDefault(require("../__components__/ProductTable/ProductTableEditableRow"));
@@ -165,15 +166,20 @@ const ProductCartTable = () => {
   };
 
   // Calculate subtotal for main products
-  const subtotalPriceProducts = (cart === null || cart === void 0 ? void 0 : cart.reduce((acc, item) => {
-    if (mainProducts.find(product => product.articleNumber === item.articleNumber)) {
-      const {
-        salesPrice
-      } = getItemPrices(item);
-      return acc + salesPrice * 1.21;
-    }
-    return acc;
-  }, 0)) || 0;
+  let subtotalPriceProducts = 0;
+  if (isToggled) {
+    subtotalPriceProducts = (cart === null || cart === void 0 ? void 0 : cart.reduce((acc, item) => {
+      if (mainProducts.find(product => product.articleNumber === item.articleNumber)) {
+        const {
+          salesPrice
+        } = getItemPrices(item);
+        return acc + salesPrice * 1.21;
+      }
+      return acc;
+    }, 0)) || 0;
+  } else {
+    subtotalPriceProducts = subtotalPriceProducts + (isToggled ? totals === null || totals === void 0 ? void 0 : totals.subtotalMontagePurchaseExclVat : (totals === null || totals === void 0 ? void 0 : totals.subtotalMontageExclVat) * 1.21);
+  }
 
   // Calculate subtotal for accessories
   const subtotalPriceAccessoires = (cart === null || cart === void 0 ? void 0 : cart.reduce((acc, item) => {
@@ -200,8 +206,6 @@ const ProductCartTable = () => {
 
   // Calculate original total
   const calculateOriginalTotal = () => {
-    const totalExclVat = isToggled ? (totals === null || totals === void 0 ? void 0 : totals.subtotalMontagePurchaseExclVat) || 0 : (totals === null || totals === void 0 ? void 0 : totals.subtotalMontageExclVat) || 0;
-    const totalVat = isToggled ? (totals === null || totals === void 0 ? void 0 : totals.totalPurchaseVatAfterDiscount) || 0 : (totals === null || totals === void 0 ? void 0 : totals.totalVatAfterDiscount) || 0;
     return subtotalPriceProducts + subtotalPriceAccessoires;
   };
 
@@ -261,17 +265,24 @@ const ProductCartTable = () => {
       productImage: product !== null && product !== void 0 && (_product$images = product.images) !== null && _product$images !== void 0 && _product$images[0] ? (0, _image.getImageFromHyper)({
         imageId: (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2[0]
       }) : _logoPrimary.default,
-      extraCells: [{}, {}, ...(isToggled ? [{
-        text: (0, _helpers__.formatPrice)(purchasePrice),
-        className: 'cart__table-price text-end'
-      }, {
-        text: "".concat((0, _helpers__.formatPrice)(margin), " (").concat(marginPercentage, "%)"),
-        className: 'cart__table-price text-end'
-      }] : [{}, {}]), {
-        text: (0, _helpers__.formatPrice)(isToggled ? salesPrice : salesPriceInclVat),
+      extraCells: [{}, {}, ...(isToggled ? [{}, {}] : [{}, {}]), {
+        text: salesPrice !== 0 || salesPriceInclVat !== 0 ? (0, _helpers__.formatPrice)(isToggled ? salesPrice : salesPriceInclVat) : '',
         className: 'cart__table-price text-end'
       }]
     });
+  }), mainProducts && /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
+    productTitle: 'Montage',
+    productImage: _montagePlaceholder.default,
+    extraCells: [{}, {}, ...(isToggled ? [{
+      text: (0, _helpers__.formatPrice)(purchasePrice),
+      className: 'cart__table-price text-end'
+    }, {
+      text: "".concat((0, _helpers__.formatPrice)(margin), " (").concat(marginPercentage, "%)"),
+      className: 'cart__table-price text-end'
+    }] : [{}, {}]), {
+      text: (0, _helpers__.formatPrice)(isToggled ? totals === null || totals === void 0 ? void 0 : totals.montagePricePlusMarketCorrectionExclVat : totals === null || totals === void 0 ? void 0 : totals.montagePricePlusMarketCorrectionInclVat),
+      className: 'cart__table-price text-end'
+    }]
   }), /*#__PURE__*/_react.default.createElement(_ProductTableSectionTotal.default, {
     isEditable: true,
     editLabel: 'Wijzig je trekhaakpakket',

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

@@ -5,6 +5,7 @@ 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/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -15,6 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("core-js/modules/es.promise.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouter = require("react-router");
@@ -127,7 +129,8 @@ const QuotationForm = () => {
     selectedTowbar,
     selectedBranch,
     discountCode,
-    selectedDiscountedProducts = []
+    selectedDiscountedProducts = [],
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -175,7 +178,13 @@ const QuotationForm = () => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref => {
+          let [extraArticleNumber, extraQuantity] = _ref;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -177,7 +177,8 @@ const InternalAppointmentForm = _ref => {
     selectedDiscountedProducts = [],
     executionAnswer1,
     executionAnswer2,
-    priceCalculationDate
+    priceCalculationDate,
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)();
@@ -309,7 +310,13 @@ const InternalAppointmentForm = _ref => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref3 => {
+          let [extraArticleNumber, extraQuantity] = _ref3;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
@@ -392,12 +399,12 @@ const InternalAppointmentForm = _ref => {
     placeholder: "Maak een keuze",
     errorMessage: (errors === null || errors === void 0 ? void 0 : errors['channelType']) || (errors === null || errors === void 0 ? void 0 : errors['channelId']),
     initialValue: initialChannel,
-    onChange: _ref3 => {
+    onChange: _ref4 => {
       var _value$kanaalType;
       let {
         label,
         value
-      } = _ref3;
+      } = _ref4;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
         payload: {

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

@@ -167,7 +167,8 @@ const InternalQuotationForm = _ref => {
     discountAmount,
     discountPercentage,
     selectedDiscountedProducts = [],
-    channel
+    channel,
+    selectedExtras
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)(licensePlate);
@@ -298,7 +299,13 @@ const InternalQuotationForm = _ref => {
         }, {
           articleNumber: selectedTowbar,
           quantity: 1
-        }, ...selectedDiscountedProducts])
+        }, ...Object.entries(selectedExtras).map(_ref3 => {
+          let [extraArticleNumber, extraQuantity] = _ref3;
+          return {
+            articleNumber: extraArticleNumber,
+            quantity: extraQuantity
+          };
+        }), ...selectedDiscountedProducts])
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
@@ -330,12 +337,12 @@ const InternalQuotationForm = _ref => {
     placeholder: "Maak een keuze",
     errorMessage: (errors === null || errors === void 0 ? void 0 : errors['channelId']) || (errors === null || errors === void 0 ? void 0 : errors['channelType']),
     initialValue: initialChannel,
-    onChange: _ref3 => {
+    onChange: _ref4 => {
       var _value$kanaalType;
       let {
         label,
         value
-      } = _ref3;
+      } = _ref4;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
         payload: {

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

@@ -1,10 +1,12 @@
 "use strict";
 
+require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/esnext.iterator.map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _react = _interopRequireDefault(require("react"));
 var _queries = require("../../__api__/queries");
@@ -27,7 +29,7 @@ const EmptyState = _ref => {
   }, message));
 };
 const InternalSingleOrderCart = _ref2 => {
-  var _cart$articles, _cart$totals$totalBef, _cart$totals, _cart$totals$discount, _cart$totals2, _cart$totals$totalAft, _cart$totals3, _cart$totals$totalVat, _cart$totals4;
+  var _cart$articles, _cart$totals$totalExc, _cart$totals, _cart$totals$totalBtw, _cart$totals2, _cart$totals$totalInc, _cart$totals3;
   let {
     handleQuantityChange,
     removeFromCart: _removeFromCart,
@@ -55,16 +57,20 @@ const InternalSingleOrderCart = _ref2 => {
       className: (0, _helpers__.withStyle)('w-full')
     }, /*#__PURE__*/_react.default.createElement("strong", null, "Toebehoren"), isLoadingCart ? /*#__PURE__*/_react.default.createElement(EmptyState, {
       message: "We zijn het overzicht aan het laden..."
-    }) : (cart === null || cart === void 0 || (_cart$articles = cart.articles) === null || _cart$articles === void 0 ? void 0 : _cart$articles.length) > 0 ? cart.articles.map(article => /*#__PURE__*/_react.default.createElement(_SingleOrderCartCard.default, {
-      key: article.articleNumber,
-      productId: article.articleNumber,
-      productImage: article.image,
-      productTitle: article.name,
-      productPrice: article.price,
-      removeFromCart: () => _removeFromCart(article.articleNumber),
-      quantity: article.quantity,
-      handleQuantityChange: handleQuantityChange
-    })) : /*#__PURE__*/_react.default.createElement(EmptyState, {
+    }) : (cart === null || cart === void 0 || (_cart$articles = cart.articles) === null || _cart$articles === void 0 ? void 0 : _cart$articles.length) > 0 ? cart.articles.map(article => {
+      return /*#__PURE__*/_react.default.createElement(_SingleOrderCartCard.default, {
+        key: article.articleNumber,
+        productId: article.articleNumber,
+        productImage: article.image,
+        productTitle: article.name,
+        productPrice: article.productTotalExclVat,
+        productPriceInclVat: article.individualPriceInclVat,
+        productPriceExclVat: article.individualPriceExclVat,
+        removeFromCart: () => _removeFromCart(article.articleNumber),
+        quantity: article.quantity,
+        handleQuantityChange: handleQuantityChange
+      });
+    }) : /*#__PURE__*/_react.default.createElement(EmptyState, {
       message: "Er zitten nog geen producten in je winkelwagen."
     }), /*#__PURE__*/_react.default.createElement("hr", null), /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end w-100')
@@ -72,13 +78,11 @@ const InternalSingleOrderCart = _ref2 => {
       className: (0, _helpers__.withStyle)('d-flex flex-column mt-1 w-100')
     }, /*#__PURE__*/_react.default.createElement("p", {
       className: (0, _helpers__.withStyle)('d-flex justify-content-between m-0')
-    }, /*#__PURE__*/_react.default.createElement("strong", null, "Subtotaal:"), /*#__PURE__*/_react.default.createElement("span", null, " \u20AC", (_cart$totals$totalBef = cart === null || cart === void 0 || (_cart$totals = cart.totals) === null || _cart$totals === void 0 ? void 0 : _cart$totals.totalBeforeDiscountInclVat) !== null && _cart$totals$totalBef !== void 0 ? _cart$totals$totalBef : 0)), /*#__PURE__*/_react.default.createElement("p", {
+    }, /*#__PURE__*/_react.default.createElement("strong", null, "Totaal excl BTW:"), /*#__PURE__*/_react.default.createElement("span", null, " \u20AC", ((_cart$totals$totalExc = cart === null || cart === void 0 || (_cart$totals = cart.totals) === null || _cart$totals === void 0 ? void 0 : _cart$totals.totalExclVat) !== null && _cart$totals$totalExc !== void 0 ? _cart$totals$totalExc : 0).toFixed(2))), /*#__PURE__*/_react.default.createElement("p", {
       className: (0, _helpers__.withStyle)('d-flex justify-content-between m-0')
-    }, /*#__PURE__*/_react.default.createElement("strong", null, "Kortingen:"), /*#__PURE__*/_react.default.createElement("span", null, " \u20AC", (_cart$totals$discount = cart === null || cart === void 0 || (_cart$totals2 = cart.totals) === null || _cart$totals2 === void 0 ? void 0 : _cart$totals2.discountInclVat) !== null && _cart$totals$discount !== void 0 ? _cart$totals$discount : 0)), /*#__PURE__*/_react.default.createElement("p", {
+    }, /*#__PURE__*/_react.default.createElement("strong", null, "BTW:"), /*#__PURE__*/_react.default.createElement("span", null, " \u20AC", ((_cart$totals$totalBtw = cart === null || cart === void 0 || (_cart$totals2 = cart.totals) === null || _cart$totals2 === void 0 ? void 0 : _cart$totals2.totalBtw) !== null && _cart$totals$totalBtw !== void 0 ? _cart$totals$totalBtw : 0).toFixed(2))), /*#__PURE__*/_react.default.createElement("hr", null), /*#__PURE__*/_react.default.createElement("p", {
       className: (0, _helpers__.withStyle)('d-flex justify-content-between m-0')
-    }, /*#__PURE__*/_react.default.createElement("strong", null, "Totaal:"), /*#__PURE__*/_react.default.createElement("span", null, " \u20AC", (_cart$totals$totalAft = cart === null || cart === void 0 || (_cart$totals3 = cart.totals) === null || _cart$totals3 === void 0 ? void 0 : _cart$totals3.totalAfterDiscountInclVat) !== null && _cart$totals$totalAft !== void 0 ? _cart$totals$totalAft : 0)), /*#__PURE__*/_react.default.createElement("hr", null), /*#__PURE__*/_react.default.createElement("p", {
-      className: (0, _helpers__.withStyle)('d-flex justify-content-between m-0')
-    }, /*#__PURE__*/_react.default.createElement("strong", null, "BTW:"), /*#__PURE__*/_react.default.createElement("span", null, " \u20AC", (_cart$totals$totalVat = cart === null || cart === void 0 || (_cart$totals4 = cart.totals) === null || _cart$totals4 === void 0 ? void 0 : _cart$totals4.totalVatAfterDiscount) !== null && _cart$totals$totalVat !== void 0 ? _cart$totals$totalVat : 0)))))
+    }, /*#__PURE__*/_react.default.createElement("strong", null, "Totaal:"), /*#__PURE__*/_react.default.createElement("span", null, " \u20AC", ((_cart$totals$totalInc = cart === null || cart === void 0 || (_cart$totals3 = cart.totals) === null || _cart$totals3 === void 0 ? void 0 : _cart$totals3.totalInclVat) !== null && _cart$totals$totalInc !== void 0 ? _cart$totals$totalInc : 0).toFixed(2))))))
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex mt-2 justify-content-between')
   }, /*#__PURE__*/_react.default.createElement(_LinkButton.default, {

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

@@ -31,6 +31,7 @@ var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
 var _product = require("../../__helpers__/product");
+var _useIsTmg = require("../../__hooks__/useIsTmg");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -101,6 +102,7 @@ const InternalSingleOrderProductOverview = _ref => {
   if (singleOrderFormulaCode) {
     formula = singleOrderFormulaCode;
   }
+  const isTmg = (0, _useIsTmg.useIsTmg)();
   const mergedFilters = _objectSpread(_objectSpread({}, filters), {}, {
     licensePlate,
     model,
@@ -125,8 +127,9 @@ const InternalSingleOrderProductOverview = _ref => {
     message: "Geen producten gevonden.",
     subMessage: "Probeer een ander filter toe te passen."
   }), articles && hasActiveFilters && (articles === null || articles === void 0 || (_articles$articles2 = articles.articles) === null || _articles$articles2 === void 0 ? void 0 : _articles$articles2.length) > 0 && (articles === null || articles === void 0 || (_articles$articles3 = articles.articles) === null || _articles$articles3 === void 0 ? void 0 : _articles$articles3.map(article => {
-    var _cart$find$quantity, _cart$find, _article$locationPric, _article$locationPric2, _article$locationPric3, _article$consumerPric;
+    var _cart$find$quantity, _cart$find, _article$locationPric, _article$locationPric2, _article$locationPric3, _article$locationPric6, _article$locationPric7;
     return /*#__PURE__*/_react.default.createElement(_SingleOrderProductCard.default, {
+      isTmg: isTmg,
       key: article.articleNumber,
       isModelArticle: Boolean(model || licensePlate),
       removeFromCart: () => _removeFromCart(article.articleNumber),
@@ -135,7 +138,10 @@ const InternalSingleOrderProductOverview = _ref => {
       isSelected: false,
       stock: (_article$locationPric = article === null || article === void 0 || (_article$locationPric2 = article.locationPrices) === null || _article$locationPric2 === void 0 || (_article$locationPric2 = _article$locationPric2.stock) === null || _article$locationPric2 === void 0 ? void 0 : _article$locationPric2.quantity) !== null && _article$locationPric !== void 0 ? _article$locationPric : 0,
       isOutOfStock: (article === null || article === void 0 || (_article$locationPric3 = article.locationPrices) === null || _article$locationPric3 === void 0 || (_article$locationPric3 = _article$locationPric3.stock) === null || _article$locationPric3 === void 0 ? void 0 : _article$locationPric3.status) == _constants__.StockStatus.OutOfStock,
-      handleSelected: () => handleQuantityChange(article.articleNumber, 1),
+      handleSelected: () => {
+        var _article$locationPric4, _article$locationPric5;
+        return handleQuantityChange(article.articleNumber, 1, article === null || article === void 0 || (_article$locationPric4 = article.locationPrices) === null || _article$locationPric4 === void 0 ? void 0 : _article$locationPric4.priceExclVat, article === null || article === void 0 || (_article$locationPric5 = article.locationPrices) === null || _article$locationPric5 === void 0 ? void 0 : _article$locationPric5.priceInclVat);
+      },
       productUsps: [{
         type: 'excl',
         text: article === null || article === void 0 ? void 0 : article.excl
@@ -152,7 +158,8 @@ const InternalSingleOrderProductOverview = _ref => {
       productImage: article.image,
       productSpecifications: (0, _product.extractProductSpecsArray)(article),
       productTitle: article.name,
-      productPrice: Number(article === null || article === void 0 || (_article$consumerPric = article.consumerPrices) === null || _article$consumerPric === void 0 ? void 0 : _article$consumerPric.priceInclVat).toFixed(2),
+      productPrice: Number(article === null || article === void 0 || (_article$locationPric6 = article.locationPrices) === null || _article$locationPric6 === void 0 ? void 0 : _article$locationPric6.priceExclVat).toFixed(2),
+      productPriceInclVat: Number(article === null || article === void 0 || (_article$locationPric7 = article.locationPrices) === null || _article$locationPric7 === void 0 ? void 0 : _article$locationPric7.priceInclVat).toFixed(2),
       productType: article === null || article === void 0 ? void 0 : article.type,
       productGroup: article === null || article === void 0 ? void 0 : article.group,
       productSubgroup: article === null || article === void 0 ? void 0 : article.subgroup

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

@@ -512,12 +512,16 @@ const orderSessionReducer = (state, action) => {
       {
         const {
           articleNumber,
-          quantity
+          quantity,
+          productPrice,
+          productPriceInclVat
         } = action.payload;
         return _objectSpread(_objectSpread({}, state), {}, {
           singleOrderCart: [...state.singleOrderCart.filter(p => p.articleNumber !== articleNumber), {
             articleNumber,
-            quantity
+            quantity,
+            productPrice,
+            productPriceInclVat
           }],
           isTouched: true
         });

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

@@ -56,17 +56,22 @@ const getSteps = _ref => {
     onNext,
     onPrev,
     onSubmit,
-    initialValues
+    initialValues,
+    canSearchLicenseplate
   } = _ref;
   return [/*#__PURE__*/_react.default.createElement(_ManualSelectionForm.default, {
     onSubmit: onNext,
-    initialValues: initialValues
+    initialValues: initialValues,
+    canSearchLicenseplate: canSearchLicenseplate
   }), /*#__PURE__*/_react.default.createElement(_QuestionsForm.default, {
     onPrev: onPrev,
     onSubmit: onSubmit
   })];
 };
-const InternalManualSelectionPage = () => {
+const InternalManualSelectionPage = _ref2 => {
+  let {
+    canSearchLicenseplate = true
+  } = _ref2;
   const [{
     brand,
     model,
@@ -124,7 +129,8 @@ const InternalManualSelectionPage = () => {
     },
     onNext: handleNext,
     onPrev: handlePrev,
-    onSubmit: handleSubmit
+    onSubmit: handleSubmit,
+    canSearchLicenseplate
   }), [persistSession, originalVehicle.current]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('vh-100')

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

@@ -195,13 +195,15 @@ const InternalSingleOrderPage = () => {
       type: _OrderSessionContext.orderSessionActions.RESET_LICENSEPLATE_FILTERS
     });
   }, [dispatch]);
-  const handleQuantityChange = (articleNumber, quantity) => {
+  const handleQuantityChange = (articleNumber, quantity, productPrice, productPriceInclVat) => {
     if (quantity > 0) {
       dispatch({
         type: _OrderSessionContext.orderSessionActions.ADD_SINGLE_ORDER_PRODUCT,
         payload: {
           articleNumber,
-          quantity
+          quantity,
+          productPrice,
+          productPriceInclVat
         }
       });
     } else {

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

@@ -1,9 +1,11 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.object.assign.js");
 var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _ = require(".");
@@ -16,8 +18,15 @@ function _interopRequireDefault(e) {
     default: e
   };
 }
-// Pages
-
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+} // Pages
 const TEST_ONLY_INTERNAL_ROUTES = () => {
   return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
@@ -48,7 +57,9 @@ const TEST_ONLY_INTERNAL_ROUTES = () => {
     render: props => /*#__PURE__*/_react.default.createElement(_.InternalProductsPage, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/configurator/manual",
-    render: props => /*#__PURE__*/_react.default.createElement(_.InternalManualSelectionPage, props)
+    render: props => /*#__PURE__*/_react.default.createElement(_.InternalManualSelectionPage, _extends({
+      canSearchLicenseplate: false
+    }, props))
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/overzicht",

package/package.json

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