thm-p3-configurator 0.0.262 → 0.0.264

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

@@ -190,7 +190,8 @@ const useCreatePrivateQuotationMutation = () => {
       branchId,
       formula,
       discount,
-      isExitIntent = false
+      isExitIntent = false,
+      montageRate
     } = _ref5;
     return _authenticatedProxyApi.authenticatedProxyApi.postQuotation({
       isExitIntent,
@@ -205,7 +206,8 @@ const useCreatePrivateQuotationMutation = () => {
       cart,
       selectBoardComputerUpdate,
       customer: customer,
-      branchId
+      branchId,
+      montageRate
     });
   });
   return {
@@ -240,7 +242,8 @@ const useCreatePrivateAppointmentMutation = () => {
       formula,
       discount,
       customerAgreed,
-      invoicePaymentByLeaseCompany
+      invoicePaymentByLeaseCompany,
+      montageRate
     } = _ref6;
     return _authenticatedProxyApi.authenticatedProxyApi.postAppointment({
       appointment,
@@ -257,7 +260,8 @@ const useCreatePrivateAppointmentMutation = () => {
       customer: customer,
       branchId,
       customerAgreed,
-      invoicePaymentByLeaseCompany
+      invoicePaymentByLeaseCompany,
+      montageRate
     });
   });
   return {
@@ -291,7 +295,8 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       branchId,
       formula,
       discount,
-      customerAgreed
+      customerAgreed,
+      montageRate
     } = _ref7;
     return _authenticatedProxyApi.authenticatedProxyApi.postAppointmentRequest({
       appointment,
@@ -307,7 +312,8 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       selectBoardComputerUpdate,
       customer: customer,
       branchId,
-      customerAgreed
+      customerAgreed,
+      montageRate
     });
   });
   return {

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

@@ -0,0 +1,102 @@
+"use strict";
+
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _helpers__ = require("../../__helpers__");
+var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? 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 toDisplayValue = value => value === null || value === undefined ? '' : value.toString();
+const DecimalInput = _ref => {
+  let {
+    placeholder = '',
+    initialValue = '',
+    value,
+    name,
+    onClick = () => {},
+    isDisabled = false,
+    onChange = () => {},
+    isRequired = true,
+    form,
+    label,
+    errorMessage = '',
+    className = '',
+    min,
+    max,
+    step = '0.01',
+    inputMode = 'decimal',
+    pattern = '-?[0-9]*[.,]?[0-9]*'
+  } = _ref;
+  const [localValue, setLocalValue] = (0, _react.useState)(toDisplayValue(initialValue));
+  const hasControlledValue = value !== undefined;
+  const displayValue = hasControlledValue ? toDisplayValue(value) : localValue;
+  (0, _react.useEffect)(() => {
+    setLocalValue(toDisplayValue(initialValue));
+  }, [initialValue]);
+  const handleChange = newValue => {
+    setLocalValue(newValue);
+    onChange(newValue);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)("form-group ".concat(className))
+  }, label && /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: name,
+    className: (0, _helpers__.withStyle)('form-label')
+  }, label, isRequired && /*#__PURE__*/_react.default.createElement("span", null, "*")), /*#__PURE__*/_react.default.createElement("input", {
+    placeholder: placeholder,
+    name: name,
+    type: "number",
+    inputMode: inputMode,
+    pattern: pattern,
+    min: min,
+    max: max,
+    step: step,
+    onClick: onClick,
+    form: form,
+    value: displayValue,
+    disabled: isDisabled,
+    onChange: e => handleChange(e.target.value),
+    required: isRequired,
+    className: "".concat((0, _helpers__.withStyle)('form-control'), " ").concat(errorMessage ? (0, _helpers__.withStyle)('is-invalid') : '')
+  }), errorMessage && /*#__PURE__*/_react.default.createElement(_ErrorMessage.default, {
+    message: errorMessage
+  }));
+};
+var _default = exports.default = DecimalInput;

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

@@ -92,7 +92,11 @@ const ProductCartSide = () => {
     selectedExtras,
     canAlterQuantity,
     selectedBranch,
-    vehicleCodingDiscountPercentage
+    vehicleCodingDiscountPercentage,
+    consumerDiscounts,
+    discountAmount,
+    discountPercentage,
+    montageRate
   } = order;
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const cartInput = (0, _product.buildCartInput)({
@@ -102,7 +106,8 @@ const ProductCartSide = () => {
     selectedBoardComputer,
     selectedExtras,
     isTowmotiveFormula: isTowmotive,
-    vehicleCodingDiscountPercentage
+    vehicleCodingDiscountPercentage,
+    consumerDiscounts
   });
   const {
     cart,
@@ -118,7 +123,10 @@ const ProductCartSide = () => {
     selectBoardComputerUpdate: selectedBoardComputer != null ? 'true' : 'false',
     cart: cartInput ? JSON.stringify(cartInput) : undefined,
     formula,
-    branchId: isToggled ? selectedBranch : undefined
+    branchId: isToggled ? selectedBranch : undefined,
+    discountAmount,
+    discountPercentage,
+    montageRate: montageRate !== null && montageRate !== void 0 ? montageRate : undefined
   });
   const marketCorrection = cart === null || cart === void 0 ? void 0 : cart.find(item => item.articleNumber === 'MC');
   let mainProducts = [];
@@ -275,7 +283,7 @@ const ProductCartSide = () => {
       text: isToggled ? 'Subtotaal (excl. btw)' : 'Subtotaal (incl. btw)',
       className: 'fw-bold text-end pb-2'
     }, {
-      text: isToggled ? (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalLocationPriceExclVat) : (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalBeforeDiscountInclVat),
+      text: isToggled ? (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalLocationPriceExclVat) : (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalAfterDiscountInclVat),
       className: 'fw-bold text-end pb-2'
     }]
   }), /*#__PURE__*/_react.default.createElement(_ProductTableTotal.default, {
@@ -283,7 +291,7 @@ const ProductCartSide = () => {
       text: 'Producten (excl. btw)',
       className: 'text-end pt-2'
     }, {
-      text: isToggled ? (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalLocationPriceExclVat) : (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.subtotalMontageExclVat),
+      text: isToggled ? (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalLocationPriceExclVat) : (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalAfterDiscountExclVat),
       className: 'text-end pt-2'
     }], [{}, {
       text: 'btw',

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

@@ -3,6 +3,7 @@
 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.number.parse-float.js");
 require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.parse-int.js");
 require("core-js/modules/es.regexp.exec.js");
@@ -25,6 +26,7 @@ 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.number.parse-float.js");
 require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.parse-int.js");
 require("core-js/modules/es.regexp.exec.js");
@@ -43,6 +45,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 _DecimalInput = _interopRequireDefault(require("../__components__/Form/DecimalInput"));
 var _TextInput = _interopRequireDefault(require("../__components__/Form/TextInput"));
 var _ProductTableEditableRow = _interopRequireDefault(require("../__components__/ProductTable/ProductTableEditableRow"));
 var _ProductTableHead = _interopRequireDefault(require("../__components__/ProductTable/ProductTableHead"));
@@ -141,6 +144,7 @@ function _toPrimitive(t, r) {
 
 const ProductCartTable = () => {
   const formula = (0, _FormulaContext.useFormula)();
+  const isThc = formula === _constants__.CONFIGURATOR_FORMULAS.THC;
   const isTmg = (0, _useIsTmg.useIsTmg)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
   const [isToggled, setIsToggled] = (0, _react.useState)(false);
@@ -161,12 +165,15 @@ const ProductCartTable = () => {
     discountPercentage,
     selectedBranch,
     vehicleCodingDiscountPercentage,
-    consumerDiscounts
+    consumerDiscounts,
+    montageRate,
+    isMontageTariffFixed
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
 
   // Determine display mode
   const displayMode = (0, _cartTable2.getCartTableDisplayMode)(isToggled, isTmg);
-  const handleVehicleCodingDiscountChange = value => {
+  const handleVehicleCodingDiscountChange = function handleVehicleCodingDiscountChange(value) {
+    let articleNumber = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     const sanitized = value === null || value === void 0 ? void 0 : value.toString().replace(/[^0-9]/g, '');
     const parsed = sanitized === '' ? 0 : Math.min(100, Math.max(0, parseInt(sanitized, 10)));
     dispatch({
@@ -175,8 +182,20 @@ const ProductCartTable = () => {
         percentage: parsed
       }
     });
+    if (articleNumber) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CONSUMER_DISCOUNT_PERCENTAGE,
+        payload: {
+          articleNumber,
+          percentage: parsed
+        }
+      });
+    }
   };
-  const handleLineDiscountChange = (articleNumber, value) => {
+  const handleLineDiscountChange = function handleLineDiscountChange(articleNumber, value) {
+    let {
+      isVehicleCoding = false
+    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     const sanitized = value === null || value === void 0 ? void 0 : value.toString().replace(/[^0-9]/g, '');
     const parsed = sanitized === '' ? 0 : Math.min(100, Math.max(0, parseInt(sanitized, 10)));
     dispatch({
@@ -186,6 +205,47 @@ const ProductCartTable = () => {
         percentage: parsed
       }
     });
+    if (isVehicleCoding) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE,
+        payload: {
+          percentage: parsed
+        }
+      });
+    }
+  };
+  const handleMontageRateChange = value => {
+    if (value === null || value === undefined) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_MONTAGE_RATE,
+        payload: {
+          montageRate: null
+        }
+      });
+      return;
+    }
+
+    // Permit typing both comma and dot decimals
+    const sanitized = value.toString().replace(/[^0-9.,-]/g, '').replace(',', '.');
+
+    // Allow a lone "0." or "0," while typing
+    if (sanitized === '' || sanitized === '0.' || sanitized === '0,') {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_MONTAGE_RATE,
+        payload: {
+          montageRate: null
+        }
+      });
+      return;
+    }
+    const parsed = Number.parseFloat(sanitized);
+    const clamped = parsed === null || Number.isNaN(parsed) ? null : Math.min(100, Math.max(0, parsed));
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_MONTAGE_RATE,
+      payload: {
+        montageRate: clamped
+      }
+    });
   };
   const cartInput = (0, _product.buildCartInput)({
     selectedCableset,
@@ -213,8 +273,12 @@ const ProductCartTable = () => {
     branchId: isToggled ? selectedBranch : null,
     discountAmount,
     discountPercentage,
-    formula
+    formula,
+    montageRate: montageRate !== null && montageRate !== void 0 ? montageRate : undefined
   });
+  const montageHours = Number(totals === null || totals === void 0 ? void 0 : totals.montageTime) || 0;
+  const montageTotalExcl = Number((totals === null || totals === void 0 ? void 0 : totals.totalMontageExclVat) || 0);
+  const montageHourlyExcl = montageHours > 0 ? montageTotalExcl / montageHours : null;
   (0, _react.useEffect)(() => {
     if (!isToggled || !(cart !== null && cart !== void 0 && cart.length)) return;
     cart.forEach(item => {
@@ -229,6 +293,32 @@ const ProductCartTable = () => {
       }
     });
   }, [cart, consumerDiscounts, dispatch, isToggled]);
+  (0, _react.useEffect)(() => {
+    const rateFromApi = totals === null || totals === void 0 ? void 0 : totals.montageRate;
+    if (rateFromApi === undefined || rateFromApi === null) return;
+    const numericRate = Number(rateFromApi);
+    if (Number.isNaN(numericRate)) return;
+    if (montageRate === null || montageRate === undefined) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_MONTAGE_RATE,
+        payload: {
+          montageRate: numericRate
+        }
+      });
+    }
+  }, [dispatch, montageRate, totals === null || totals === void 0 ? void 0 : totals.montageRate]);
+  (0, _react.useEffect)(() => {
+    const isFixedFromApi = totals === null || totals === void 0 ? void 0 : totals.isMontageTariffFixed;
+    if (isFixedFromApi === undefined || isFixedFromApi === null) return;
+    if (isMontageTariffFixed !== Boolean(isFixedFromApi)) {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_IS_MONTAGE_TARIFF_FIXED,
+        payload: {
+          isFixed: Boolean(isFixedFromApi)
+        }
+      });
+    }
+  }, [dispatch, isMontageTariffFixed, totals === null || totals === void 0 ? void 0 : totals.isMontageTariffFixed]);
 
   // ============================================================================
   // DATA PROCESSING
@@ -443,22 +533,36 @@ const ProductCartTable = () => {
     isRequired: false,
     onChange: onChange
   }));
-  const renderVehicleCodingInput = () => /*#__PURE__*/_react.default.createElement("div", {
+  const renderVehicleCodingInput = articleNumber => /*#__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", {
+  }, /*#__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, {
+    label: "Korting voertuigcodering (%)",
     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", {
+    onChange: v => handleVehicleCodingDiscountChange(v, articleNumber)
+  })));
+  const renderMontageRateInput = () => isThc ? null : /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end justify-content-end gap-1')
+  }, /*#__PURE__*/_react.default.createElement(_DecimalInput.default, {
+    label: "Montage tarief",
+    className: "mb-0",
+    name: "montage-rate",
+    placeholder: "0.0 - 100.0",
+    value: montageRate === null || montageRate === undefined ? '' : montageRate.toString(),
+    min: 0,
+    max: 100,
+    step: "0.1",
+    isRequired: false,
+    isDisabled: isMontageTariffFixed,
+    onChange: handleMontageRateChange
+  }), montageHourlyExcl !== null && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _helpers__.withStyle)('small text-muted')
-  }, "%")));
+  }, "Uurprijs: ", (0, _helpers__.formatPrice)(montageHourlyExcl)));
 
   // ============================================================================
   // RENDER
@@ -468,6 +572,17 @@ const ProductCartTable = () => {
     return /*#__PURE__*/_react.default.createElement(_FullPageSpinner.default, null);
   }
   const headerColumns = (0, _cartTable2.getCartTableHeaderColumns)(displayMode);
+  const montageRateInputCell = isThc ? {} : {
+    text: renderMontageRateInput(),
+    className: _cartTable.CART_TABLE_PRICE_CELL_CLASS
+  };
+  const montageRateCellOverrides = APP_CONFIG.internal && !isThc && renderMontageRateInput ? displayMode === _cartTable.CART_TABLE_DISPLAY_MODES.TOGGLED_STANDARD ? {
+    // Show input in discount column; keep price column as price
+    discountCell: montageRateInputCell
+  } : displayMode === _cartTable.CART_TABLE_DISPLAY_MODES.DEFAULT ? {
+    // In default view, show input in the same column as vehicle coding
+    discountCell: montageRateInputCell
+  } : {} : {};
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('content col-lg')
   }, /*#__PURE__*/_react.default.createElement(_TogglableCard.default, {
@@ -486,11 +601,13 @@ const ProductCartTable = () => {
     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 lineDiscountValue = (_product$consumerDisc = product === null || product === void 0 ? void 0 : product.consumerDiscountPercentage) !== null && _product$consumerDisc !== void 0 ? _product$consumerDisc : isVehicleCodingProduct ? vehicleCodingDiscountPercentage : 0;
     const discountInputCell = displayMode === _cartTable.CART_TABLE_DISPLAY_MODES.TOGGLED_STANDARD ? {
-      text: renderDiscountInput(product.articleNumber, lineDiscountValue, v => handleLineDiscountChange(product.articleNumber, v)),
+      text: renderDiscountInput(product.articleNumber, lineDiscountValue, v => handleLineDiscountChange(product.articleNumber, v, {
+        isVehicleCoding: isVehicleCodingProduct
+      })),
       className: _cartTable.CART_TABLE_PRICE_CELL_CLASS
     } : {};
     const vehicleCodingInputCell = displayMode === _cartTable.CART_TABLE_DISPLAY_MODES.DEFAULT && isTowmotive && isVehicleCodingProduct ? {
-      text: renderVehicleCodingInput(),
+      text: renderVehicleCodingInput(product.articleNumber),
       className: _cartTable.CART_TABLE_PRICE_CELL_CLASS
     } : {};
     return /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
@@ -511,7 +628,7 @@ const ProductCartTable = () => {
     productTitle: "Montage",
     productSubtitle: (0, _helpers__.formatMontageTime)(totals === null || totals === void 0 ? void 0 : totals.montageTime),
     productImage: _montagePlaceholder.default,
-    extraCells: (0, _cartTable2.getMontageCells)(displayMode, totals === null || totals === void 0 ? void 0 : totals.totalMontageExclVat, totals === null || totals === void 0 ? void 0 : totals.montagePricePlusMarketCorrectionInclVat)
+    extraCells: (0, _cartTable2.getMontageCells)(displayMode, totals === null || totals === void 0 ? void 0 : totals.totalMontageExclVat, totals === null || totals === void 0 ? void 0 : totals.montagePricePlusMarketCorrectionInclVat, montageRateCellOverrides)
   }), isToggled && marketCorrectionValues.hasValue && /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
     productTitle: "Marktcorrectie",
     productImage: _montagePlaceholder.default,

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

@@ -1,7 +1,9 @@
 "use strict";
 
+require("core-js/modules/es.number.parse-float.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.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");
@@ -16,8 +18,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.number.parse-float.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -209,7 +213,9 @@ const InternalAppointmentForm = _ref => {
     selectedExtras,
     invoicePaymentByLeaseCompany,
     webshop,
-    vehicleCodingDiscountPercentage
+    vehicleCodingDiscountPercentage,
+    consumerDiscounts,
+    montageRate
   } = order;
   const [errors, setErrors] = (0, _react.useState)({});
   const [_licensePlate, _setLicensePlate] = (0, _react.useState)();
@@ -364,7 +370,9 @@ const InternalAppointmentForm = _ref => {
           isTmg: isTmg
         }
       });
-      await onSubmit((0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
+      const parsedMontageRate = montageRate === null || montageRate === undefined ? undefined : Number.parseFloat(montageRate.toString().replace(',', '.'));
+      console.log('parsedMontageRate', parsedMontageRate);
+      const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
         vehicle,
         customer: (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, customer), {}, {
           firstName: (_customer$firstName = customer === null || customer === void 0 ? void 0 : customer.firstName) !== null && _customer$firstName !== void 0 ? _customer$firstName : undefined,
@@ -416,9 +424,12 @@ const InternalAppointmentForm = _ref => {
           selectedExtras,
           selectedDiscountedProducts,
           isTowmotiveFormula: isTowmotive,
-          vehicleCodingDiscountPercentage
+          vehicleCodingDiscountPercentage,
+          consumerDiscounts
         })
-      })));
+      }));
+      payload.montageRate = Number.isNaN(parsedMontageRate) ? undefined : parsedMontageRate;
+      await onSubmit(payload);
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
       setErrors(function () {

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

@@ -1,7 +1,9 @@
 "use strict";
 
+require("core-js/modules/es.number.parse-float.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.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");
@@ -16,8 +18,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.number.parse-float.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -183,7 +187,9 @@ const InternalQuotationForm = _ref => {
     selectedDiscountedProducts = [],
     channel,
     selectedExtras,
-    vehicleCodingDiscountPercentage
+    vehicleCodingDiscountPercentage,
+    consumerDiscounts,
+    montageRate
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const [errors, setErrors] = (0, _react.useState)({});
   const [companySearchTerm, setCompanySearchTerm] = (0, _react.useState)('');
@@ -342,7 +348,8 @@ const InternalQuotationForm = _ref => {
           isTmg
         }
       });
-      await onSubmit((0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
+      const parsedMontageRate = montageRate === null || montageRate === undefined ? undefined : Number.parseFloat(montageRate.toString().replace(',', '.'));
+      const payload = (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({
         vehicle,
         customer: (0, _helpers__.removeNullishProps)(_objectSpread(_objectSpread({}, customer), {}, {
           firstName: (_customer$firstName = customer === null || customer === void 0 ? void 0 : customer.firstName) !== null && _customer$firstName !== void 0 ? _customer$firstName : undefined,
@@ -388,9 +395,12 @@ const InternalQuotationForm = _ref => {
           selectedExtras,
           selectedDiscountedProducts,
           isTowmotiveFormula: isTowmotive,
-          vehicleCodingDiscountPercentage
+          vehicleCodingDiscountPercentage,
+          consumerDiscounts
         })
-      })));
+      }));
+      payload.montageRate = Number.isNaN(parsedMontageRate) ? undefined : parsedMontageRate;
+      await onSubmit(payload);
     } catch (ex) {
       console.error("handleSubmit(): ".concat(ex));
       setErrors(function () {

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

@@ -136,6 +136,8 @@ const INITIAL_ORDER_SESSION_STATE = {
   customerAgreed: undefined,
   vehicleCodingDiscountPercentage: null,
   consumerDiscounts: {},
+  montageRate: null,
+  isMontageTariffFixed: false,
   vehicle: {
     ownershipType: _constants__.VEHICLE_OWNERSHIP_TYPE.Particulier,
     singleOrderOwnershipType: null,
@@ -247,7 +249,9 @@ const orderSessionActions = exports.orderSessionActions = {
   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_VEHICLE_CODING_DISCOUNT_PERCENTAGE: 'SET_VEHICLE_CODING_DISCOUNT_PERCENTAGE',
-  SET_CONSUMER_DISCOUNT_PERCENTAGE: 'SET_CONSUMER_DISCOUNT_PERCENTAGE'
+  SET_CONSUMER_DISCOUNT_PERCENTAGE: 'SET_CONSUMER_DISCOUNT_PERCENTAGE',
+  SET_MONTAGE_RATE: 'SET_MONTAGE_RATE',
+  SET_IS_MONTAGE_TARIFF_FIXED: 'SET_IS_MONTAGE_TARIFF_FIXED'
 };
 const orderSessionReducer = (state, action) => {
   switch (action.type) {
@@ -846,6 +850,25 @@ const orderSessionReducer = (state, action) => {
           isTouched: true
         });
       }
+    case orderSessionActions.SET_MONTAGE_RATE:
+      {
+        const {
+          montageRate
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          montageRate,
+          isTouched: true
+        });
+      }
+    case orderSessionActions.SET_IS_MONTAGE_TARIFF_FIXED:
+      {
+        const {
+          isFixed
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          isMontageTariffFixed: Boolean(isFixed)
+        });
+      }
     case orderSessionActions.SET_APPOINTMENT_TIME:
       {
         const {

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

@@ -178,20 +178,28 @@ const getAccessoryProductCells = _ref2 => {
  * @param {string} displayMode - Current display mode
  * @param {number} montagePrice - Montage price excl VAT
  * @param {number} montagePriceInclVat - Montage price incl VAT
+ * @param {Object} overrides - Optional overrides for discount/price cells
+ * @param {Object} overrides.discountCell - Override cell for discount column (toggled standard)
+ * @param {Object} overrides.priceCell - Override cell for price column
  * @returns {Array} Array of cell configuration objects
  */
 exports.getAccessoryProductCells = getAccessoryProductCells;
-const getMontageCells = (displayMode, montagePrice, montagePriceInclVat) => {
+const getMontageCells = exports.getMontageCells = function getMontageCells(displayMode, montagePrice, montagePriceInclVat) {
+  let overrides = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  const {
+    discountCell: discountOverride,
+    priceCell: priceOverride
+  } = overrides;
   const baseCells = [{}, {}, {}];
   const nvt = textCell('N.v.t.', _cartTable.CART_TABLE_PRICE_CELL_CLASS);
   switch (displayMode) {
     case _cartTable.CART_TABLE_DISPLAY_MODES.TOGGLED_TMG:
-      return [...baseCells, nvt, nvt, nvt, priceCell(montagePrice)];
+      return [...baseCells, nvt, nvt, nvt, priceOverride || priceCell(montagePrice)];
     case _cartTable.CART_TABLE_DISPLAY_MODES.TOGGLED_STANDARD:
-      return [...baseCells, nvt, nvt, nvt, emptyCell(_cartTable.CART_TABLE_PRICE_CELL_CLASS), priceCell(montagePrice)];
+      return [...baseCells, nvt, nvt, nvt, discountOverride || emptyCell(_cartTable.CART_TABLE_PRICE_CELL_CLASS), priceOverride || priceCell(montagePrice)];
     case _cartTable.CART_TABLE_DISPLAY_MODES.DEFAULT:
     default:
-      return [...baseCells, {}, {}, priceCell(montagePriceInclVat)];
+      return [discountOverride || {}, {}, {}, {}, {}, priceOverride || priceCell(montagePriceInclVat)];
   }
 };
 
@@ -204,7 +212,6 @@ const getMontageCells = (displayMode, montagePrice, montagePriceInclVat) => {
  * @param {number} values.salesExcl - Sales price excl VAT
  * @returns {Array} Array of cell configuration objects
  */
-exports.getMontageCells = getMontageCells;
 const getMarketCorrectionCells = (displayMode, _ref3) => {
   let {
     purchaseExcl,

package/package.json

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