thm-p3-configurator 0.0.306 → 0.0.308

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

@@ -3,7 +3,7 @@
 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;
+exports.VAT_RATE = exports.MARKET_CORRECTION_ARTICLE_NUMBER = exports.EXTRA_PRICE_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)
@@ -26,4 +26,7 @@ const CART_TABLE_BOLD_END_CLASS = exports.CART_TABLE_BOLD_END_CLASS = 'fw-bold t
 const VAT_RATE = exports.VAT_RATE = 1.21;
 
 /** Market correction article number */
-const MARKET_CORRECTION_ARTICLE_NUMBER = exports.MARKET_CORRECTION_ARTICLE_NUMBER = 'MC';
+const MARKET_CORRECTION_ARTICLE_NUMBER = exports.MARKET_CORRECTION_ARTICLE_NUMBER = 'MC';
+
+/** Extra price (Meerprijs) article number */
+const EXTRA_PRICE_ARTICLE_NUMBER = exports.EXTRA_PRICE_ARTICLE_NUMBER = 'MEERPRIJS';

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

@@ -66,6 +66,7 @@ var _product = require("../__helpers__/product");
 var _useIsTmg = require("../__hooks__/useIsTmg");
 var _useIsTowmotive = require("../__hooks__/useIsTowmotive");
 var _InternalDiscountForm = _interopRequireDefault(require("./internal/InternalDiscountForm"));
+var _InternalExtraPriceForm = _interopRequireDefault(require("./internal/InternalExtraPriceForm"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -170,7 +171,8 @@ const ProductCartTable = () => {
     consumerDiscounts,
     touchedConsumerDiscounts,
     montageRate,
-    isMontageTariffFixed
+    isMontageTariffFixed,
+    extraPriceAmount
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
 
   // Determine display mode
@@ -281,7 +283,8 @@ const ProductCartTable = () => {
     discountAmount,
     discountPercentage,
     formula,
-    montageRate: (0, _montageRate.toApiMontageRate)(montageRate)
+    montageRate: (0, _montageRate.toApiMontageRate)(montageRate),
+    extraPriceAmount
   });
   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);
@@ -357,6 +360,18 @@ const ProductCartTable = () => {
 
   const cartLookup = (0, _react.useMemo)(() => cart ? Object.fromEntries(cart.map(item => [item.articleNumber, item])) : {}, [cart]);
   const marketCorrection = cart === null || cart === void 0 ? void 0 : cart.find(item => item.articleNumber === _cartTable.MARKET_CORRECTION_ARTICLE_NUMBER);
+  const extraPriceItem = cart === null || cart === void 0 ? void 0 : cart.find(item => item.articleNumber === _cartTable.EXTRA_PRICE_ARTICLE_NUMBER);
+  const extraPriceValues = (0, _react.useMemo)(() => {
+    const consumerTotal = Number(extraPriceItem === null || extraPriceItem === void 0 ? void 0 : extraPriceItem.consumerTotal) || 0;
+    const hasValue = consumerTotal !== 0;
+    const salesIncl = consumerTotal;
+    const salesExcl = consumerTotal / _cartTable.VAT_RATE;
+    return {
+      salesIncl,
+      salesExcl,
+      hasValue
+    };
+  }, [extraPriceItem]);
   const marketCorrectionValues = (0, _react.useMemo)(() => {
     const purchaseExcl = Number(marketCorrection === null || marketCorrection === void 0 ? void 0 : marketCorrection.locationTotal) || 0;
     const salesIncl = (marketCorrection === null || marketCorrection === void 0 ? void 0 : marketCorrection.consumerTotal) != null ? Number(marketCorrection.consumerTotal) : Number(totals === null || totals === void 0 ? void 0 : totals.totalMarketCorrectionInclVat) || 0;
@@ -760,6 +775,30 @@ const ProductCartTable = () => {
       },
       defaultSubtotal: subtotals.accessories.inclVat
     }, showCatalogPrice)
+  })), extraPriceValues.hasValue && (isTowmotive || isTmg) && /*#__PURE__*/_react.default.createElement(_ProductTableSection.default, {
+    heading: "Meerprijs"
+  }, /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
+    productTitle: "Meerprijs",
+    productImage: _montagePlaceholder.default,
+    extraCells: (0, _cartTable2.getExtraPriceCells)(displayMode, {
+      salesIncl: extraPriceValues.salesIncl,
+      salesExcl: extraPriceValues.salesExcl
+    }, showCatalogPrice)
+  }), /*#__PURE__*/_react.default.createElement(_ProductTableSectionTotal.default, {
+    isEditable: false,
+    extraCells: (0, _cartTable2.getSectionTotalCells)(displayMode, {
+      tmgSubtotals: {
+        catalog: 0,
+        margin: extraPriceValues.salesExcl,
+        purchase: 0,
+        sales: extraPriceValues.salesExcl
+      },
+      standardSubtotals: {
+        purchase: 0,
+        sales: extraPriceValues.salesExcl
+      },
+      defaultSubtotal: extraPriceValues.salesIncl
+    }, showCatalogPrice)
   })), /*#__PURE__*/_react.default.createElement(_ProductTableTotal.default, {
     rows: [(0, _cartTable2.getTotalRowCells)(displayMode, {
       label: 'Producten (excl. btw)',
@@ -794,6 +833,6 @@ const ProductCartTable = () => {
       value: (0, _helpers__.formatPrice)(totals === null || totals === void 0 ? void 0 : totals.totalAfterDiscountInclVat),
       className: 'fw-bold text-end'
     }, showCatalogPrice)]
-  })))), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalDiscountForm.default, null)));
+  })))), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalDiscountForm.default, null), APP_CONFIG.internal && (isTowmotive || isTmg) && /*#__PURE__*/_react.default.createElement(_InternalExtraPriceForm.default, null)));
 };
 var _default = exports.default = ProductCartTable;

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

@@ -0,0 +1,141 @@
+"use strict";
+
+require("core-js/modules/es.parse-float.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/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.parse-float.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/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _LinkButton = _interopRequireDefault(require("../../__components__/Buttons/LinkButton"));
+var _PrimaryButton = _interopRequireDefault(require("../../__components__/Buttons/PrimaryButton"));
+var _TextInput = _interopRequireDefault(require("../../__components__/Form/TextInput"));
+var _OrderSessionContext = require("../../__context__/OrderSessionContext");
+var _helpers__ = require("../../__helpers__");
+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 InternalExtraPriceForm = () => {
+  const [{
+    extraPriceAmount,
+    extraPriceDescription
+  }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
+  const [amount, setAmount] = (0, _react.useState)(extraPriceAmount || '');
+  const [description, setDescription] = (0, _react.useState)(extraPriceDescription || '');
+  (0, _react.useEffect)(() => {
+    setAmount(extraPriceAmount || '');
+    setDescription(extraPriceDescription || '');
+  }, [extraPriceAmount, extraPriceDescription]);
+  const handleAmountChange = value => {
+    // Allow positive and negative numbers
+    const sanitized = value === null || value === void 0 ? void 0 : value.toString().replace(/[^0-9.-]/g, '');
+    setAmount(sanitized);
+  };
+  const handleDescriptionChange = value => {
+    setDescription(value);
+  };
+  const handleSubmit = () => {
+    const parsedAmount = parseFloat(amount);
+    if (isNaN(parsedAmount)) return;
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_EXTRA_PRICE,
+      payload: {
+        amount: parsedAmount,
+        description: description || ''
+      }
+    });
+  };
+  const handleClear = () => {
+    setAmount('');
+    setDescription('');
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.CLEAR_EXTRA_PRICE
+    });
+  };
+  const isApplied = extraPriceAmount !== null && extraPriceAmount !== undefined;
+  const canSubmit = amount !== '' && !isNaN(parseFloat(amount));
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('mx-1 mt-4')
+  }, /*#__PURE__*/_react.default.createElement("h5", {
+    className: (0, _helpers__.withStyle)('mb-3')
+  }, "Meerprijs:"), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex flex-column gap-3')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex gap-3 align-items-end')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '150px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    htmlFor: "extra-price-amount",
+    className: (0, _helpers__.withStyle)('form-label mb-1')
+  }, "Bedrag"), /*#__PURE__*/_react.default.createElement("input", {
+    id: "extra-price-amount",
+    name: "extra-price-amount",
+    type: "text",
+    value: amount,
+    onChange: e => handleAmountChange(e.target.value),
+    placeholder: "0.00",
+    className: (0, _helpers__.withStyle)('form-control')
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    name: "extra-price-description",
+    label: "Opmerking",
+    placeholder: "Omschrijving meerprijs...",
+    value: description,
+    onChange: handleDescriptionChange,
+    isRequired: false
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex align-items-end gap-2')
+  }, /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    isDisabled: !canSubmit,
+    onClick: handleSubmit,
+    label: "Toepassen",
+    isNarrow: true
+  }), /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+    isDisabled: !isApplied,
+    onClick: handleClear,
+    label: "Verwijderen"
+  })))));
+};
+var _default = exports.default = InternalExtraPriceForm;

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

@@ -1,5 +1,6 @@
 "use strict";
 
+require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -14,6 +15,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useOrderSession = exports.orderSessionActions = exports.OrderSessionController = void 0;
+require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
@@ -147,6 +149,8 @@ const INITIAL_ORDER_SESSION_STATE = {
   },
   discountAmount: null,
   discountPercentage: null,
+  extraPriceAmount: null,
+  extraPriceDescription: null,
   channel: {
     channelId: null,
     channelType: null
@@ -244,6 +248,8 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_DISCOUNT_AMOUNT: 'SET_DISCOUNT_AMOUNT',
   SET_DISCOUNT_PERCENTAGE: 'SET_DISCOUNT_PERCENTAGE',
   CLEAR_DISCOUNT: 'CLEAR_DISCOUNT',
+  SET_EXTRA_PRICE: 'SET_EXTRA_PRICE',
+  CLEAR_EXTRA_PRICE: 'CLEAR_EXTRA_PRICE',
   SET_VEHICLE_CHASSIS_NUMBER: 'SET_VEHICLE_CHASSIS_NUMBER',
   SET_FRANCHISE_NAME: 'SET_FRANCHISE_NAME',
   SET_PRICE_CALCULATION_DATE: 'SET_PRICE_CALCULATION_DATE',
@@ -1039,6 +1045,24 @@ const orderSessionReducer = (state, action) => {
           discountAmount: null
         });
       }
+    case orderSessionActions.SET_EXTRA_PRICE:
+      {
+        const {
+          amount,
+          description
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          extraPriceAmount: amount,
+          extraPriceDescription: description
+        });
+      }
+    case orderSessionActions.CLEAR_EXTRA_PRICE:
+      {
+        return _objectSpread(_objectSpread({}, state), {}, {
+          extraPriceAmount: null,
+          extraPriceDescription: null
+        });
+      }
     case orderSessionActions.SET_FRANCHISE_NAME:
       {
         const {

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

@@ -5,7 +5,7 @@ require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.textCell = exports.priceCell = exports.getTotalRowCells = exports.getSectionTotalCells = exports.getMontageCells = exports.getMarketCorrectionCells = exports.getMainProductCells = exports.getDiscountRowCells = exports.getCartTableHeaderColumns = exports.getCartTableDisplayMode = exports.getAccessoryProductCells = exports.emptyCells = exports.emptyCell = void 0;
+exports.textCell = exports.priceCell = exports.getTotalRowCells = exports.getSectionTotalCells = exports.getMontageCells = exports.getMarketCorrectionCells = exports.getMainProductCells = exports.getExtraPriceCells = exports.getDiscountRowCells = exports.getCartTableHeaderColumns = exports.getCartTableDisplayMode = exports.getAccessoryProductCells = exports.emptyCells = exports.emptyCell = void 0;
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _cartTable = require("../__constants__/cartTable");
@@ -257,6 +257,45 @@ const getMarketCorrectionCells = exports.getMarketCorrectionCells = function get
   }
 };
 
+/**
+ * Generate extra cells for extra price (Meerprijs) rows
+ * @param {string} displayMode - Current display mode
+ * @param {Object} values - Price values
+ * @param {number} values.salesIncl - Sales price incl VAT
+ * @param {number} values.salesExcl - Sales price excl VAT
+ * @param {boolean} showCatalogPrice - Whether to show the catalog price column
+ * @returns {Array} Array of cell configuration objects
+ */
+const getExtraPriceCells = exports.getExtraPriceCells = function getExtraPriceCells(displayMode, _ref4) {
+  let {
+    salesIncl,
+    salesExcl
+  } = _ref4;
+  let showCatalogPrice = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const baseCells = [{}, {}, {}];
+  switch (displayMode) {
+    case _cartTable.CART_TABLE_DISPLAY_MODES.TOGGLED_TMG:
+      // TMG style: Inkoopprijs - Marge - [Catalogprijs] - Verkoopprijs
+      return [...baseCells, priceCell(0),
+      // Purchase price is 0
+      priceCell(salesExcl),
+      // Margin equals sales
+      ...(showCatalogPrice ? [textCell('N.v.t.', _cartTable.CART_TABLE_PRICE_CELL_CLASS)] : []), priceCell(salesExcl)];
+    case _cartTable.CART_TABLE_DISPLAY_MODES.TOGGLED_STANDARD:
+      // Standard style: Inkoopprijs - Marge - [Catalogprijs] - Korting% - Verkoopprijs
+      return [...baseCells, priceCell(0),
+      // Purchase price is 0
+      priceCell(salesExcl),
+      // Margin equals sales
+      ...(showCatalogPrice ? [textCell('N.v.t.', _cartTable.CART_TABLE_PRICE_CELL_CLASS)] : []), emptyCell(_cartTable.CART_TABLE_PRICE_CELL_CLASS),
+      // No discount for extra price
+      priceCell(salesExcl)];
+    default:
+      // Default mode: Just show price incl VAT (needs 2 empty cells before price to align)
+      return [...baseCells, {}, {}, priceCell(salesIncl)];
+  }
+};
+
 /**
  * Generate extra cells for section total rows
  * @param {string} displayMode - Current display mode
@@ -267,12 +306,12 @@ const getMarketCorrectionCells = exports.getMarketCorrectionCells = function get
  * @param {boolean} showCatalogPrice - Whether to show the catalog price column (false for THC, true otherwise)
  * @returns {Array} Array of cell configuration objects
  */
-const getSectionTotalCells = exports.getSectionTotalCells = function getSectionTotalCells(displayMode, _ref4) {
+const getSectionTotalCells = exports.getSectionTotalCells = function getSectionTotalCells(displayMode, _ref5) {
   let {
     tmgSubtotals,
     standardSubtotals,
     defaultSubtotal
-  } = _ref4;
+  } = _ref5;
   let showCatalogPrice = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const baseCells = [{}, {}];
   switch (displayMode) {
@@ -308,13 +347,13 @@ const getSectionTotalCells = exports.getSectionTotalCells = function getSectionT
  * @param {boolean} showCatalogPrice - Whether to show the catalog price column (false for THC, true otherwise)
  * @returns {Array} Array of cell configuration objects
  */
-const getTotalRowCells = exports.getTotalRowCells = function getTotalRowCells(displayMode, _ref5) {
+const getTotalRowCells = exports.getTotalRowCells = function getTotalRowCells(displayMode, _ref6) {
   let {
     label,
     locationValue,
     consumerValue,
     className = 'text-end'
-  } = _ref5;
+  } = _ref6;
   let showCatalogPrice = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const baseCells = [{}, {}, {}];
   switch (displayMode) {
@@ -341,12 +380,12 @@ const getTotalRowCells = exports.getTotalRowCells = function getTotalRowCells(di
  * @param {boolean} showCatalogPrice - Whether to show the catalog price column (false for THC, true otherwise)
  * @returns {Array} Array of cell configuration objects
  */
-const getDiscountRowCells = exports.getDiscountRowCells = function getDiscountRowCells(displayMode, _ref6) {
+const getDiscountRowCells = exports.getDiscountRowCells = function getDiscountRowCells(displayMode, _ref7) {
   let {
     label,
     value,
     className = 'text-end'
-  } = _ref6;
+  } = _ref7;
   let showCatalogPrice = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const baseCells = [{}, {}, {}];
   switch (displayMode) {

package/package.json

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