thm-p3-configurator 0.0.142 → 0.0.144

package/dist/src/shared/App.js

@@ -25,6 +25,7 @@ var _FormulaContext = require("./__context__/FormulaContext");
 var _OrderSessionContext = require("./__context__/OrderSessionContext");
 var _cookiebot = require("./__helpers__/cookiebot");
 var _queryClient = _interopRequireDefault(require("./__helpers__/queryClient"));
+var _index = _interopRequireDefault(require("./__pages__/index"));
 var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES"));
 var _Experiments = _interopRequireDefault(require("./__services__/Experiments"));
 var _mainExternal = _interopRequireDefault(require("./__style__/main-external.scss"));
@@ -59,8 +60,6 @@ function _interopRequireWildcard(e, r) {
   }
   return n.default = e, t && t.set(e, n), n;
 }
-// import Routes from './__pages__/index';
-
 _reactGtmModule.default.initialize({
   gtmId: APP_CONFIG.googleTagManagerId || 'GTM-TC67SZ4'
 });
@@ -76,6 +75,6 @@ const App = () => {
     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), APP_CONFIG.nodeEnv === 'development' && APP_CONFIG.internal === true && /*#__PURE__*/_react.default.createElement(_TEST_ONLY_INTERNAL_ROUTES.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), /*#__PURE__*/_react.default.createElement(_index.default, null))))))))));
 };
 var _default = exports.default = App;

package/dist/src/shared/__components__/ProductCard/ProductCardSpecifications.js

@@ -35,15 +35,20 @@ const ProductCardSpecifications = _ref => {
   }
 
   // convert the key to a human readable format
-  const convertedSpecifications = specifications.map(_ref2 => {
+  const convertedSpecifications = specifications.filter(_ref2 => {
+    let {
+      key
+    } = _ref2;
+    return key !== 'Weight';
+  }).map(_ref3 => {
     let {
       key,
       value
-    } = _ref2;
-    const translation = _constants__.ARTICLE_SPECS_TRANSLATIONS.find(_ref3 => {
+    } = _ref3;
+    const translation = _constants__.ARTICLE_SPECS_TRANSLATIONS.find(_ref4 => {
       let {
         key: translationKey
-      } = _ref3;
+      } = _ref4;
       return translationKey === key;
     });
     return {
@@ -53,16 +58,16 @@ const ProductCardSpecifications = _ref => {
   });
   return /*#__PURE__*/_react.default.createElement("ul", {
     className: (0, _helpers__.withStyle)("col-md-6 list-unstyled product-critera__text mb-2 ".concat(className))
-  }, convertedSpecifications.filter(_ref4 => {
+  }, convertedSpecifications.filter(_ref5 => {
     let {
       key
-    } = _ref4;
+    } = _ref5;
     return !excludeKeys.includes(key);
-  }).map(_ref5 => {
+  }).map(_ref6 => {
     let {
       key,
       value
-    } = _ref5;
+    } = _ref6;
     return /*#__PURE__*/_react.default.createElement("li", {
       key: key + value,
       className: (0, _helpers__.withStyle)('d-flex justify-content-between card-text__criterea')

package/dist/src/shared/__components__/ProductCard/index.js

@@ -21,6 +21,7 @@ var _ProductCardPrice = _interopRequireDefault(require("./ProductCardPrice"));
 var _ProductCardRibbon = _interopRequireDefault(require("./ProductCardRibbon"));
 var _ProductCardSpecifications = _interopRequireDefault(require("./ProductCardSpecifications"));
 var _ProductCardUsps = _interopRequireDefault(require("./ProductCardUsps"));
+var _constants__ = require("../../__constants__");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -52,12 +53,14 @@ function _interopRequireWildcard(e, r) {
   return n.default = e, t && t.set(e, n), n;
 }
 const ProductCard = _ref => {
+  var _stock$quantity, _stock$quantity2;
   let {
     hasCheckbox = true,
     isRecommended = false,
     productId,
     productTitle,
     productDescription,
+    stock = null,
     productUsps = [],
     productImage = null,
     isDisabled = false,
@@ -70,7 +73,8 @@ const ProductCard = _ref => {
     canUnselect = true,
     onSelect = () => {},
     isOnlyProductInCategory = false,
-    isAnotherProductSelected = true
+    isAnotherProductSelected = true,
+    isTmg = false
   } = _ref;
   const [isSelected, setIsSelected] = (0, _react.useState)(defaultSelected);
   const {
@@ -146,10 +150,18 @@ const ProductCard = _ref => {
     description: productDescription
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('card-footer pt-2 col-12 col-md-8 col-xxl-6 pb-0 justify-content-end')
-  }, hasCheckbox && /*#__PURE__*/_react.default.createElement(_ProductCardCheckbox.default, {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end')
+  }, showPrice && stock && /*#__PURE__*/_react.default.createElement("div", null, (stock === null || stock === void 0 ? void 0 : stock.status) === _constants__.StockStatus.OutOfStock ? /*#__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", {
+    className: (0, _helpers__.withStyle)('text-warning mb-1')
+  }, isTmg ? "".concat((_stock$quantity = stock === null || stock === void 0 ? void 0 : stock.quantity) !== null && _stock$quantity !== void 0 ? _stock$quantity : 0, " op voorraad") : 'Weinig op voorraad') : /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-success mb-1')
+  }, isTmg ? "".concat((_stock$quantity2 = stock === null || stock === void 0 ? void 0 : stock.quantity) !== null && _stock$quantity2 !== void 0 ? _stock$quantity2 : 0, " op voorraad") : 'Op voorraad')), hasCheckbox && /*#__PURE__*/_react.default.createElement(_ProductCardCheckbox.default, {
     id: productId,
     isDisabled: isDisabled,
     defaultChecked: isSelected
-  }))))));
+  })))))));
 };
 var _default = exports.default = ProductCard;

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

@@ -93,7 +93,9 @@ const ProductActions = _ref2 => {
     className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end')
   }, isOutOfStock ? /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-danger mb-1')
-  }, "Niet op voorraad") : /*#__PURE__*/_react.default.createElement("div", {
+  }, "Niet op voorraad") : stock === _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", {
     className: (0, _helpers__.withStyle)('text-success mb-1')
   }, isTmg ? "".concat(stock, " op voorraad") : 'Op voorraad'), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center')
@@ -143,8 +145,8 @@ const ProductCategories = _ref3 => {
   }, /*#__PURE__*/_react.default.createElement("strong", null, "Voorkeur onderdeel:"), " ", preferredPart.preferredPart), showPartStockLevel && (partStockLevels === null || partStockLevels === void 0 ? void 0 : partStockLevels.status) && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
   }, /*#__PURE__*/_react.default.createElement("small", {
-    className: (0, _helpers__.withStyle)(partStockLevels.status === _constants__.StockStatus.OutOfStock ? 'text-danger' : 'text-success')
-  }, partStockLevels.status === _constants__.StockStatus.OutOfStock ? 'Niet op voorraad' : 'Op voorraad'), partStockLevels.quantity ? /*#__PURE__*/_react.default.createElement("small", null, ":  ".concat(partStockLevels.quantity)) : ''));
+    className: (0, _helpers__.withStyle)(partStockLevels.status === _constants__.StockStatus.OutOfStock ? 'text-danger' : partStockLevels.status === _constants__.StockStatus.InsufficientStock ? 'text-warning' : 'text-success')
+  }, partStockLevels.status === _constants__.StockStatus.OutOfStock ? 'Niet op voorraad' : partStockLevels.status === _constants__.StockStatus.InsufficientStock ? 'Weinig op voorraad' : 'Op voorraad'), partStockLevels.quantity ? /*#__PURE__*/_react.default.createElement("small", null, ":  ".concat(partStockLevels.quantity)) : ''));
 };
 const SingleOrderProductCard = _ref4 => {
   let {
@@ -206,7 +208,7 @@ const SingleOrderProductCard = _ref4 => {
       key,
       value
     } = _ref5;
-    return (productFieldLabels === null || productFieldLabels === void 0 ? void 0 : productFieldLabels[key]) && value !== 'kg';
+    return (productFieldLabels === null || productFieldLabels === void 0 ? void 0 : productFieldLabels[key]) && (value !== 'kg' || key !== 'weight');
   }).map(_ref6 => {
     let {
       key,

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

@@ -178,7 +178,8 @@ const ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLE_SPECS_TRANSLATIONS = [{
 }];
 const StockStatus = exports.StockStatus = {
   InStock: 'in_stock',
-  OutOfStock: 'out_of_stock'
+  OutOfStock: 'out_of_stock',
+  InsufficientStock: 'insufficient'
 };
 const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
   THM: 'THM',

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

@@ -207,7 +207,7 @@ const ProductsOverview = () => {
       product: a,
       category: productCategory
     }) ? -1 : 0).map(product => {
-      var _product$images, _product$images2;
+      var _product$locationPric, _product$images, _product$images2;
       const isRecommended = (0, _product.checkIfTowbarIsRecommended)({
         product,
         category: productCategory
@@ -237,6 +237,8 @@ const ProductsOverview = () => {
         });
       }
       return /*#__PURE__*/_react.default.createElement(_ProductCard.default, {
+        isTmg: isTmg,
+        stock: product === null || product === void 0 || (_product$locationPric = product.locationPrices) === null || _product$locationPric === void 0 ? void 0 : _product$locationPric.stock,
         key: product.articleNumber,
         hasCheckbox: (productsPerCategory === null || productsPerCategory === void 0 ? void 0 : productsPerCategory.length) > 1,
         isRecommended: isRecommended,

package/package.json

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