thm-p3-configurator 0.0.296 → 0.0.297

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

@@ -76,7 +76,8 @@ const ProductActions = _ref2 => {
   let {
     isTmg,
     isOutOfStock,
-    stock,
+    stockQuantity,
+    stockStatus,
     quantity,
     productId,
     handleQuantityChange,
@@ -94,11 +95,11 @@ const ProductActions = _ref2 => {
     className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end')
   }, !isWebshop && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isOutOfStock ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-danger mb-1')
-  }, "Niet op voorraad") : stock === _constants__.StockStatus.InsufficientStock ? /*#__PURE__*/_react.default.createElement("div", {
+  }, "Niet op voorraad") : stockStatus === _constants__.StockStatus.InsufficientStock ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-warning mb-1')
-  }, isTmg ? "".concat(stock, " op voorraad") : 'Weinig op voorraad') : /*#__PURE__*/_react.default.createElement("div", {
+  }, isTmg ? "".concat(stockQuantity, " op voorraad") : 'Weinig op voorraad') : /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-success mb-1')
-  }, isTmg ? "".concat(stock, " op voorraad") : 'Op voorraad')), /*#__PURE__*/_react.default.createElement("div", {
+  }, isTmg ? "".concat(stockQuantity, " op voorraad") : 'Op voorraad')), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center')
   }, !isWebshop && /*#__PURE__*/_react.default.createElement(_OutlinedButton.default, {
     style: {
@@ -149,7 +150,8 @@ const SingleOrderProductCard = _ref4 => {
   let {
     productId,
     isSelected,
-    stock,
+    stockQuantity,
+    stockStatus,
     isOutOfStock,
     formula,
     handleSelected,
@@ -251,7 +253,8 @@ const SingleOrderProductCard = _ref4 => {
     showPartStockLevel: showPartStockLevel,
     setShowPartStockLevel: setShowPartStockLevel,
     isOutOfStock: isOutOfStock,
-    stock: stock,
+    stockQuantity: stockQuantity,
+    stockStatus: stockStatus,
     isTmg: isTmg,
     quantity: quantity,
     productId: productId,

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.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;
+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.ApiStockStatus = 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',
@@ -211,6 +211,13 @@ const StockStatus = exports.StockStatus = {
   OutOfStock: 'out_of_stock',
   InsufficientStock: 'insufficient'
 };
+const ApiStockStatus = exports.ApiStockStatus = {
+  Sufficient: 'sufficient',
+  InStock: 'in_stock',
+  Insufficient: 'insufficient',
+  LowStock: 'low_stock',
+  OutOfStock: 'out_of_stock'
+};
 const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
   THM: 'THM',
   THC: 'THC',

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

@@ -30,6 +30,7 @@ var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
 var _product = require("../../__helpers__/product");
+var _singleOrderArticles = require("../../__helpers__/singleOrderArticles");
 var _useIsTmg = require("../../__hooks__/useIsTmg");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
@@ -138,10 +139,12 @@ const InternalSingleOrderProductOverview = _ref => {
     // Otherwise, show if TMG or has price
     return isTmg || productPrice > 0;
   })) === null || _articles$articles3 === void 0 ? void 0 : _articles$articles3.map(article => {
-    var _article$locationPric2, _article$locationPric3, _article$locationPric4, _cart$find$quantity, _cart$find, _article$locationPric7, _article$locationPric8;
+    var _article$consumerPric, _article$consumerPric2, _article$consumerPric3, _cart$find$quantity, _cart$find, _article$locationPric4, _article$locationPric5;
     // Hide stock for webshops (online orders)
-    const stockQuantity = orderSession.webshop || isTmg ? 0 : (_article$locationPric2 = 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.quantity) !== null && _article$locationPric2 !== void 0 ? _article$locationPric2 : 0;
-    const isOutOfStock = !orderSession.webshop && !isTmg && (article === null || article === void 0 || (_article$locationPric4 = article.locationPrices) === null || _article$locationPric4 === void 0 || (_article$locationPric4 = _article$locationPric4.stock) === null || _article$locationPric4 === void 0 ? void 0 : _article$locationPric4.status) == _constants__.StockStatus.OutOfStock;
+    const stockQuantity = orderSession.webshop ? 0 : (_article$consumerPric = article === null || article === void 0 || (_article$consumerPric2 = article.consumerPrices) === null || _article$consumerPric2 === void 0 || (_article$consumerPric2 = _article$consumerPric2.stock) === null || _article$consumerPric2 === void 0 ? void 0 : _article$consumerPric2.quantity) !== null && _article$consumerPric !== void 0 ? _article$consumerPric : 0;
+    const apiStockStatus = article === null || article === void 0 || (_article$consumerPric3 = article.consumerPrices) === null || _article$consumerPric3 === void 0 || (_article$consumerPric3 = _article$consumerPric3.stock) === null || _article$consumerPric3 === void 0 ? void 0 : _article$consumerPric3.status;
+    const stockStatus = (0, _singleOrderArticles.mapApiStockStatusToStockStatus)(apiStockStatus);
+    const isOutOfStock = !orderSession.webshop && !isTmg && stockStatus === _constants__.StockStatus.OutOfStock;
     return /*#__PURE__*/_react.default.createElement(_SingleOrderProductCard.default, {
       isTmg: isTmg,
       branchId: selectedBranch,
@@ -154,11 +157,12 @@ const InternalSingleOrderProductOverview = _ref => {
       productId: article.articleNumber,
       quantity: (_cart$find$quantity = (_cart$find = cart.find(product => product.articleNumber === article.articleNumber)) === null || _cart$find === void 0 ? void 0 : _cart$find.quantity) !== null && _cart$find$quantity !== void 0 ? _cart$find$quantity : 0,
       isSelected: false,
-      stock: stockQuantity,
+      stockQuantity: stockQuantity,
+      stockStatus: stockStatus,
       isOutOfStock: isOutOfStock,
       handleSelected: () => {
-        var _article$locationPric5, _article$locationPric6;
-        return handleQuantityChange(article.articleNumber, 1, article === null || article === void 0 || (_article$locationPric5 = article.locationPrices) === null || _article$locationPric5 === void 0 ? void 0 : _article$locationPric5.priceExclVat, article === null || article === void 0 || (_article$locationPric6 = article.locationPrices) === null || _article$locationPric6 === void 0 ? void 0 : _article$locationPric6.priceInclVat);
+        var _article$locationPric2, _article$locationPric3;
+        return handleQuantityChange(article.articleNumber, 1, article === null || article === void 0 || (_article$locationPric2 = article.locationPrices) === null || _article$locationPric2 === void 0 ? void 0 : _article$locationPric2.priceExclVat, article === null || article === void 0 || (_article$locationPric3 = article.locationPrices) === null || _article$locationPric3 === void 0 ? void 0 : _article$locationPric3.priceInclVat);
       },
       productUsps: [{
         type: 'excl',
@@ -176,8 +180,8 @@ const InternalSingleOrderProductOverview = _ref => {
       productImage: article.image,
       productSpecifications: (0, _product.extractProductSpecsArray)(article),
       productTitle: article.name,
-      productPrice: Number(article === null || article === void 0 || (_article$locationPric7 = article.locationPrices) === null || _article$locationPric7 === void 0 ? void 0 : _article$locationPric7.priceExclVat).toFixed(2),
-      productPriceInclVat: Number(article === null || article === void 0 || (_article$locationPric8 = article.locationPrices) === null || _article$locationPric8 === void 0 ? void 0 : _article$locationPric8.priceInclVat).toFixed(2),
+      productPrice: Number(article === null || article === void 0 || (_article$locationPric4 = article.locationPrices) === null || _article$locationPric4 === void 0 ? void 0 : _article$locationPric4.priceExclVat).toFixed(2),
+      productPriceInclVat: Number(article === null || article === void 0 || (_article$locationPric5 = article.locationPrices) === null || _article$locationPric5 === void 0 ? void 0 : _article$locationPric5.priceInclVat).toFixed(2),
       productSubgroup: article === null || article === void 0 ? void 0 : article.subgroup,
       isWebshop: !!orderSession.webshop
     });

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

@@ -19,7 +19,7 @@ require("core-js/modules/esnext.iterator.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fetchPartStockLevels = exports.fetchArticlesByLicensePlateAndModel = exports.fetchArticlesByFilters = exports.fetchArticlesByArticleNumbers = exports.enrichArticlesWithBrandsAndPrices = void 0;
+exports.mapApiStockStatusToStockStatus = exports.fetchPartStockLevels = exports.fetchArticlesByLicensePlateAndModel = exports.fetchArticlesByFilters = exports.fetchArticlesByArticleNumbers = exports.enrichArticlesWithBrandsAndPrices = void 0;
 require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.array.flat-map.js");
 require("core-js/modules/es.array.unscopables.flat-map.js");
@@ -87,11 +87,33 @@ function _toPrimitive(t, r) {
   }
   return ("string" === r ? String : Number)(t);
 }
+/**
+ * @description Maps API stock status values to StockStatus constants
+ * @param {string} apiStatus - The stock status from the API
+ * @returns {string} The mapped StockStatus constant
+ */
+const mapApiStockStatusToStockStatus = apiStatus => {
+  if (!apiStatus) {
+    return _index2.StockStatus.OutOfStock;
+  }
+  const statusLower = apiStatus.toLowerCase();
+  if (statusLower === _index2.ApiStockStatus.Sufficient || statusLower === _index2.ApiStockStatus.InStock) {
+    return _index2.StockStatus.InStock;
+  }
+  if (statusLower === _index2.ApiStockStatus.Insufficient || statusLower === _index2.ApiStockStatus.LowStock) {
+    return _index2.StockStatus.InsufficientStock;
+  }
+  if (statusLower === _index2.ApiStockStatus.OutOfStock) {
+    return _index2.StockStatus.OutOfStock;
+  }
+  return _index2.StockStatus.OutOfStock;
+};
 /**
  * @description Fetch articles by filters
  * @param {Object} filters - The filters
  * @returns {Object} The articles
  */
+exports.mapApiStockStatusToStockStatus = mapApiStockStatusToStockStatus;
 const fetchArticlesByFilters = async filters => {
   const articlesParamsString = new URLSearchParams((0, _index.removeNullishProps)(_objectSpread({}, filters))).toString();
   const response = await _authenticatedProxyApi.authenticatedProxyApi.getArticles(articlesParamsString);
@@ -200,7 +222,12 @@ const fetchPartStockLevels = exports.fetchPartStockLevels = async function fetch
   if (!(response !== null && response !== void 0 && response.data)) {
     throw new Error('No response from the API');
   }
-  const stockLevel = (_response$data$data = response.data.data) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data.locationPrices) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data[0]) === null || _response$data$data === void 0 ? void 0 : _response$data$data.stock;
+  const stockLevel = (_response$data$data = response.data.data) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data.consumerPrices) === null || _response$data$data === void 0 || (_response$data$data = _response$data$data[0]) === null || _response$data$data === void 0 ? void 0 : _response$data$data.stock;
+  if (stockLevel) {
+    return _objectSpread(_objectSpread({}, stockLevel), {}, {
+      status: mapApiStockStatusToStockStatus(stockLevel.status)
+    });
+  }
   return stockLevel;
 };
 

package/package.json

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