thm-p3-configurator 0.0.396 → 0.0.398

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

@@ -1,14 +1,15 @@
 "use strict";
 
 require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.sort.js");
 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/es.string.includes.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.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -18,14 +19,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSingleOrderCart = exports.useSingleOrderBranchesQuery = exports.useSingleOrderBranchTypes = exports.useSingleOrderArticles = exports.useQuestionsQuery = exports.useProductsQuery = exports.useProductFieldLabels = exports.usePrivateDossierByTypeAndIdQuery = exports.usePartBrands = exports.useOrderDataQuery = exports.useMyBranches = exports.useModelsQuery = exports.useMarketingChannels = exports.useCountriesQuery = exports.useConfiguratorLocationsQuery = exports.useBusinessBranches = exports.useBuildYearsQuery = exports.useBrandsQuery = exports.useBranchesQuery = exports.useBranchesByType = exports.useBranchTypes = exports.useBranchByIdOrWidgetId = exports.useArticleTypes = exports.useArticleSubGroups = exports.useArticleGroups = exports.useActiveDiscounts = void 0;
 require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.sort.js");
 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/es.string.includes.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.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -308,7 +310,9 @@ const useSingleOrderArticles = exports.useSingleOrderArticles = function useSing
           totalArticles: 0
         };
       }
-      const currentArticles = await (0, _singleOrderArticles.enrichArticlesWithBrandsAndPrices)(articles, branchId || null, branchId ? singleOrderFormula : singleOrderFormula || 'THL');
+      const currentArticles = await (0, _singleOrderArticles.enrichArticlesWithBrandsAndPrices)(articles, branchId || null, branchId ? singleOrderFormula : singleOrderFormula || 'THL', {
+        useArticleNumberForPricing: true
+      });
       const pricedArticles = currentArticles.filter(article => {
         const {
           priceExclVat,
@@ -392,23 +396,33 @@ const useSingleOrderCart = () => {
   })).toString();
   const cartQuery = (0, _reactQuery.useQuery)(['singleOrderCart', cartOrderQuery, webshop], {
     queryFn: async () => {
-      var _articles$articles2;
+      var _articleResponse$arti2;
+      const emptyTotals = {
+        totalQuantity: 0,
+        totalBtw: 0,
+        totalExclVat: 0,
+        totalInclVat: 0
+      };
       if (!singleOrderCart.length) {
         return {
           articles: [],
-          totals: []
+          totals: emptyTotals,
+          validationError: null
         };
       }
 
       // If webshop is selected, use Shopify prices directly without API call
       if (webshop) {
-        var _articles$articles;
-        const articles = await (0, _singleOrderArticles.fetchArticlesByArticleNumbers)(singleOrderCart.map(article => article.articleNumber), null, false, null, singleOrderFormula);
-        const articlesWithPrice = articles === null || articles === void 0 || (_articles$articles = articles.articles) === null || _articles$articles === void 0 ? void 0 : _articles$articles.map(article => {
-          var _cartItem$brandNumber;
-          const cartItem = singleOrderCart.find(item => item.articleNumber === article.articleNumber);
-          const totals = cartTotalsLookup[article.articleNumber];
+        var _articleResponse$arti;
+        const articleResponse = await (0, _singleOrderArticles.fetchArticlesByArticleNumbers)(singleOrderCart.map(article => article.articleNumber), null, false, null, singleOrderFormula);
+        const articleLookup = Object.fromEntries(((_articleResponse$arti = articleResponse === null || articleResponse === void 0 ? void 0 : articleResponse.articles) !== null && _articleResponse$arti !== void 0 ? _articleResponse$arti : []).map(article => [article.articleNumber, article]));
+        const articlesWithPrice = singleOrderCart.map(cartItem => {
+          var _articleLookup$cartIt, _article$name, _cartItem$brandNumber;
+          const article = (_articleLookup$cartIt = articleLookup[cartItem.articleNumber]) !== null && _articleLookup$cartIt !== void 0 ? _articleLookup$cartIt : {};
+          const totals = cartTotalsLookup[cartItem.articleNumber];
           return _objectSpread(_objectSpread({}, article), {}, {
+            articleNumber: cartItem.articleNumber,
+            name: (_article$name = article === null || article === void 0 ? void 0 : article.name) !== null && _article$name !== void 0 ? _article$name : cartItem.articleNumber,
             price: cartItem !== null && cartItem !== void 0 && cartItem.productPriceInclVat ? Math.round(Number(cartItem === null || cartItem === void 0 ? void 0 : cartItem.productPriceInclVat) * 100) / 100 : 0,
             quantity: Number(cartItem === null || cartItem === void 0 ? void 0 : cartItem.quantity),
             // Add the calculated totals using Shopify prices
@@ -429,25 +443,47 @@ const useSingleOrderCart = () => {
             totalBtw: Math.round(totalBtw * 100) / 100,
             totalExclVat: Math.round(totalExclVat * 100) / 100,
             totalInclVat: Math.round(totalInclVat * 100) / 100
-          }
+          },
+          validationError: null
         };
       }
 
-      // Original logic for non-webshop orders
-      const orderResults = await _authenticatedProxyApi.authenticatedProxyApi.getOrder(cartOrderQuery).then(res => res.data);
-      if (!orderResults.data.cart) {
+      // Original logic for non-webshop orders.
+      // If Hyper rejects a cart with ARTICLES_NOT_FOUND (404), keep rendering
+      // from the local session cart instead of breaking the entire cart query.
+      let cart = [];
+      let validationError = null;
+      try {
+        var _orderResults$data$ca, _orderResults$data;
+        const orderResults = await _authenticatedProxyApi.authenticatedProxyApi.getOrder(cartOrderQuery).then(res => res.data);
+        cart = (_orderResults$data$ca = orderResults === null || orderResults === void 0 || (_orderResults$data = orderResults.data) === null || _orderResults$data === void 0 ? void 0 : _orderResults$data.cart) !== null && _orderResults$data$ca !== void 0 ? _orderResults$data$ca : [];
+      } catch (error) {
+        var _error$response, _error$response2, _error$response3;
+        const isCartOrderLookup = cartOrderQuery.includes('cart=');
+        const isArticlesNotFoundError = (error === null || error === void 0 || (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 404 && (error === null || error === void 0 || (_error$response2 = error.response) === null || _error$response2 === void 0 || (_error$response2 = _error$response2.data) === null || _error$response2 === void 0 ? void 0 : _error$response2.code) === 'ARTICLES_NOT_FOUND';
+        const isGenericNotFoundError = (error === null || error === void 0 || (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.status) === 404;
+        if (!isCartOrderLookup || !isArticlesNotFoundError && !isGenericNotFoundError) {
+          throw error;
+        }
+        cart = apiCart;
+        validationError = 'Een of meer artikelen in de winkelwagen zijn momenteel niet bestelbaar voor deze formule.';
+      }
+      if (!cart.length) {
         return {
-          cart: []
+          articles: [],
+          totals: emptyTotals,
+          validationError
         };
       }
-      const cart = orderResults.data.cart;
-      const articles = await (0, _singleOrderArticles.fetchArticlesByArticleNumbers)(cart.map(article => article.articleNumber), null, false, null, singleOrderFormula);
-      const cartLookup = Object.fromEntries(cart.map(item => [item.articleNumber, item]));
-      const articlesWithPrice = articles === null || articles === void 0 || (_articles$articles2 = articles.articles) === null || _articles$articles2 === void 0 ? void 0 : _articles$articles2.map(article => {
-        var _cartItem$brandNumber2;
-        const cartItem = cartLookup[article.articleNumber];
-        const totals = cartTotalsLookup[article.articleNumber];
+      const articleResponse = await (0, _singleOrderArticles.fetchArticlesByArticleNumbers)(cart.map(article => article.articleNumber), null, false, null, singleOrderFormula);
+      const articleLookup = Object.fromEntries(((_articleResponse$arti2 = articleResponse === null || articleResponse === void 0 ? void 0 : articleResponse.articles) !== null && _articleResponse$arti2 !== void 0 ? _articleResponse$arti2 : []).map(article => [article.articleNumber, article]));
+      const articlesWithPrice = cart.map(cartItem => {
+        var _articleLookup$cartIt2, _article$name2, _cartItem$brandNumber2;
+        const article = (_articleLookup$cartIt2 = articleLookup[cartItem.articleNumber]) !== null && _articleLookup$cartIt2 !== void 0 ? _articleLookup$cartIt2 : {};
+        const totals = cartTotalsLookup[cartItem.articleNumber];
         return _objectSpread(_objectSpread({}, article), {}, {
+          articleNumber: cartItem.articleNumber,
+          name: (_article$name2 = article === null || article === void 0 ? void 0 : article.name) !== null && _article$name2 !== void 0 ? _article$name2 : cartItem.articleNumber,
           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),
           // Add the calculated totals
@@ -468,7 +504,8 @@ const useSingleOrderCart = () => {
           totalBtw: Math.round(totalBtw * 100) / 100,
           totalExclVat: Math.round(totalExclVat * 100) / 100,
           totalInclVat: Math.round(totalInclVat * 100) / 100
-        }
+        },
+        validationError
       };
     }
   });

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

@@ -0,0 +1,57 @@
+"use strict";
+
+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");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _helpers__ = require("../../__helpers__");
+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 ProductCardDiscountAlert = _ref => {
+  let {
+    label,
+    price,
+    discountedPrice
+  } = _ref;
+  if (!discountedPrice || !price || discountedPrice >= price) {
+    return null;
+  }
+  const discountLabel = (0, _react.useMemo)(() => {
+    if (label) {
+      return label;
+    }
+    return "\u20AC".concat((0, _helpers__.formatPrice)(price - discountedPrice), " Korting");
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('alert alert-danger card--discount-label')
+  }, discountLabel);
+};
+var _default = exports.default = ProductCardDiscountAlert;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductCardImage = _ref => {
+  let {
+    image,
+    isBoardComputer
+  } = _ref;
+  if (!image) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("img", {
+    src: image,
+    className: (0, _helpers__.withStyle)("card__image img-fluid ".concat(isBoardComputer ? 'mb-2' : '')),
+    alt: "product afbeelding"
+  });
+};
+var _default = exports.default = ProductCardImage;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductCardPrice = _ref => {
+  let {
+    price,
+    discountedPrice
+  } = _ref;
+  if (!discountedPrice) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _helpers__.withStyle)('card__price')
+    }, (0, _helpers__.formatPrice)(price));
+  }
+  if (discountedPrice < price) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _helpers__.withStyle)('card__price')
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _helpers__.withStyle)('strikethrough card-price-label')
+    }, (0, _helpers__.formatPrice)(price))), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _helpers__.withStyle)('card__price text-danger')
+    }, (0, _helpers__.formatPrice)(discountedPrice)));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('card__price')
+  }, (0, _helpers__.formatPrice)(price));
+};
+var _default = exports.default = ProductCardPrice;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _labelBesteKeuze = _interopRequireDefault(require("../../../../public/assets/images/label-beste-keuze.png"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductCardRibbon = _ref => {
+  let {
+    isRecommended
+  } = _ref;
+  if (!isRecommended) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("img", {
+    src: _labelBesteKeuze.default,
+    className: (0, _helpers__.withStyle)('card-img__best-choice position-absolute'),
+    alt: "Beste keuze"
+  });
+};
+var _default = exports.default = ProductCardRibbon;

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

@@ -0,0 +1,77 @@
+"use strict";
+
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.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");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.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"));
+var _constants__ = require("../../__constants__");
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductCardSpecifications = _ref => {
+  let {
+    specifications = [],
+    className = '',
+    excludeKeys = []
+  } = _ref;
+  if (!specifications.length) {
+    return null;
+  }
+
+  // convert the key to a human readable format
+  const convertedSpecifications = specifications.filter(_ref2 => {
+    let {
+      key
+    } = _ref2;
+    return key !== 'Weight';
+  }).map(_ref3 => {
+    let {
+      key,
+      value
+    } = _ref3;
+    const translation = _constants__.ARTICLE_SPECS_TRANSLATIONS.find(_ref4 => {
+      let {
+        key: translationKey
+      } = _ref4;
+      return translationKey === key;
+    });
+    return {
+      key: (translation === null || translation === void 0 ? void 0 : translation.value) || key,
+      value
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _helpers__.withStyle)("col-md-6 list-unstyled product-critera__text mb-2 ".concat(className))
+  }, convertedSpecifications.filter(_ref5 => {
+    let {
+      key
+    } = _ref5;
+    return !excludeKeys.includes(key);
+  }).map(_ref6 => {
+    let {
+      key,
+      value
+    } = _ref6;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: key + value,
+      className: (0, _helpers__.withStyle)('d-flex justify-content-between card-text__criterea')
+    }, Number.isInteger(Number(key)) ? value : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("strong", null, key, ":"), " ", value));
+  }));
+};
+var _default = exports.default = ProductCardSpecifications;

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

@@ -0,0 +1,82 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductCardUspInclude = _ref => {
+  let {
+    text
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("li", null, "Geschikt voor ", text);
+};
+const ProductCardUspRemark = _ref2 => {
+  let {
+    text
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _helpers__.withStyle)('info')
+  }, "Opmerking ", text);
+};
+const ProductCardUspExclude = _ref3 => {
+  let {
+    text
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _helpers__.withStyle)('x-mark')
+  }, "Niet geschikt voor ", text);
+};
+const ProductCardUSPS = _ref4 => {
+  let {
+    usps = [],
+    className = ''
+  } = _ref4;
+  if (!usps.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: (0, _helpers__.withStyle)("list-check mt-2 col-12 col-md-6 ".concat(className))
+  }, usps.map((usp, key) => {
+    const {
+      type,
+      text
+    } = usp;
+    if (!type || !text) {
+      return null;
+    }
+    switch (type) {
+      case 'incl':
+        {
+          return /*#__PURE__*/_react.default.createElement(ProductCardUspInclude, {
+            key: text,
+            text: text
+          });
+        }
+      case 'excl':
+        {
+          return /*#__PURE__*/_react.default.createElement(ProductCardUspExclude, {
+            key: text,
+            text: text
+          });
+        }
+      default:
+      case 'remark':
+        {
+          return /*#__PURE__*/_react.default.createElement(ProductCardUspRemark, {
+            key: text,
+            text: text
+          });
+        }
+    }
+  }));
+};
+var _default = exports.default = ProductCardUSPS;