thm-p3-configurator 0.0.71 → 0.0.72

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

@@ -1,14 +1,10 @@
 "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");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactPaginate = _interopRequireDefault(require("react-paginate"));
 var _helpers__ = require("../__helpers__");
 function _interopRequireDefault(e) {
@@ -16,46 +12,19 @@ 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 Pagination = _ref => {
   let {
-    initialPage = 1,
+    currentPage = 0,
     label = 'resultaten',
-    count = 1,
+    count = 0,
     pageSize = 1,
     className = '',
     onPageChange = selectedPage => {}
   } = _ref;
-  const [page, setPage] = (0, _react.useState)(initialPage);
   const handlePageChange = _ref2 => {
     let {
       selected
     } = _ref2;
-    setPage(selected);
     onPageChange(selected);
   };
   return /*#__PURE__*/_react.default.createElement("nav", {
@@ -73,10 +42,11 @@ const Pagination = _ref => {
     pageLinkClassName: (0, _helpers__.withStyle)('page-link'),
     pageRangeDisplayed: 3,
     previousLabel: 'Vorige',
-    subContainerClassName: (0, _helpers__.withStyle)('pages pagination')
+    subContainerClassName: (0, _helpers__.withStyle)('pages pagination'),
+    forcePage: currentPage
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('mt-2 section__pagination-caption')
-  }, /*#__PURE__*/_react.default.createElement("p", null, (page + 1) * pageSize <= count ? (page + 1) * pageSize : count, " /", ' ', count, " ", label)));
+  }, /*#__PURE__*/_react.default.createElement("p", null, (currentPage + 1) * pageSize - pageSize + 1, " to", ' ', (currentPage + 1) * pageSize <= count ? (currentPage + 1) * pageSize : count, ' ', "van ", count, " ", label)));
 };
 
 // we can optimise cause right now it re-renders on every state change (count)

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

@@ -113,13 +113,32 @@ const ProductActions = _ref4 => {
     label: "Verwijder"
   }))));
 };
-const SingleOrderProductCard = _ref5 => {
+const ProductCategories = _ref5 => {
+  let {
+    productType = null,
+    productGroup = null,
+    productSubgroup = null
+  } = _ref5;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('mb-3')
+  }, productType && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('fst-italic mb-0')
+  }, /*#__PURE__*/_react.default.createElement("strong", null, "Type:"), " ", productType), productGroup && /*#__PURE__*/_react.default.createElement("p", {
+    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));
+};
+const SingleOrderProductCard = _ref6 => {
   let {
     productId,
     isSelected,
     isOutOfStock,
     handleSelected,
     productImage,
+    productType,
+    productGroup,
+    productSubgroup,
     productTitle,
     productDescription,
     productPrice,
@@ -127,7 +146,7 @@ const SingleOrderProductCard = _ref5 => {
     quantity = 0,
     handleQuantityChange,
     removeFromCart
-  } = _ref5;
+  } = _ref6;
   return /*#__PURE__*/_react.default.createElement("div", {
     key: productId + "-".concat(Date.now()),
     className: (0, _helpers__.withStyle)("card card__horizontal card__link ".concat(isSelected ? 'active' : '', " container-fluid p-0 my-3"))
@@ -143,7 +162,11 @@ const SingleOrderProductCard = _ref5 => {
     className: (0, _helpers__.withStyle)('card-title mb-3')
   }, productTitle, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _helpers__.withStyle)('ms-2')
-  }, "\u20AC", productPrice)), /*#__PURE__*/_react.default.createElement(ProductDescription, {
+  }, "\u20AC", productPrice)), (productType || productGroup || productSubgroup) && /*#__PURE__*/_react.default.createElement(ProductCategories, {
+    productType: productType,
+    productGroup: productGroup,
+    productSubgroup: productSubgroup
+  }), /*#__PURE__*/_react.default.createElement(ProductDescription, {
     description: productDescription
   }), /*#__PURE__*/_react.default.createElement(ProductSpecifications, {
     specifications: productSpecifications

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

@@ -138,7 +138,10 @@ const InternalSingleOrderProductOverview = _ref => {
       productDescription: article === null || article === void 0 ? void 0 : article.description,
       productImage: article.image,
       productTitle: article.name,
-      productPrice: Number(article === null || article === void 0 || (_article$locationPric2 = article.locationPrices) === null || _article$locationPric2 === void 0 ? void 0 : _article$locationPric2.priceInclVat).toFixed(2)
+      productPrice: Number(article === null || article === void 0 || (_article$locationPric2 = article.locationPrices) === null || _article$locationPric2 === void 0 ? void 0 : _article$locationPric2.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
     });
   })), !articles && hasActiveFilters && !areArticlesLoaded && !areArticlesError && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('flex-grow-1 h-100')
@@ -149,6 +152,7 @@ const InternalSingleOrderProductOverview = _ref => {
     className: (0, _helpers__.withStyle)('mt-4'),
     count: articles === null || articles === void 0 ? void 0 : articles.totalArticles,
     pageSize: 10,
+    currentPage: filters.page,
     onPageChange: page => paginationChange('page', page)
   }));
 };

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

@@ -368,6 +368,7 @@ const orderSessionReducer = (state, action) => {
           brand,
           selectedBranch: (state === null || state === void 0 ? void 0 : state.selectedBranch) || (INITIAL_ORDER_SESSION_STATE === null || INITIAL_ORDER_SESSION_STATE === void 0 ? void 0 : INITIAL_ORDER_SESSION_STATE.selectedBranch),
           discountCode: (state === null || state === void 0 ? void 0 : state.discountCode) || (INITIAL_ORDER_SESSION_STATE === null || INITIAL_ORDER_SESSION_STATE === void 0 ? void 0 : INITIAL_ORDER_SESSION_STATE.discountCode),
+          singleOrderCart: (state === null || state === void 0 ? void 0 : state.singleOrderCart) || (INITIAL_ORDER_SESSION_STATE === null || INITIAL_ORDER_SESSION_STATE === void 0 ? void 0 : INITIAL_ORDER_SESSION_STATE.singleOrderCart),
           isTouched: true
         });
       }

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

@@ -181,9 +181,9 @@ const enrichArticlesWithBrandsAndPrices = async (articles, branchId, formula) =>
     throw new Error('Failed to fetch the brands of the articles');
   }
   const articlesWithBrands = articles.map(article => {
-    var _brandResponse$data$f;
+    var _brandResponse$data$f, _brandResponse$data$f2;
     return _objectSpread(_objectSpread({}, article), {}, {
-      brand: (_brandResponse$data$f = brandResponse.data.find(brand => brand.article === article.articleNumber)) === null || _brandResponse$data$f === void 0 ? void 0 : _brandResponse$data$f.articleBrandId
+      brand: (_brandResponse$data$f = (_brandResponse$data$f2 = brandResponse.data.find(brand => brand.article === article.articleNumber)) === null || _brandResponse$data$f2 === void 0 ? void 0 : _brandResponse$data$f2.articleBrandId) !== null && _brandResponse$data$f !== void 0 ? _brandResponse$data$f : _index2.DEFAULT_ARTICLE_BRAND
     });
   }).filter(article => article.brand);
   const parts = articlesWithBrands.map(article => {
@@ -216,7 +216,8 @@ const enrichArticlesWithBrandsAndPrices = async (articles, branchId, formula) =>
 };
 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;
+  var _ref3, _article$name, _ref4, _article$description$, _article$description, _article$boldDescript, _article$boldDescript2, _article$specificatio, _article$images, _article$images2, _article$articleNumbe, _article$type, _article$group, _article$subgroup;
+  console.log('article', article);
   return {
     name: (_ref3 = (_article$name = article.name) !== null && _article$name !== void 0 ? _article$name : article === null || article === void 0 ? void 0 : article.title) !== null && _ref3 !== void 0 ? _ref3 : null,
     description: (_ref4 = (_article$description$ = article === null || article === void 0 || (_article$description = article.description) === null || _article$description === void 0 || (_article$description = _article$description.ops) === null || _article$description === void 0 || (_article$description = _article$description[0]) === null || _article$description === void 0 ? void 0 : _article$description.insert) !== null && _article$description$ !== void 0 ? _article$description$ : article === null || article === void 0 ? void 0 : article.remark) !== null && _ref4 !== void 0 ? _ref4 : null,
@@ -225,11 +226,14 @@ const formatModelArticle = article => {
     image: article !== null && article !== void 0 && (_article$images = article.images) !== null && _article$images !== void 0 && _article$images[0] ? (0, _image.getImageFromHyper)({
       imageId: article === null || article === void 0 || (_article$images2 = article.images) === null || _article$images2 === void 0 ? void 0 : _article$images2[0]
     }) : _logoPrimary.default,
-    articleNumber: (_article$articleNumbe = article.articleNumber) !== null && _article$articleNumbe !== void 0 ? _article$articleNumbe : ''
+    articleNumber: (_article$articleNumbe = article.articleNumber) !== null && _article$articleNumbe !== void 0 ? _article$articleNumbe : '',
+    type: article === null || article === void 0 || (_article$type = article.type) === null || _article$type === void 0 ? void 0 : _article$type.title,
+    group: article === null || article === void 0 || (_article$group = article.group) === null || _article$group === void 0 ? void 0 : _article$group.title,
+    subgroup: article === null || article === void 0 || (_article$subgroup = article.subgroup) === null || _article$subgroup === void 0 ? void 0 : _article$subgroup.title
   };
 };
 const formatGenericArticle = article => {
-  var _article$images3, _article$images4, _article$articleNumbe2;
+  var _article$images3, _article$images4, _article$articleNumbe2, _article$type2, _article$group2, _article$subgroup2;
   const specificationPairs = [['C2 module', article === null || article === void 0 ? void 0 : article.c2Module], ['Check control', article === null || article === void 0 ? void 0 : article.checkControl], ['Direct current', article === null || article === void 0 ? void 0 : article.directCurrent], ['Draw weight', article === null || article === void 0 ? void 0 : article.drawWeight], ['D value', article === null || article === void 0 ? void 0 : article.dValue], ['Foglight shutdown', article === null || article === void 0 ? void 0 : article.foglightShutdown], ['PDC shutdown', article === null || article === void 0 ? void 0 : article.pdcShutdown], ['Switched PSU', article === null || article === void 0 ? void 0 : article.switchedPsu], ['LED', article === null || article === void 0 ? void 0 : article.led]];
   const specification = specificationPairs.filter(_ref5 => {
     let [_, value] = _ref5;
@@ -246,6 +250,9 @@ const formatGenericArticle = article => {
     image: article !== null && article !== void 0 && (_article$images3 = article.images) !== null && _article$images3 !== void 0 && _article$images3[0] ? (0, _image.getImageFromHyper)({
       imageId: article === null || article === void 0 || (_article$images4 = article.images) === null || _article$images4 === void 0 ? void 0 : _article$images4[0]
     }) : _logoPrimary.default,
-    articleNumber: (_article$articleNumbe2 = article.articleNumber) !== null && _article$articleNumbe2 !== void 0 ? _article$articleNumbe2 : ''
+    articleNumber: (_article$articleNumbe2 = article.articleNumber) !== null && _article$articleNumbe2 !== void 0 ? _article$articleNumbe2 : '',
+    type: article === null || article === void 0 || (_article$type2 = article.type) === null || _article$type2 === void 0 ? void 0 : _article$type2.title,
+    group: article === null || article === void 0 || (_article$group2 = article.group) === null || _article$group2 === void 0 ? void 0 : _article$group2.title,
+    subgroup: article === null || article === void 0 || (_article$subgroup2 = article.subgroup) === null || _article$subgroup2 === void 0 ? void 0 : _article$subgroup2.title
   };
 };

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

@@ -120,7 +120,7 @@ const InternalSingleOrderPage = () => {
     articleNumber: null,
     model: null,
     showAllArticles: false,
-    page: 1
+    page: 0
   });
   const customerFormRef = (0, _react.useRef)();
   const {
@@ -170,7 +170,14 @@ const InternalSingleOrderPage = () => {
         type: _OrderSessionContext.orderSessionActions.RESET_LICENSEPLATE_FILTERS
       });
     }
+    if (filter === 'page') {
+      setFilters(_objectSpread(_objectSpread({}, filters), {}, {
+        [filter]: value
+      }));
+      return;
+    }
     setFilters(_objectSpread(_objectSpread({}, filters), {}, {
+      page: 0,
       [filter]: value
     }));
   }, [filters]);

package/package.json

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