thm-p3-configurator 0.0.136 → 0.0.138

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

@@ -240,7 +240,7 @@ const useModelsQuery = _ref2 => {
 exports.useModelsQuery = useModelsQuery;
 const useSingleOrderArticles = exports.useSingleOrderArticles = function useSingleOrderArticles() {
   let filters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let formula = arguments.length > 1 ? arguments[1] : undefined;
+  let formula = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   let branchId = arguments.length > 2 ? arguments[2] : undefined;
   const articlesQuery = (0, _reactQuery.useQuery)(['singleOrderArticles', filters, branchId], {
     queryFn: async () => {

package/dist/src/shared/__components__/Buttons/OutlinedButton.js

@@ -43,10 +43,12 @@ const OutlinedButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onClick,
     label,
     icon,
-    className
+    className,
+    style
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _helpers__.withStyle)("btn btn-outline-primary ".concat(isNarrow ? 'btn-narrow' : '', " ").concat(className || '')),
+    style: style,
     type: type,
     ref: ref,
     disabled: isDisabled,

package/dist/src/shared/__components__/LocationsSelector/LocationList.js

@@ -163,7 +163,7 @@ const LocationList = _ref => {
   }, /*#__PURE__*/_react.default.createElement("h5", null, userLocation ? 'Dichtsbijzijnde montagelocaties' : 'Montagelocaties'), isLoading && /*#__PURE__*/_react.default.createElement(LocationsLoading, null), !isLoading && !locationIds.length && /*#__PURE__*/_react.default.createElement(NoLocationFound, null), sortedLocations.map(location => /*#__PURE__*/_react.default.createElement(_LocationListItem.default, {
     ref: location.entityId === activeMarkerId || location.entityId === selectedBranch ? selectedRef : null,
     openingHours: location.openingstijden,
-    title: location.name,
+    title: location.naamVestiging,
     city: location.city,
     distance: location.distance ? location.distance : null,
     id: location.entityId,

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

@@ -1,28 +1,63 @@
 "use strict";
 
+require("core-js/modules/es.promise.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.find.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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.promise.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.map.js");
-var _react = _interopRequireDefault(require("react"));
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
 var _queries = require("../__api__/queries");
 var _NumericInput = _interopRequireDefault(require("../__components__/Form/NumericInput"));
 var _helpers__ = require("../__helpers__");
+var _singleOrderArticles = require("../__helpers__/singleOrderArticles");
 var _OutlinedButton = _interopRequireDefault(require("./Buttons/OutlinedButton"));
 var _PrimaryButton = _interopRequireDefault(require("./Buttons/PrimaryButton"));
 var _ProductCardSpecifications = _interopRequireDefault(require("./ProductCard/ProductCardSpecifications"));
 var _ProductCardUsps = _interopRequireDefault(require("./ProductCard/ProductCardUsps"));
+var _constants__ = require("../__constants__");
 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 ProductImage = _ref => {
   let {
     productImage
@@ -46,6 +81,8 @@ const ProductActions = _ref2 => {
     handleSelected,
     removeFromCart,
     productPrice,
+    showPartStockLevel,
+    setShowPartStockLevel,
     productPriceInclVat
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -58,7 +95,13 @@ const ProductActions = _ref2 => {
     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')
-  }, /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
+  }, /*#__PURE__*/_react.default.createElement(_OutlinedButton.default, {
+    style: {
+      marginRight: '1rem'
+    },
+    onClick: () => setShowPartStockLevel(!showPartStockLevel),
+    label: "Voorkeurs voorraad"
+  }), /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
     className: (0, _helpers__.withStyle)('me-2 rounded'),
     width: "100px",
     height: "55px",
@@ -78,7 +121,10 @@ const ProductCategories = _ref3 => {
     productType = null,
     productGroup = null,
     productSubgroup = null,
-    articleNumber = null
+    articleNumber = null,
+    preferredPart = null,
+    partStockLevels = null,
+    showPartStockLevel = false
   } = _ref3;
   return /*#__PURE__*/_react.default.createElement("div", null, articleNumber && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
@@ -88,7 +134,13 @@ const ProductCategories = _ref3 => {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
   }, /*#__PURE__*/_react.default.createElement("strong", null, "Groep:"), " ", productGroup), productSubgroup && /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('fst-italic mb-0')
-  }, /*#__PURE__*/_react.default.createElement("strong", null, "Subgroep:"), " ", productSubgroup));
+  }, /*#__PURE__*/_react.default.createElement("strong", null, "Subgroep:"), " ", productSubgroup), preferredPart && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('fst-italic mb-0')
+  }, /*#__PURE__*/_react.default.createElement("strong", null, "Voorkeur onderdeel:"), " ", preferredPart.preferredPart), showPartStockLevel && partStockLevels && /*#__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)) : ''));
 };
 const SingleOrderProductCard = _ref4 => {
   let {
@@ -96,6 +148,7 @@ const SingleOrderProductCard = _ref4 => {
     isSelected,
     stock,
     isOutOfStock,
+    formula,
     handleSelected,
     productImage,
     productType,
@@ -111,11 +164,39 @@ const SingleOrderProductCard = _ref4 => {
     handleQuantityChange,
     removeFromCart,
     isModelArticle = false,
-    isTmg = false
+    isTmg = false,
+    parts = [],
+    branchId
   } = _ref4;
   const {
     productFieldLabels
   } = (0, _queries.useProductFieldLabels)();
+  const [preferredPart, setPreferredPart] = (0, _react.useState)(null);
+  const [partStockLevels, setPartStockLevels] = (0, _react.useState)([]);
+  const [showPartStockLevel, setShowPartStockLevel] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (showPartStockLevel) {
+      const fetchStockLevels = async () => {
+        const preferredPart = parts.find(part => part.isPreferred === true);
+        if (preferredPart) {
+          const partStockLevel = await (0, _singleOrderArticles.fetchPartStockLevels)({
+            partNumber: preferredPart.partNumber,
+            brandNumber: preferredPart.partBrandId
+          }, branchId, !isTmg ? formula : null);
+          setPartStockLevels(partStockLevel);
+        }
+      };
+      fetchStockLevels();
+    }
+  }, [showPartStockLevel, parts, branchId, isTmg, formula]);
+  (0, _react.useEffect)(() => {
+    if (parts && parts.length > 0) {
+      const preferred = parts.find(part => part.isPreferred === true);
+      if (preferred) {
+        setPreferredPart(preferred);
+      }
+    }
+  }, [parts]);
   const filteredProductSpecifications = productSpecifications.filter(_ref5 => {
     let {
       key
@@ -146,11 +227,14 @@ const SingleOrderProductCard = _ref4 => {
     className: (0, _helpers__.withStyle)('card-title mb-3')
   }, productTitle, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _helpers__.withStyle)('ms-2')
-  }, "\u20AC", productPrice)), (productType || productGroup || productSubgroup || articleNumber) && /*#__PURE__*/_react.default.createElement(ProductCategories, {
+  }, "\u20AC", productPrice)), (productType || productGroup || productSubgroup || articleNumber || preferredPart) && /*#__PURE__*/_react.default.createElement(ProductCategories, {
     productType: productType,
     productGroup: productGroup,
     productSubgroup: productSubgroup,
-    articleNumber: articleNumber
+    articleNumber: articleNumber,
+    preferredPart: preferredPart,
+    partStockLevels: partStockLevels,
+    showPartStockLevel: showPartStockLevel
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)(isModelArticle ? 'd-flex justify-content-between' : '')
   }, (productUsps === null || productUsps === void 0 ? void 0 : productUsps.length) > 0 && /*#__PURE__*/_react.default.createElement(_ProductCardUsps.default, {
@@ -160,6 +244,8 @@ const SingleOrderProductCard = _ref4 => {
     specifications: filteredProductSpecifications,
     className: isModelArticle ? '' : 'w-100'
   }))), /*#__PURE__*/_react.default.createElement(ProductActions, {
+    showPartStockLevel: showPartStockLevel,
+    setShowPartStockLevel: setShowPartStockLevel,
     isOutOfStock: isOutOfStock,
     stock: stock,
     isTmg: isTmg,

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

@@ -294,19 +294,23 @@ const QuestionsForm = _ref => {
           });
           return;
         } else {
-          history.push('/configurator/trekhaakpakket');
+          if (questionsError) {
+            onPrev(1);
+          } else {
+            history.push('/configurator/trekhaakpakket');
+          }
         }
       }
     }
   }, [isLoadingQuestions, durationOptions, execution1Options, execution2Options, execution2AnswerOptions, execution1AnswerOptions, durationQuestion, isFilter]);
   if (questionsError === _constants__.API_ERROR_CODES.notFound || questionsError === _constants__.API_ERROR_CODES.notFoundAldoc) {
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
-      to: "/configurator/geen-producten"
+      to: "/configurator?notFound=true"
     });
   }
   if (questionsError) {
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
-      to: "/configurator/geen-producten"
+      to: "/configurator?notFound=true"
     });
   }
   if (isLoadingQuestions) {

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

@@ -130,7 +130,10 @@ const InternalSingleOrderProductOverview = _ref => {
     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,
+      branchId: selectedBranch,
       key: article.articleNumber,
+      formula: formula,
+      parts: article === null || article === void 0 ? void 0 : article.parts,
       isModelArticle: Boolean(model || licensePlate),
       removeFromCart: () => _removeFromCart(article.articleNumber),
       productId: article.articleNumber,

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.fetchArticlesByLicensePlateAndModel = exports.fetchArticlesByFilters = exports.fetchArticlesByArticleNumbers = exports.enrichArticlesWithBrandsAndPrices = void 0;
+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");
@@ -35,7 +35,6 @@ 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");
 var _authenticatedProxyApi = require("../__api__/authenticatedProxyApi");
-var _orderApi = require("../__api__/orderApi");
 var _index = require("./index");
 var _logoPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-primary.png"));
 var _index2 = require("../__constants__/index");
@@ -163,6 +162,28 @@ const fetchArticlesByArticleNumbers = async articleNumbers => {
   };
 };
 
+/**
+ *
+ * @description fetch the stock levels of the parts
+ * @param {Object} parts - The parts
+ */
+exports.fetchArticlesByArticleNumbers = fetchArticlesByArticleNumbers;
+const fetchPartStockLevels = exports.fetchPartStockLevels = async function fetchPartStockLevels(part, branchId) {
+  var _response$data$data;
+  let formula = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  const partParamsString = new URLSearchParams((0, _index.removeNullishProps)({
+    branchId,
+    formula,
+    parts: JSON.stringify([part])
+  })).toString();
+  const response = await _authenticatedProxyApi.authenticatedProxyApi.getArticlePrices(partParamsString);
+  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;
+  return stockLevel;
+};
+
 /**
  * @description Enrich articles with brands and prices
  * @param {Object} articles - The articles
@@ -170,8 +191,8 @@ const fetchArticlesByArticleNumbers = async articleNumbers => {
  * @param {string} formula - The formula
  * @returns {Object} The articles
  */
-exports.fetchArticlesByArticleNumbers = fetchArticlesByArticleNumbers;
-const enrichArticlesWithBrandsAndPrices = async (articles, branchId, formula) => {
+const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPrices = async function enrichArticlesWithBrandsAndPrices(articles, branchId) {
+  let formula = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const articleNumbers = articles.map(article => article.articleNumber);
   const articleBrandQueryString = new URLSearchParams({
     articleNumbers: JSON.stringify(articleNumbers)
@@ -193,11 +214,11 @@ const enrichArticlesWithBrandsAndPrices = async (articles, branchId, formula) =>
       brandNumber: (_article$brand = article.brand) !== null && _article$brand !== void 0 ? _article$brand : _index2.DEFAULT_ARTICLE_BRAND
     };
   });
-  const pricesResponse = await _authenticatedProxyApi.authenticatedProxyApi.getArticlePrices(new URLSearchParams({
+  const pricesResponse = await _authenticatedProxyApi.authenticatedProxyApi.getArticlePrices(new URLSearchParams((0, _index.removeNullishProps)({
     branchId,
     formula,
     parts: JSON.stringify(parts)
-  }).toString());
+  })).toString());
   if (!(pricesResponse !== null && pricesResponse !== void 0 && pricesResponse.data)) {
     throw new Error('No prices available for the given articles');
   }
@@ -214,7 +235,6 @@ const enrichArticlesWithBrandsAndPrices = async (articles, branchId, formula) =>
     locationPrices: pricesMap.location[article.articleNumber]
   }));
 };
-exports.enrichArticlesWithBrandsAndPrices = enrichArticlesWithBrandsAndPrices;
 const formatModelArticle = article => {
   var _ref3, _article$name, _ref4, _article$description$, _article$description, _article$boldDescript, _article$boldDescript2, _article$specificatio, _article$images, _article$images2, _article$articleNumbe;
   return _objectSpread(_objectSpread({}, article), {}, {

package/dist/src/shared/__pages__/LicensePlatePage.js

@@ -73,7 +73,7 @@ const LicensePlatePage = () => {
   const [activeStep, setActiveStep] = (0, _react.useState)(0);
   const [orderSession, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
-  const [licensePlateURL, widgetOrEntityId, discountCode, franchiseName] = (0, _useSearchParam.default)(['licensePlate', 'vestigingRecId', 'discountCode', 'naamKeten']);
+  const [licensePlateURL, widgetOrEntityId, discountCode, franchiseName, notFound] = (0, _useSearchParam.default)(['licensePlate', 'vestigingRecId', 'discountCode', 'naamKeten', 'notFound']);
   const {
     branchById,
     isLoadingBranchById
@@ -162,7 +162,9 @@ const LicensePlatePage = () => {
     isCentered: true,
     isScrollable: true,
     title: 'Wij zoeken naar de beste oplossing'
-  }, widgetOrEntityId && isLoadingBranchById && /*#__PURE__*/_react.default.createElement(_TextSpinner.default, null), Steps[activeStep], /*#__PURE__*/_react.default.createElement("div", {
+  }, widgetOrEntityId && isLoadingBranchById && /*#__PURE__*/_react.default.createElement(_TextSpinner.default, null), notFound === 'true' && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('alert alert-danger mb-3')
+  }, /*#__PURE__*/_react.default.createElement("small", null, "Het opgegeven kenteken kon niet worden gevonden. Probeer een ander kenteken of zoek via merk.")), Steps[activeStep], /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('align-items-center justify-content-center text-center mt-2')
   }, /*#__PURE__*/_react.default.createElement(_FormSteps.default, {
     count: Steps.length,

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

@@ -73,7 +73,7 @@ const InternalLicensePlatePage = () => {
   const [session, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const originalLicensePlate = (0, _react.useRef)();
   const formula = (0, _FormulaContext.useFormula)();
-  const [licensePlateURL, discountCode, persistSession] = (0, _useSearchParam.default)(['licensePlate', 'discountCode', 'persistSession']);
+  const [licensePlateURL, discountCode, persistSession, notFound] = (0, _useSearchParam.default)(['licensePlate', 'discountCode', 'persistSession', 'notFound']);
   const history = (0, _reactRouter.useHistory)();
   (0, _queries.useProductFieldLabels)(); // Prefetch
 
@@ -136,7 +136,9 @@ const InternalLicensePlatePage = () => {
     isCentered: true,
     isScrollable: true,
     title: 'Wij zoeken naar de beste oplossing'
-  }, Steps[activeStep], /*#__PURE__*/_react.default.createElement("div", {
+  }, notFound === 'true' && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('alert alert-danger mb-3')
+  }, /*#__PURE__*/_react.default.createElement("small", null, "Het opgegeven kenteken kon niet worden gevonden. Probeer een ander kenteken of zoek via merk.")), Steps[activeStep], /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('align-items-center justify-content-center text-center mt-2')
   }, /*#__PURE__*/_react.default.createElement(_FormSteps.default, {
     count: Steps.length,

package/package.json

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