thm-p3-configurator 0.0.258 → 0.0.261

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapBranchFormulaToConfiguratorFormula = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
+exports.mapBranchFormulaToConfiguratorFormula = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TOWMOTIVE_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
 const DOSSIER_TYPES = exports.DOSSIER_TYPES = {
   Quotation: 'quotation',
   AppointmentRequest: 'appointment-request',
@@ -259,6 +259,7 @@ const NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NO_PRODUCTS_CONTACT_DETAI
 };
 const LOCATION_CHANGE_BUTTON_LABEL = exports.LOCATION_CHANGE_BUTTON_LABEL = 'Wijzig de locatie';
 const TMG_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = 'TowMotive Group';
+const TOWMOTIVE_ORGANIZATION_TYPE = exports.TOWMOTIVE_ORGANIZATION_TYPE = 'TowMotive';
 
 /**
  * Maps branch formula values to CONFIGURATOR_FORMULAS

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

@@ -21,6 +21,7 @@ var _FormulaContext = require("../__context__/FormulaContext");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _product = require("../__helpers__/product");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 var _ANWBValidator = require("../__services__/ANWBValidator");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -67,20 +68,23 @@ const ANWBMembershipValidator = () => {
     discountCode,
     executionAnswer1,
     executionAnswer2,
-    priceCalculationDate
+    priceCalculationDate,
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [isNumberValid, setIsNumberValid] = (0, _react.useState)();
   const formula = (0, _FormulaContext.useFormula)();
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...selectedDiscountedProducts]);
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    selectedDiscountedProducts,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     discountProducts
   } = (0, _queries.useProductsQuery)({

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

@@ -7,7 +7,6 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.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");
@@ -20,7 +19,6 @@ 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");
@@ -39,6 +37,7 @@ var _FormulaContext = require("../__context__/FormulaContext");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _product = require("../__helpers__/product");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -143,7 +142,8 @@ const AppointmentForm = () => {
     executionAnswer2,
     priceCalculationDate,
     selectedDiscountedProducts = [],
-    selectedExtras
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -154,6 +154,7 @@ const AppointmentForm = () => {
     createAppointmentRequest
   } = (0, _mutations.useCreateAppointmentRequestMutation)();
   const formula = (0, _FormulaContext.useFormula)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const history = (0, _reactRouter.useHistory)();
   const handleSubmit = async () => {
     try {
@@ -187,22 +188,16 @@ const AppointmentForm = () => {
         discount: discountCode !== null && discountCode !== void 0 && discountCode.length ? {
           code: discountCode
         } : null,
-        cart: (0, _product.validateCartInput)([{
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, {
-          articleNumber: selectedCombiset,
-          quantity: 1
-        }, {
-          articleNumber: selectedTowbar,
-          quantity: 1
-        }, ...Object.entries(selectedExtras).map(_ref => {
-          let [extraArticleNumber, extraQuantity] = _ref;
-          return {
-            articleNumber: extraArticleNumber,
-            quantity: extraQuantity
-          };
-        }), ...selectedDiscountedProducts])
+        cart: (0, _product.buildCartInput)({
+          selectedCableset,
+          selectedCombiset,
+          selectedTowbar,
+          selectedBoardComputer,
+          selectedExtras,
+          selectedDiscountedProducts,
+          isTowmotiveFormula: isTowmotive,
+          vehicleCodingDiscountPercentage
+        })
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -7,7 +7,6 @@ require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.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");
@@ -20,7 +19,6 @@ 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"));
@@ -37,6 +35,7 @@ var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _product = require("../__helpers__/product");
 var _ui = require("../__helpers__/ui");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -137,9 +136,11 @@ const ExitIntentModal = () => {
     executionAnswer2,
     priceCalculationDate,
     selectedDiscountedProducts = [],
-    selectedExtras
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   (0, _react.useEffect)(() => {
     (0, _ui.scrollToFirstErrorMessage)();
   }, [errors]);
@@ -191,22 +192,16 @@ const ExitIntentModal = () => {
         })),
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
-        cart: (0, _product.validateCartInput)([{
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, {
-          articleNumber: selectedCombiset,
-          quantity: 1
-        }, {
-          articleNumber: selectedTowbar,
-          quantity: 1
-        }, ...Object.entries(selectedExtras).map(_ref => {
-          let [extraArticleNumber, extraQuantity] = _ref;
-          return {
-            articleNumber: extraArticleNumber,
-            quantity: extraQuantity
-          };
-        }), ...selectedDiscountedProducts])
+        cart: (0, _product.buildCartInput)({
+          selectedCableset,
+          selectedCombiset,
+          selectedTowbar,
+          selectedBoardComputer,
+          selectedExtras,
+          selectedDiscountedProducts,
+          isTowmotiveFormula: isTowmotive,
+          vehicleCodingDiscountPercentage
+        })
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -27,7 +27,7 @@ var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
 var _useIsTmg = require("../__hooks__/useIsTmg");
-var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -75,24 +75,19 @@ const ExtraProductsOverview = () => {
     discountCode,
     executionAnswer1,
     executionAnswer2,
-    durationAnswer
+    durationAnswer,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...Object.entries(selectedExtras).map(_ref => {
-    let [extraArticleNumber, extraQuantity] = _ref;
-    return {
-      articleNumber: extraArticleNumber,
-      quantity: extraQuantity
-    };
-  })]);
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     products,
     isLoadingProducts,
@@ -118,12 +113,12 @@ const ExtraProductsOverview = () => {
       to: "/configurator/geen-producten"
     });
   }
-  const handleProductSelected = _ref2 => {
+  const handleProductSelected = _ref => {
     let {
       productId,
       isSelected,
       productCategory
-    } = _ref2;
+    } = _ref;
     switch (productCategory) {
       case _constants__.PRODUCT_CATEGORIES.EXTRAS:
         {
@@ -147,8 +142,8 @@ const ExtraProductsOverview = () => {
   delete products[_constants__.PRODUCT_CATEGORIES.CABLESET];
   delete products[_constants__.PRODUCT_CATEGORIES.COMBISET];
   delete products[_constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(products).map((_ref3, index) => {
-    let [productCategory, productsPerCategory] = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(products).map((_ref2, index) => {
+    let [productCategory, productsPerCategory] = _ref2;
     if (!productsPerCategory.length || productCategory !== _constants__.PRODUCT_CATEGORIES.EXTRAS) {
       return null;
     }
@@ -158,8 +153,8 @@ const ExtraProductsOverview = () => {
       items: productsPerCategory,
       key: 'categoryName'
     });
-    const groupedProductsArray = Object.entries(groupedProducts).map(_ref4 => {
-      let [categoryName, products] = _ref4;
+    const groupedProductsArray = Object.entries(groupedProducts).map(_ref3 => {
+      let [categoryName, products] = _ref3;
       return {
         categoryName,
         products
@@ -187,11 +182,11 @@ const ExtraProductsOverview = () => {
           }) : _logoPrimary.default,
           isDisabled: false,
           defaultSelected: selectedExtras.hasOwnProperty(product.articleNumber),
-          onSelect: _ref5 => {
+          onSelect: _ref4 => {
             let {
               productId,
               isSelected
-            } = _ref5;
+            } = _ref4;
             return handleProductSelected({
               productId,
               isSelected,

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

@@ -43,6 +43,7 @@ var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -90,24 +91,19 @@ const ProductCartSide = () => {
     allArticleNumbers,
     selectedExtras,
     canAlterQuantity,
-    selectedBranch
+    selectedBranch,
+    vehicleCodingDiscountPercentage
   } = order;
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...Object.entries(selectedExtras).map(_ref => {
-    let [extraArticleNumber, extraQuantity] = _ref;
-    return {
-      articleNumber: extraArticleNumber,
-      quantity: extraQuantity
-    };
-  })]);
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     cart,
     totals,

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

@@ -3,8 +3,11 @@
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.json.stringify.js");
+require("core-js/modules/es.parse-int.js");
+require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.replace.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");
@@ -22,8 +25,11 @@ exports.default = void 0;
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.json.stringify.js");
+require("core-js/modules/es.parse-int.js");
+require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.replace.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -35,6 +41,7 @@ var _logoPrimary = _interopRequireDefault(require("../../../public/assets/images
 var _montagePlaceholder = _interopRequireDefault(require("../../../public/assets/images/montage-placeholder.png"));
 var _queries = require("../__api__/queries");
 var _TogglableCard = _interopRequireDefault(require("../__components__/Cards/TogglableCard"));
+var _TextInput = _interopRequireDefault(require("../__components__/Form/TextInput"));
 var _ProductTableEditableRow = _interopRequireDefault(require("../__components__/ProductTable/ProductTableEditableRow"));
 var _ProductTableHead = _interopRequireDefault(require("../__components__/ProductTable/ProductTableHead"));
 var _ProductTableSection = _interopRequireDefault(require("../__components__/ProductTable/ProductTableSection"));
@@ -49,6 +56,7 @@ var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
 var _useIsTmg = require("../__hooks__/useIsTmg");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 var _InternalDiscountForm = _interopRequireDefault(require("./internal/InternalDiscountForm"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -126,6 +134,7 @@ function _toPrimitive(t, r) {
 const ProductCartTable = () => {
   const formula = (0, _FormulaContext.useFormula)();
   const isTmg = (0, _useIsTmg.useIsTmg)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const [isToggled, setIsToggled] = (0, _react.useState)(false);
   const [{
     licensePlate,
@@ -142,24 +151,37 @@ const ProductCartTable = () => {
     executionAnswer2,
     discountAmount,
     discountPercentage,
-    selectedBranch
+    selectedBranch,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...Object.entries(selectedExtras).map(_ref => {
-    let [extraArticleNumber, extraQuantity] = _ref;
-    return {
-      articleNumber: extraArticleNumber,
-      quantity: extraQuantity
-    };
-  })]);
+  const handleVehicleCodingDiscountChange = value => {
+    const sanitized = value === null || value === void 0 ? void 0 : value.toString().replace(/[^0-9]/g, '');
+    if (sanitized === '') {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE,
+        payload: {
+          percentage: null
+        }
+      });
+      return;
+    }
+    const parsed = Math.min(100, Math.max(0, parseInt(sanitized, 10)));
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE,
+      payload: {
+        percentage: parsed
+      }
+    });
+  };
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     cart,
     totals,
@@ -215,6 +237,8 @@ const ProductCartTable = () => {
         salesPriceIncl: 0
       };
     }
+    const hasLocationTotal = (cartItem === null || cartItem === void 0 ? void 0 : cartItem.locationTotal) !== undefined && (cartItem === null || cartItem === void 0 ? void 0 : cartItem.locationTotal) !== null;
+    const locationTotal = hasLocationTotal ? Number(cartItem.locationTotal) : 0;
     if (!product) {
       return {
         purchasePrice: 0,
@@ -229,19 +253,22 @@ const ProductCartTable = () => {
 
     // TMG case: when TMG and toggled, show catalog price excl and verkoop prijs incl
     if (isTmg && isToggled && product !== null && product !== void 0 && product.consumerPrices) {
+      var _product$locationPric, _ref, _ref2, _cartItem$consumerTot, _product$consumerPric;
+      const purchasePrice = locationTotal || Number((product === null || product === void 0 || (_product$locationPric = product.locationPrices) === null || _product$locationPric === void 0 ? void 0 : _product$locationPric.priceExclVat) || 0);
+      const salesPriceRaw = (_ref = (_ref2 = (_cartItem$consumerTot = cartItem === null || cartItem === void 0 ? void 0 : cartItem.consumerTotal) !== null && _cartItem$consumerTot !== void 0 ? _cartItem$consumerTot : product === null || product === void 0 || (_product$consumerPric = product.consumerPrices) === null || _product$consumerPric === void 0 ? void 0 : _product$consumerPric.priceInclVat) !== null && _ref2 !== void 0 ? _ref2 : product === null || product === void 0 ? void 0 : product.price) !== null && _ref !== void 0 ? _ref : 0;
+      const salesPrice = salesPriceRaw && !Number.isNaN(Number(salesPriceRaw)) ? Number(salesPriceRaw) / 1.21 : 0;
+      const margin = salesPrice - purchasePrice;
       return {
-        purchasePrice: 0,
-        salesPrice: 0,
-        margin: 0,
-        hasLocationTotal: false,
+        purchasePrice,
+        salesPrice,
+        margin,
+        hasLocationTotal,
         catalogPriceExcl: product.consumerPrices.listPriceExclVat || 0,
         salesPriceIncl: product.consumerPrices.priceInclVat || 0
       };
     }
     let purchasePrice = 0;
     let salesPrice = 0;
-    const hasLocationTotal = (cartItem === null || cartItem === void 0 ? void 0 : cartItem.locationTotal) !== undefined && (cartItem === null || cartItem === void 0 ? void 0 : cartItem.locationTotal) !== null;
-    const locationTotal = hasLocationTotal ? Number(cartItem.locationTotal) : 0;
 
     // Get prices directly from product objects
     if (APP_CONFIG.internal) {
@@ -325,6 +352,34 @@ const ProductCartTable = () => {
   const montageDisplayedTotalExclVat = isToggled && !isTmg ? Number((totals === null || totals === void 0 ? void 0 : totals.totalMontageExclVat) || 0) : 0;
   const marketCorrectionDisplayedTotalExclVat = isToggled && !isTmg && hasMarketCorrectionValue ? Number(marketCorrectionSalesExcl || 0) : 0;
   const trekhaakmontageSubtotalExclVat = displayedMainProductsTotalExclVat + montageDisplayedTotalExclVat + marketCorrectionDisplayedTotalExclVat;
+
+  // TMG subtotal helpers (excl. btw columns)
+  const tmgMainCatalogSubtotal = isTmg ? mainProducts.reduce((total, product) => {
+    var _product$priceInfo2;
+    return total + Number((product === null || product === void 0 || (_product$priceInfo2 = product.priceInfo) === null || _product$priceInfo2 === void 0 ? void 0 : _product$priceInfo2.catalogPriceExcl) || 0);
+  }, 0) : 0;
+  const tmgMainMarginSubtotal = isTmg ? mainProducts.reduce((total, product) => {
+    var _product$priceInfo3;
+    return total + Number((product === null || product === void 0 || (_product$priceInfo3 = product.priceInfo) === null || _product$priceInfo3 === void 0 ? void 0 : _product$priceInfo3.margin) || 0);
+  }, 0) + (isToggled && hasMarketCorrectionValue ? Number(marketCorrectionMargin || 0) : 0) : 0;
+  const tmgMainPurchaseSubtotal = isTmg ? mainProductsSubtotal : 0;
+  const tmgMainSalesSubtotal = isTmg ? mainProducts.reduce((total, product) => {
+    var _product$priceInfo4;
+    return total + Number((product === null || product === void 0 || (_product$priceInfo4 = product.priceInfo) === null || _product$priceInfo4 === void 0 ? void 0 : _product$priceInfo4.salesPrice) || 0);
+  }, 0) + Number((totals === null || totals === void 0 ? void 0 : totals.totalMontageExclVat) || 0) + (isToggled && hasMarketCorrectionValue ? Number(marketCorrectionSalesExcl || 0) : 0) : 0;
+  const tmgAccessoriesCatalogSubtotal = isTmg ? accessoireProducts.reduce((total, product) => {
+    var _product$priceInfo5;
+    return total + Number((product === null || product === void 0 || (_product$priceInfo5 = product.priceInfo) === null || _product$priceInfo5 === void 0 ? void 0 : _product$priceInfo5.catalogPriceExcl) || 0);
+  }, 0) : 0;
+  const tmgAccessoriesMarginSubtotal = isTmg ? accessoireProducts.reduce((total, product) => {
+    var _product$priceInfo6;
+    return total + Number((product === null || product === void 0 || (_product$priceInfo6 = product.priceInfo) === null || _product$priceInfo6 === void 0 ? void 0 : _product$priceInfo6.margin) || 0);
+  }, 0) : 0;
+  const tmgAccessoriesPurchaseSubtotal = isTmg ? accessoireProductsSubtotal : 0;
+  const tmgAccessoriesSalesSubtotal = isTmg ? accessoireProducts.reduce((total, product) => {
+    var _product$priceInfo7;
+    return total + Number((product === null || product === void 0 || (_product$priceInfo7 = product.priceInfo) === null || _product$priceInfo7 === void 0 ? void 0 : _product$priceInfo7.salesPrice) || 0);
+  }, 0) : 0;
   if (isLoadingProducts) {
     return /*#__PURE__*/_react.default.createElement(_FullPageSpinner.default, null);
   }
@@ -338,11 +393,17 @@ const ProductCartTable = () => {
   }, /*#__PURE__*/_react.default.createElement("table", {
     className: (0, _helpers__.withStyle)('cart__table table table-borderless align-middle')
   }, /*#__PURE__*/_react.default.createElement(_ProductTableHead.default, {
-    columns: [{}, {}, {}, {}, ...(isToggled ? isTmg ? [{}, {
+    columns: [{}, {}, {}, {}, ...(isToggled ? isTmg ? [{
       text: 'Catalogprijs (excl. btw)',
       className: 'fw-bold text-end'
     }, {
-      text: 'Verkoop Prijs (incl. btw)',
+      text: 'Marge (excl. btw)',
+      className: 'fw-bold text-end'
+    }, {
+      text: 'Inkoopprijs (excl. btw)',
+      className: 'fw-bold text-end'
+    }, {
+      text: 'Verkoop Prijs (excl. btw)',
       className: 'fw-bold text-end'
     }] : [{
       text: 'Marge (excl. btw)',
@@ -371,17 +432,43 @@ const ProductCartTable = () => {
       catalogPriceExcl,
       salesPriceIncl
     } = product.priceInfo;
+    const isVehicleCodingProduct = (product === null || product === void 0 ? void 0 : product.subgroupName) === _constants__.VEHICLE_CODING_SUBGROUP_NAME || (product === null || product === void 0 ? void 0 : product.groupName) === _constants__.VEHICLE_CODING_SUBGROUP_NAME;
+    const vehicleCodingInputCell = isTowmotive && isVehicleCodingProduct ? {
+      text: /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _helpers__.withStyle)('text-end')
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _helpers__.withStyle)('small text-muted d-block mb-1')
+      }, "Korting voertuigcodering"), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _helpers__.withStyle)('d-flex align-items-center justify-content-end gap-2')
+      }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+        className: "mb-0",
+        name: "vehicle-coding-discount",
+        placeholder: "0-100",
+        value: vehicleCodingDiscountPercentage === null || vehicleCodingDiscountPercentage === undefined ? '' : vehicleCodingDiscountPercentage.toString(),
+        isRequired: false,
+        onChange: handleVehicleCodingDiscountChange
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _helpers__.withStyle)('small text-muted')
+      }, "%"))),
+      className: 'cart__table-price text-end'
+    } : {};
     return /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
       key: product.articleNumber,
       productTitle: (product === null || product === void 0 ? void 0 : product.subgroupName) || (product === null || product === void 0 ? void 0 : product.groupName) || product.title,
       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 ? isTmg ? [{}, {
+      extraCells: [vehicleCodingInputCell, {}, {}, ...(isToggled ? isTmg ? [{
         text: (0, _helpers__.formatPrice)(catalogPriceExcl),
         className: 'cart__table-price text-end'
       }, {
-        text: (0, _helpers__.formatPrice)(salesPriceIncl),
+        text: hasLocationTotal ? (0, _helpers__.formatPrice)(margin) : 'N.v.t.',
+        className: 'cart__table-price text-end'
+      }, {
+        text: hasLocationTotal ? (0, _helpers__.formatPrice)(purchasePrice) : 'N.v.t.',
+        className: 'cart__table-price text-end'
+      }, {
+        text: salesPrice > 0 ? (0, _helpers__.formatPrice)(salesPrice) : 'N.v.t.',
         className: 'cart__table-price text-end'
       }] : [{
         text: hasLocationTotal ? (0, _helpers__.formatPrice)(margin) : 'N.v.t.',
@@ -401,11 +488,17 @@ const ProductCartTable = () => {
     productTitle: 'Montage',
     productSubtitle: (0, _helpers__.formatMontageTime)(totals === null || totals === void 0 ? void 0 : totals.montageTime),
     productImage: _montagePlaceholder.default,
-    extraCells: [{}, {}, {}, ...(isToggled ? isTmg ? [{}, {
+    extraCells: [{}, {}, {}, ...(isToggled ? isTmg ? [{
       text: 'N.v.t.',
       className: 'cart__table-price text-end'
     }, {
-      text: (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.montagePriceInclVat),
+      text: 'N.v.t.',
+      className: 'cart__table-price text-end'
+    }, {
+      text: 'N.v.t.',
+      className: 'cart__table-price text-end'
+    }, {
+      text: (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalMontageExclVat),
       className: 'cart__table-price text-end'
     }] : [{
       text: 'N.v.t.',
@@ -423,11 +516,17 @@ const ProductCartTable = () => {
   }), isToggled && hasMarketCorrectionValue && /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
     productTitle: 'Marktcorrectie',
     productImage: _montagePlaceholder.default,
-    extraCells: [{}, {}, {}, ...(isTmg ? [{}, {
+    extraCells: [{}, {}, {}, ...(isTmg ? [{
       text: 'N.v.t.',
       className: 'cart__table-price text-end'
     }, {
-      text: (0, _helpers__.formatPrice)(marketCorrectionSalesIncl),
+      text: (0, _helpers__.formatPrice)(marketCorrectionMargin),
+      className: 'cart__table-price text-end'
+    }, {
+      text: (0, _helpers__.formatPrice)(marketCorrectionPurchaseExcl),
+      className: 'cart__table-price text-end'
+    }, {
+      text: (0, _helpers__.formatPrice)(marketCorrectionSalesExcl),
       className: 'cart__table-price text-end'
     }] : [{
       text: (0, _helpers__.formatPrice)(marketCorrectionMargin),
@@ -443,12 +542,18 @@ const ProductCartTable = () => {
     isEditable: true,
     editLabel: 'Wijzig je trekhaakpakket',
     editLink: '/configurator/trekhaakpakket',
-    extraCells: [{}, {}, ...(isToggled ? isTmg ? [{}, {
-      text: '',
+    extraCells: [{}, {}, ...(isToggled ? isTmg ? [{}, {}, {
+      text: (0, _helpers__.formatPrice)(tmgMainCatalogSubtotal),
       className: 'fw-bold text-end'
     }, {
-      text: '',
+      text: (0, _helpers__.formatPrice)(tmgMainMarginSubtotal),
       className: 'fw-bold text-end'
+    }, {
+      text: (0, _helpers__.formatPrice)(tmgMainPurchaseSubtotal),
+      className: 'fw-bold text-end'
+    }, {
+      text: (0, _helpers__.formatPrice)(tmgMainSalesSubtotal),
+      className: 'fw-bold text-end pb-2'
     }] : [{
       text: '',
       className: 'fw-bold text-end'
@@ -496,11 +601,17 @@ const ProductCartTable = () => {
       productImage: product !== null && product !== void 0 && (_product$images3 = product.images) !== null && _product$images3 !== void 0 && _product$images3[0] ? (0, _image.getImageFromHyper)({
         imageId: (_product$images4 = product.images) === null || _product$images4 === void 0 ? void 0 : _product$images4[0]
       }) : _logoPrimary.default,
-      extraCells: [{}, {}, {}, ...(isToggled ? isTmg ? [{}, {
+      extraCells: [{}, {}, {}, ...(isToggled ? isTmg ? [{
         text: (0, _helpers__.formatPrice)(catalogPriceExcl),
         className: 'cart__table-price text-end'
       }, {
-        text: (0, _helpers__.formatPrice)(salesPriceIncl),
+        text: hasLocationTotal ? (0, _helpers__.formatPrice)(margin) : 'N.v.t.',
+        className: 'cart__table-price text-end'
+      }, {
+        text: hasLocationTotal ? (0, _helpers__.formatPrice)(purchasePrice) : 'N.v.t.',
+        className: 'cart__table-price text-end'
+      }, {
+        text: salesPrice > 0 ? (0, _helpers__.formatPrice)(salesPrice) : 'N.v.t.',
         className: 'cart__table-price text-end'
       }] : [{
         text: hasLocationTotal ? (0, _helpers__.formatPrice)(margin) : 'N.v.t.',
@@ -536,12 +647,18 @@ const ProductCartTable = () => {
     });
   }), /*#__PURE__*/_react.default.createElement(_ProductTableSectionTotal.default, {
     isEditable: false,
-    extraCells: [{}, {}, ...(isToggled ? isTmg ? [{}, {
-      text: '',
+    extraCells: [{}, {}, ...(isToggled ? isTmg ? [{}, {}, {
+      text: (0, _helpers__.formatPrice)(tmgAccessoriesCatalogSubtotal),
       className: 'fw-bold text-end'
     }, {
-      text: '',
+      text: (0, _helpers__.formatPrice)(tmgAccessoriesMarginSubtotal),
       className: 'fw-bold text-end'
+    }, {
+      text: (0, _helpers__.formatPrice)(tmgAccessoriesPurchaseSubtotal),
+      className: 'fw-bold text-end'
+    }, {
+      text: (0, _helpers__.formatPrice)(tmgAccessoriesSalesSubtotal),
+      className: 'fw-bold text-end pb-2'
     }] : [{
       text: '',
       className: 'fw-bold text-end'
@@ -565,7 +682,7 @@ const ProductCartTable = () => {
       className: 'fw-bold text-end pb-2'
     }])]
   })), /*#__PURE__*/_react.default.createElement(_ProductTableTotal.default, {
-    rows: [[{}, {}, {}, ...(isToggled ? [{
+    rows: [[{}, {}, {}, ...(isToggled && isTmg ? [{}] : []), ...(isToggled ? [{
       text: '',
       className: 'text-end pt-2'
     }, {
@@ -583,7 +700,7 @@ const ProductCartTable = () => {
     }] : [{
       text: (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalAfterDiscountExclVat),
       className: 'text-end pt-2'
-    }])], [{}, {}, {}, ...(isToggled ? [{
+    }])], [{}, {}, {}, ...(isToggled && isTmg ? [{}] : []), ...(isToggled ? [{
       text: '',
       className: 'text-end'
     }, {
@@ -601,7 +718,7 @@ const ProductCartTable = () => {
     }] : [{
       text: APP_CONFIG.internal ? (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalVatAfterDiscount) : (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalVatAfterDiscount),
       className: 'text-end'
-    }])], [{}, {}, {}, ...(isToggled ? [{
+    }])], [{}, {}, {}, ...(isToggled && isTmg ? [{}] : []), ...(isToggled ? [{
       text: '',
       className: 'fw-bold text-end'
     }, {
@@ -624,7 +741,7 @@ const ProductCartTable = () => {
     colSpan: "10",
     className: (0, _helpers__.withStyle)('pt-4 pb-2')
   }, /*#__PURE__*/_react.default.createElement("hr", null))), /*#__PURE__*/_react.default.createElement(_ProductTableTotal.default, {
-    rows: [[{}, {}, {}, ...(isToggled ? [{
+    rows: [[{}, {}, {}, ...(isToggled && isTmg ? [{}] : []), ...(isToggled ? [{
       text: '',
       className: 'text-end text-success'
     }, {
@@ -639,7 +756,7 @@ const ProductCartTable = () => {
     }]), {
       text: "-".concat((0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.discountInclVat)),
       className: 'text-end text-success'
-    }], [{}, {}, {}, ...(isToggled ? [{
+    }], [{}, {}, {}, ...(isToggled && isTmg ? [{}] : []), ...(isToggled ? [{
       text: '',
       className: 'text-end'
     }, {
@@ -654,7 +771,7 @@ const ProductCartTable = () => {
     }]), {
       text: (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalAfterDiscountExclVat),
       className: 'text-end'
-    }], [{}, {}, {}, ...(isToggled ? [{
+    }], [{}, {}, {}, ...(isToggled && isTmg ? [{}] : []), ...(isToggled ? [{
       text: '',
       className: 'fw-bold text-end'
     }, {

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

@@ -34,6 +34,7 @@ var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
 var _useIsTmg = require("../__hooks__/useIsTmg");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 var _BoardComputerCard = _interopRequireDefault(require("./BoardComputerCard"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -84,24 +85,19 @@ const ProductsOverview = () => {
     selectedBoardComputer,
     isBoardComputerDeselected,
     discountCode,
-    priceCalculationDate
+    priceCalculationDate,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
-  const cartInput = (0, _product.validateCartInput)([{
-    articleNumber: selectedCableset,
-    quantity: 1
-  }, {
-    articleNumber: selectedCombiset,
-    quantity: 1
-  }, {
-    articleNumber: selectedTowbar,
-    quantity: 1
-  }, ...Object.entries(selectedExtras).map(_ref => {
-    let [extraArticleNumber, extraQuantity] = _ref;
-    return {
-      articleNumber: extraArticleNumber,
-      quantity: extraQuantity
-    };
-  })]);
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
+  const cartInput = (0, _product.buildCartInput)({
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras,
+    isTowmotiveFormula: isTowmotive,
+    vehicleCodingDiscountPercentage
+  });
   const {
     products,
     isLoadingProducts,
@@ -194,12 +190,12 @@ const ProductsOverview = () => {
       to: "/configurator/geen-producten"
     });
   }
-  const handleProductSelected = _ref2 => {
+  const handleProductSelected = _ref => {
     let {
       productId,
       isSelected,
       productCategory
-    } = _ref2;
+    } = _ref;
     switch (productCategory) {
       case _constants__.PRODUCT_CATEGORIES.TOWBAR:
         {
@@ -309,8 +305,8 @@ const ProductsOverview = () => {
       setSkipFilters(value);
     },
     label: "Toon alle artikelen"
-  }), Object.entries(products).map((_ref3, index) => {
-    let [productCategory, productsPerCategory] = _ref3;
+  }), Object.entries(products).map((_ref2, index) => {
+    let [productCategory, productsPerCategory] = _ref2;
     if (!productsPerCategory.length) {
       return null;
     }
@@ -334,11 +330,11 @@ const ProductsOverview = () => {
       if (productCategory === _constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER && selectedCableset) {
         return /*#__PURE__*/_react.default.createElement(_BoardComputerCard.default, {
           defaultSelected: selectedBoardComputer === product.articleNumber,
-          onSelect: _ref4 => {
+          onSelect: _ref3 => {
             let {
               productId,
               isSelected
-            } = _ref4;
+            } = _ref3;
             return handleProductSelected({
               productId,
               isSelected,
@@ -380,11 +376,11 @@ const ProductsOverview = () => {
 
         isAnotherProductSelected: true,
         isOnlyProductInCategory: false,
-        onSelect: _ref5 => {
+        onSelect: _ref4 => {
           let {
             productId,
             isSelected
-          } = _ref5;
+          } = _ref4;
           return handleProductSelected({
             productId,
             isSelected,

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

@@ -5,7 +5,6 @@ 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");
@@ -16,7 +15,6 @@ 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");
@@ -35,6 +33,7 @@ var _FormulaContext = require("../__context__/FormulaContext");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _product = require("../__helpers__/product");
+var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 var _ui = require("../__helpers__/ui");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -139,7 +138,8 @@ const QuotationForm = () => {
     selectedBranch,
     discountCode,
     selectedDiscountedProducts = [],
-    selectedExtras
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [isTermsAccepted, setIsTermsAccepted] = (0, _react.useState)(false);
@@ -150,6 +150,7 @@ const QuotationForm = () => {
     isCreatingQuotation
   } = (0, _mutations.useCreateQuotationMutation)();
   const formula = (0, _FormulaContext.useFormula)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   (0, _react.useEffect)(() => {
     (0, _ui.scrollToFirstErrorMessage)();
   }, [errors]);
@@ -182,22 +183,16 @@ const QuotationForm = () => {
         customer: (0, _helpers__.removeNullishProps)(customer),
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
-        cart: (0, _product.validateCartInput)([{
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, {
-          articleNumber: selectedCombiset,
-          quantity: 1
-        }, {
-          articleNumber: selectedTowbar,
-          quantity: 1
-        }, ...Object.entries(selectedExtras).map(_ref => {
-          let [extraArticleNumber, extraQuantity] = _ref;
-          return {
-            articleNumber: extraArticleNumber,
-            quantity: extraQuantity
-          };
-        }), ...selectedDiscountedProducts])
+        cart: (0, _product.buildCartInput)({
+          selectedCableset,
+          selectedCombiset,
+          selectedTowbar,
+          selectedBoardComputer,
+          selectedExtras,
+          selectedDiscountedProducts,
+          isTowmotiveFormula: isTowmotive,
+          vehicleCodingDiscountPercentage
+        })
       }));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));

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

@@ -47,6 +47,7 @@ var _helpers__ = require("../../__helpers__");
 var _product = require("../../__helpers__/product");
 var _ui = require("../../__helpers__/ui");
 var _useIsTmg = require("../../__hooks__/useIsTmg");
+var _useIsTowmotive = require("../../__hooks__/useIsTowmotive");
 var _AddressLookupService = _interopRequireDefault(require("../../__services__/AddressLookupService"));
 var _LicensePlateValidator = _interopRequireDefault(require("../../__services__/LicensePlateValidator"));
 var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
@@ -207,7 +208,8 @@ const InternalAppointmentForm = _ref => {
     priceCalculationDate,
     selectedExtras,
     invoicePaymentByLeaseCompany,
-    webshop
+    webshop,
+    vehicleCodingDiscountPercentage
   } = order;
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)();
@@ -285,6 +287,7 @@ const InternalAppointmentForm = _ref => {
   } = (0, _queries.useBranchByIdOrWidgetId)(selectedBranch);
   const history = (0, _reactRouter.useHistory)();
   const formula = (0, _FormulaContext.useFormula)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   (0, _react.useEffect)(() => {
     (0, _ui.scrollToFirstErrorMessage)();
   }, [errors]);
@@ -405,22 +408,16 @@ const InternalAppointmentForm = _ref => {
       }), {}, {
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
-        cart: (0, _product.validateCartInput)([{
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, {
-          articleNumber: selectedCombiset,
-          quantity: 1
-        }, {
-          articleNumber: selectedTowbar,
-          quantity: 1
-        }, ...Object.entries(selectedExtras).map(_ref3 => {
-          let [extraArticleNumber, extraQuantity] = _ref3;
-          return {
-            articleNumber: extraArticleNumber,
-            quantity: extraQuantity
-          };
-        }), ...selectedDiscountedProducts])
+        cart: (0, _product.buildCartInput)({
+          selectedCableset,
+          selectedCombiset,
+          selectedTowbar,
+          selectedBoardComputer,
+          selectedExtras,
+          selectedDiscountedProducts,
+          isTowmotiveFormula: isTowmotive,
+          vehicleCodingDiscountPercentage
+        })
       })));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
@@ -678,12 +675,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: _ref4 => {
+    onChange: _ref3 => {
       var _value$kanaalType;
       let {
         label,
         value
-      } = _ref4;
+      } = _ref3;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
         payload: {
@@ -1331,10 +1328,10 @@ const InternalAppointmentForm = _ref => {
     placeholder: "Selecteer een land",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['countryId'],
     initialValue: (countryOptions === null || countryOptions === void 0 ? void 0 : countryOptions.find(option => option.value === (customer === null || customer === void 0 ? void 0 : customer.countryId))) || null,
-    onChange: _ref5 => {
+    onChange: _ref4 => {
       let {
         value
-      } = _ref5;
+      } = _ref4;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_COUNTRY_ID,
         payload: {
@@ -1435,10 +1432,10 @@ const InternalAppointmentForm = _ref => {
     placeholder: "Selecteer een land",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['countryId'],
     initialValue: (countryOptions === null || countryOptions === void 0 ? void 0 : countryOptions.find(option => option.value === (customer === null || customer === void 0 ? void 0 : customer.countryId))) || null,
-    onChange: _ref6 => {
+    onChange: _ref5 => {
       let {
         value
-      } = _ref6;
+      } = _ref5;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_COUNTRY_ID,
         payload: {
@@ -1553,10 +1550,10 @@ const InternalAppointmentForm = _ref => {
     placeholder: "Selecteer een land",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['countryId'],
     initialValue: (countryOptions === null || countryOptions === void 0 ? void 0 : countryOptions.find(option => option.value === (customer === null || customer === void 0 ? void 0 : customer.countryId))) || null,
-    onChange: _ref7 => {
+    onChange: _ref6 => {
       let {
         value
-      } = _ref7;
+      } = _ref6;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_COUNTRY_ID,
         payload: {

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

@@ -43,6 +43,7 @@ var _helpers__ = require("../../__helpers__");
 var _product = require("../../__helpers__/product");
 var _ui = require("../../__helpers__/ui");
 var _useIsTmg = require("../../__hooks__/useIsTmg");
+var _useIsTowmotive = require("../../__hooks__/useIsTowmotive");
 var _LicensePlateValidator = _interopRequireDefault(require("../../__services__/LicensePlateValidator"));
 var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
 var _InternalQuotationSuccessModal = _interopRequireDefault(require("./InternalQuotationSuccessModal"));
@@ -181,7 +182,8 @@ const InternalQuotationForm = _ref => {
     discountPercentage,
     selectedDiscountedProducts = [],
     channel,
-    selectedExtras
+    selectedExtras,
+    vehicleCodingDiscountPercentage
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [companySearchTerm, setCompanySearchTerm] = (0, _react.useState)('');
@@ -223,6 +225,7 @@ const InternalQuotationForm = _ref => {
     }
   }, [isTmg, marketingChannels, channel === null || channel === void 0 ? void 0 : channel.channelId, dispatch]);
   const formula = (0, _FormulaContext.useFormula)();
+  const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const {
     branchesByType,
     isLoadingBranchesByType
@@ -377,22 +380,16 @@ const InternalQuotationForm = _ref => {
       }), {}, {
         branchId: selectedBranch,
         selectBoardComputerUpdate: selectedBoardComputer != null,
-        cart: (0, _product.validateCartInput)([{
-          articleNumber: selectedCableset,
-          quantity: 1
-        }, {
-          articleNumber: selectedCombiset,
-          quantity: 1
-        }, {
-          articleNumber: selectedTowbar,
-          quantity: 1
-        }, ...Object.entries(selectedExtras).map(_ref3 => {
-          let [extraArticleNumber, extraQuantity] = _ref3;
-          return {
-            articleNumber: extraArticleNumber,
-            quantity: extraQuantity
-          };
-        }), ...selectedDiscountedProducts])
+        cart: (0, _product.buildCartInput)({
+          selectedCableset,
+          selectedCombiset,
+          selectedTowbar,
+          selectedBoardComputer,
+          selectedExtras,
+          selectedDiscountedProducts,
+          isTowmotiveFormula: isTowmotive,
+          vehicleCodingDiscountPercentage
+        })
       })));
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
@@ -521,12 +518,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: _ref4 => {
+    onChange: _ref3 => {
       var _value$kanaalType;
       let {
         label,
         value
-      } = _ref4;
+      } = _ref3;
       return dispatch({
         type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
         payload: {

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

@@ -134,6 +134,7 @@ const INITIAL_ORDER_SESSION_STATE = {
   singleOrderFormulaCode: null,
   franchiseName: null,
   customerAgreed: undefined,
+  vehicleCodingDiscountPercentage: null,
   vehicle: {
     ownershipType: _constants__.VEHICLE_OWNERSHIP_TYPE.Particulier,
     singleOrderOwnershipType: null,
@@ -243,7 +244,8 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_CUSTOMER_KVK_NUMBER: 'SET_CUSTOMER_KVK_NUMBER',
   SET_CUSTOMER_VAT_NUMBER: 'SET_CUSTOMER_VAT_NUMBER',
   SET_CUSTOMER_HOUSE_NUMBER_ADDITION: 'SET_CUSTOMER_HOUSE_NUMBER_ADDITION',
-  SET_CUSTOMER_INVOICE_PAYMENT_BY_LEASE_COMPANY: 'SET_CUSTOMER_INVOICE_PAYMENT_BY_LEASE_COMPANY'
+  SET_CUSTOMER_INVOICE_PAYMENT_BY_LEASE_COMPANY: 'SET_CUSTOMER_INVOICE_PAYMENT_BY_LEASE_COMPANY',
+  SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE: 'SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE'
 };
 const orderSessionReducer = (state, action) => {
   switch (action.type) {
@@ -290,6 +292,7 @@ const orderSessionReducer = (state, action) => {
       }
     case orderSessionActions.INITIALIZE_EXISTING_ORDER:
       {
+        var _existingOrder$vehicl;
         const {
           existingOrder,
           existingDossierId,
@@ -298,7 +301,8 @@ const orderSessionReducer = (state, action) => {
         return _objectSpread(_objectSpread({}, existingOrder), {}, {
           isTouched: true,
           existingDossierId,
-          existingDossierType
+          existingDossierType,
+          vehicleCodingDiscountPercentage: (_existingOrder$vehicl = existingOrder === null || existingOrder === void 0 ? void 0 : existingOrder.vehicleCodingDiscountPercentage) !== null && _existingOrder$vehicl !== void 0 ? _existingOrder$vehicl : null
         });
       }
     case orderSessionActions.SET_CUSTOMER_COUNTRY_ID:
@@ -816,6 +820,16 @@ const orderSessionReducer = (state, action) => {
           })
         });
       }
+    case orderSessionActions.SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE:
+      {
+        const {
+          percentage
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          vehicleCodingDiscountPercentage: percentage,
+          isTouched: true
+        });
+      }
     case orderSessionActions.SET_APPOINTMENT_TIME:
       {
         const {

package/dist/src/shared/__helpers__/product.js

@@ -13,7 +13,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateCartInput = exports.parseProductSpecifications = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = void 0;
+exports.validateCartInput = exports.parseProductSpecifications = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = exports.buildCartInput = void 0;
 require("core-js/modules/es.array.flat-map.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.unscopables.flat-map.js");
@@ -25,6 +25,49 @@ 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");
 var _constants__ = require("../__constants__");
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
 /**
  * @description Extracts Specs from a product object by omitting "system" fields
  */
@@ -54,15 +97,53 @@ const validateCartInput = exports.validateCartInput = function validateCartInput
   return;
 };
 
+/**
+ * @description Builds the cart input including optional TowMotive vehicle coding discount
+ */
+const buildCartInput = _ref3 => {
+  let {
+    selectedCableset,
+    selectedCombiset,
+    selectedTowbar,
+    selectedBoardComputer,
+    selectedExtras = {},
+    selectedDiscountedProducts = [],
+    isTowmotiveFormula = false,
+    vehicleCodingDiscountPercentage = null
+  } = _ref3;
+  return validateCartInput([{
+    articleNumber: selectedCableset,
+    quantity: 1
+  }, {
+    articleNumber: selectedCombiset,
+    quantity: 1
+  }, {
+    articleNumber: selectedTowbar,
+    quantity: 1
+  }, ...(selectedBoardComputer ? [_objectSpread({
+    articleNumber: selectedBoardComputer,
+    quantity: 1
+  }, isTowmotiveFormula && vehicleCodingDiscountPercentage !== null && vehicleCodingDiscountPercentage !== undefined ? {
+    consumerDiscountPercentage: vehicleCodingDiscountPercentage
+  } : {})] : []), ...Object.entries(selectedExtras).map(_ref4 => {
+    let [extraArticleNumber, extraQuantity] = _ref4;
+    return {
+      articleNumber: extraArticleNumber,
+      quantity: extraQuantity
+    };
+  }), ...selectedDiscountedProducts]);
+};
+
 /**
  * @description Checks if a product is recommended, by checking if it both a towbar and is detachable
  */
-const checkIfTowbarIsRecommended = _ref3 => {
+exports.buildCartInput = buildCartInput;
+const checkIfTowbarIsRecommended = _ref5 => {
   var _product$subgroupName;
   let {
     product,
     category
-  } = _ref3;
+  } = _ref5;
   return category === _constants__.PRODUCT_CATEGORIES.TOWBAR && ((product === null || product === void 0 ? void 0 : product.subgroupName.toLowerCase().includes('afneembaar')) || (product === null || product === void 0 || (_product$subgroupName = product.subgroupName) === null || _product$subgroupName === void 0 ? void 0 : _product$subgroupName.toLowerCase().includes('afneembare')));
 };
 

package/dist/src/shared/__hooks__/useIsTowmotive.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsTowmotive = void 0;
+var _react = require("react");
+var _queries = require("../__api__/queries");
+var _constants__ = require("../__constants__");
+var _useAuthSession = require("./useAuthSession");
+const useIsTowmotive = exports.useIsTowmotive = function useIsTowmotive() {
+  let internal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  const {
+    branchTypes
+  } = (0, _queries.useBranchTypes)() || {};
+  const session = (0, _useAuthSession.useAuthSession)();
+  return (0, _react.useMemo)(() => {
+    if ((session === null || session === void 0 ? void 0 : session.formula) !== _constants__.BRANCH_FORMULAS.TowMotive) {
+      return false;
+    }
+    return true;
+  }, [session === null || session === void 0 ? void 0 : session.formula]);
+};

package/package.json

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