thm-p3-configurator 0.0.261 → 0.0.263

package/dist/src/shared/App.js

@@ -18,6 +18,7 @@ var _Navbar = _interopRequireDefault(require("./__components__/Navbar"));
 var _constants__ = require("./__constants__");
 var _SentryWrapper = _interopRequireDefault(require("./__containers__/SentryWrapper"));
 var _pages__ = _interopRequireDefault(require("./__pages__"));
+var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES"));
 var _StyleWrapper = _interopRequireDefault(require("./__containers__/StyleWrapper"));
 var _InternalBranchSelectorModal = _interopRequireDefault(require("./__containers__/internal/InternalBranchSelectorModal"));
 var _ActiveMarkerContext = require("./__context__/ActiveMarkerContext");
@@ -69,11 +70,11 @@ const App = () => {
     (0, _Experiments.default)();
   });
   return /*#__PURE__*/_react.default.createElement(_SentryWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FormulaContext.FormulaController, {
-    defaultFormula: _constants__.CONFIGURATOR_FORMULAS.THC
+    defaultFormula: _constants__.CONFIGURATOR_FORMULAS.TOW
   }, /*#__PURE__*/_react.default.createElement(_CountryContext.CountryController, {
     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(_pages__.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__/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/__constants__/cartTable.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VAT_RATE = exports.MARKET_CORRECTION_ARTICLE_NUMBER = exports.CART_TABLE_PRICE_CELL_CLASS = exports.CART_TABLE_DISPLAY_MODES = exports.CART_TABLE_BOLD_END_CLASS = void 0;
+/**
+ * Display modes for the cart table:
+ * - DEFAULT: No purchase prices shown (7 columns)
+ * - TOGGLED_TMG: TMG with purchase prices (8 columns)
+ * - TOGGLED_STANDARD: Standard with purchase prices (9 columns)
+ */
+const CART_TABLE_DISPLAY_MODES = exports.CART_TABLE_DISPLAY_MODES = {
+  DEFAULT: 'default',
+  TOGGLED_TMG: 'toggled_tmg',
+  TOGGLED_STANDARD: 'toggled_standard'
+};
+
+/** CSS class for price cells in cart table */
+const CART_TABLE_PRICE_CELL_CLASS = exports.CART_TABLE_PRICE_CELL_CLASS = 'cart__table-price text-end';
+
+/** CSS class for bold end-aligned cells */
+const CART_TABLE_BOLD_END_CLASS = exports.CART_TABLE_BOLD_END_CLASS = 'fw-bold text-end';
+
+/** VAT rate for price calculations */
+const VAT_RATE = exports.VAT_RATE = 1.21;
+
+/** Market correction article number */
+const MARKET_CORRECTION_ARTICLE_NUMBER = exports.MARKET_CORRECTION_ARTICLE_NUMBER = 'MC';

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',