thm-p3-configurator 0.0.98 → 0.0.99

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/package.json

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