thm-p3-configurator 0.0.381 → 0.0.382

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

@@ -12,8 +12,10 @@ var _reactGoogleMaps = require("@vis.gl/react-google-maps");
 var _react = _interopRequireWildcard(require("react"));
 var _queries = require("../../__api__/queries");
 var _ActiveMarkerContext = require("../../__context__/ActiveMarkerContext");
+var _CountryContext = require("../../__context__/CountryContext");
 var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
+var _belgianConfiguratorInfo = require("../../__helpers__/belgianConfiguratorInfo");
 var _helpers__ = require("../../__helpers__");
 var _useBreakpoint = _interopRequireDefault(require("../../__hooks__/useBreakpoint"));
 var _useUserLocation = _interopRequireDefault(require("../../__hooks__/useUserLocation"));
@@ -68,6 +70,8 @@ const LocationsSelector = /*#__PURE__*/_react.default.memo(() => {
   const screen = (0, _useBreakpoint.default)();
   const isDesktop = screen.size >= 1200;
   const formula = (0, _FormulaContext.useFormula)();
+  const country = (0, _CountryContext.useCountry)();
+  const showBelgianLocationNotice = !APP_CONFIG.internal && (0, _belgianConfiguratorInfo.isBelgianConfigurator)(country);
   const [{
     franchiseName
   }] = (0, _OrderSessionContext.useOrderSession)();
@@ -137,7 +141,9 @@ const LocationsSelector = /*#__PURE__*/_react.default.memo(() => {
     className: (0, _helpers__.withStyle)('dealer-sidebar col-xl-4 mt-3 mt-xl-0')
   }, /*#__PURE__*/_react.default.createElement(_LocationAutoComplete.default, {
     onLocationUpdate: handleLocationUpdate
-  }), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {
+  }), showBelgianLocationNotice && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('small text-muted mb-3')
+  }, _belgianConfiguratorInfo.BELGIAN_LOCATION_SEARCH_NOTICE), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {
     className: (0, _helpers__.withStyle)('my-2')
   }, "Keten: ", franchiseName), /*#__PURE__*/_react.default.createElement(_LocationList.default, {
     locationIds: allIds,

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

@@ -120,6 +120,7 @@ const ManualSelectionForm = _ref => {
   } = (0, _reactRouter.useLocation)();
   const searchParams = new URLSearchParams(search);
   const history = (0, _reactRouter.useHistory)();
+  const canSwitchToLicenseplate = canSearchLicenseplate && !(0, _helpers__.isBelgianDomain)();
   const handleLicenseSwitch = () => {
     (0, _Datalayer.pushToDataLayer)({
       event: 'configurator',
@@ -251,7 +252,7 @@ const ManualSelectionForm = _ref => {
       value: model,
       label: model
     }
-  }), canSearchLicenseplate && /*#__PURE__*/_react.default.createElement("div", {
+  }), canSwitchToLicenseplate && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row mt-3')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-grid gap-2')

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

@@ -121,6 +121,7 @@ const ProductCartSide = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
+  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput);
   const {
     cart,
     totals,
@@ -143,7 +144,8 @@ const ProductCartSide = () => {
     montageRate: (0, _montageRate.toApiMontageRate)(montageRate),
     extraPriceAmount,
     discountCode,
-    priceCalculationDate
+    priceCalculationDate,
+    skipFilters: shouldRequestUnfilteredProducts
   });
   const marketCorrection = cart === null || cart === void 0 ? void 0 : cart.find(item => item.articleNumber === 'MC');
   const extraPriceItem = cart === null || cart === void 0 ? void 0 : cart.find(item => item.articleNumber === _cartTable.EXTRA_PRICE_ARTICLE_NUMBER);

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

@@ -347,6 +347,7 @@ const ProductCartTable = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
+  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput);
   const durationAnswerForQuery = durationAnswerIsPrefilled ? undefined : durationAnswer;
   const {
     cart,
@@ -368,7 +369,8 @@ const ProductCartTable = () => {
     discountPercentage,
     formula,
     montageRate: (0, _montageRate.toApiMontageRate)(montageRate),
-    extraPriceAmount
+    extraPriceAmount,
+    skipFilters: shouldRequestUnfilteredProducts
   });
   const montageHours = Number(totals === null || totals === void 0 ? void 0 : totals.montageTime) || 0;
   const montageTotalExcl = Number((totals === null || totals === void 0 ? void 0 : totals.totalMontageExclVat) || 0);

package/dist/src/shared/__helpers__/__tests__/product.test.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _product = require("../product");
+describe('product helpers', () => {
+  it('requests unfiltered products when cart-selected articles need to be resolved', () => {
+    expect((0, _product.shouldRequestUnfilteredProductsForCart)()).toBe(false);
+    expect((0, _product.shouldRequestUnfilteredProductsForCart)([])).toBe(false);
+    expect((0, _product.shouldRequestUnfilteredProductsForCart)([{
+      articleNumber: 'TOWBAR-HIDDEN',
+      quantity: 1
+    }])).toBe(true);
+  });
+});

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

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.trim.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBelgianConfigurator = exports.BELGIAN_PRICE_OVERVIEW_NOTICE = exports.BELGIAN_LOCATION_SEARCH_NOTICE = void 0;
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.trim.js");
+const BELGIAN_PRICE_OVERVIEW_NOTICE = exports.BELGIAN_PRICE_OVERVIEW_NOTICE = 'De prijs uit de offerte geldt alleen voor montage op een Belgische locatie.';
+const BELGIAN_LOCATION_SEARCH_NOTICE = exports.BELGIAN_LOCATION_SEARCH_NOTICE = 'Montagetarieven kunnen per land verschillen.';
+const isBelgianConfigurator = country => {
+  return (country === null || country === void 0 ? void 0 : country.toString().trim().toUpperCase()) === 'BE';
+};
+exports.isBelgianConfigurator = isBelgianConfigurator;

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

@@ -4,6 +4,7 @@ require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.ends-with.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -30,16 +31,18 @@ var _exportNames = {
   parseArrayToInputOptions: true,
   truncateAtPipe: true,
   parseJson: true,
+  isBelgianDomain: true,
   removeNullishProps: true,
   createSlug: true,
   getProxyApiErrorMessage: true,
   formatMontageTime: true
 };
-exports.withStyle = exports.truncateAtPipe = exports.removeNullishProps = exports.reduceYupErrorsToObject = exports.pushToDataLayer = exports.parseJson = exports.parseDateAndTimeToTimestamp = exports.parseArrayToInputOptions = exports.normalizeArray = exports.groupByKey = exports.getProxyApiErrorMessage = exports.getConfiguratorThemeClassByFormula = exports.getConfiguratorThemeClass = exports.getConfiguratorButtonVariant = exports.formatPrice = exports.formatMontageTime = exports.createSlug = void 0;
+exports.withStyle = exports.truncateAtPipe = exports.removeNullishProps = exports.reduceYupErrorsToObject = exports.pushToDataLayer = exports.parseJson = exports.parseDateAndTimeToTimestamp = exports.parseArrayToInputOptions = exports.normalizeArray = exports.isBelgianDomain = exports.groupByKey = exports.getProxyApiErrorMessage = exports.getConfiguratorThemeClassByFormula = exports.getConfiguratorThemeClass = exports.getConfiguratorButtonVariant = exports.formatPrice = exports.formatMontageTime = exports.createSlug = void 0;
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.object.from-entries.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.ends-with.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
 require("core-js/modules/esnext.iterator.constructor.js");
@@ -280,11 +283,20 @@ const parseJson = string => {
     return null;
   }
 };
+exports.parseJson = parseJson;
+const isBelgianDomain = () => {
+  var _window$location;
+  if (typeof window === 'undefined') {
+    return false;
+  }
+  const hostname = (_window$location = window.location) === null || _window$location === void 0 || (_window$location = _window$location.hostname) === null || _window$location === void 0 ? void 0 : _window$location.toLowerCase();
+  return Boolean(hostname && (hostname === 'be' || hostname.endsWith('.be')));
+};
 
 /**
  * @description Removes nullish properties from a passed object
  */
-exports.parseJson = parseJson;
+exports.isBelgianDomain = isBelgianDomain;
 const removeNullishProps = exports.removeNullishProps = function removeNullishProps() {
   let object = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return Object.fromEntries(Object.entries(object).filter(_ref3 => {

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

@@ -9,11 +9,12 @@ require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateCartInput = exports.parseProductSpecifications = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = exports.buildCartInput = void 0;
+exports.validateCartInput = exports.shouldRequestUnfilteredProductsForCart = exports.parseProductSpecifications = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = exports.buildCartInput = void 0;
 require("core-js/modules/es.array.flat-map.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.unscopables.flat-map.js");
@@ -23,6 +24,7 @@ require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _constants__ = require("../__constants__");
 function ownKeys(e, r) {
@@ -97,6 +99,16 @@ const validateCartInput = exports.validateCartInput = function validateCartInput
   return;
 };
 
+/**
+ * @description Cart overviews resolve selected articles from the order article lists.
+ * If the user selected an article that only appears with skipFilters enabled,
+ * those read-only lookups must request the unfiltered product list too.
+ */
+const shouldRequestUnfilteredProductsForCart = exports.shouldRequestUnfilteredProductsForCart = function shouldRequestUnfilteredProductsForCart() {
+  let cart = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return Array.isArray(cart) && cart.some(lineItem => (lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber) != null);
+};
+
 /**
  * @description Builds the cart input including optional TowMotive vehicle coding discount
  */

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

@@ -13,6 +13,8 @@ var _BottomNavigationBar = _interopRequireDefault(require("../__containers__/Bot
 var _ExitIntentModal = _interopRequireDefault(require("../__containers__/ExitIntentModal"));
 var _ProductDiscountCard = _interopRequireDefault(require("../__containers__/ProductDiscountCard"));
 var _ProductsCartOverview = _interopRequireDefault(require("../__containers__/ProductsCartOverview"));
+var _CountryContext = require("../__context__/CountryContext");
+var _belgianConfiguratorInfo = require("../__helpers__/belgianConfiguratorInfo");
 var _helpers__ = require("../__helpers__");
 var _Datalayer = require("../__services__/Datalayer");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");
@@ -22,7 +24,9 @@ function _interopRequireDefault(e) {
   };
 }
 const OverviewPage = () => {
+  const country = (0, _CountryContext.useCountry)();
   const themeClass = (0, _helpers__.getConfiguratorThemeClass)((0, _useBranchTheme.useBranchTheme)());
+  const showBelgianPriceNotice = !APP_CONFIG.internal && (0, _belgianConfiguratorInfo.isBelgianConfigurator)(country);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("section", {
     className: (0, _helpers__.withStyle)("thm-configurator-wrapper  ".concat(themeClass))
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -36,7 +40,9 @@ const OverviewPage = () => {
     className: (0, _helpers__.withStyle)('row gx-5 mt-3 mt-lg-5')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-lg')
-  }, /*#__PURE__*/_react.default.createElement(_ProductsCartOverview.default, null), /*#__PURE__*/_react.default.createElement(_ProductDiscountCard.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_ProductsCartOverview.default, null), showBelgianPriceNotice && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('small text-muted mt-2 mb-0')
+  }, _belgianConfiguratorInfo.BELGIAN_PRICE_OVERVIEW_NOTICE), /*#__PURE__*/_react.default.createElement(_ProductDiscountCard.default, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)("sidebar col-xxl-auto col-lg-4")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-grid gap-2 mt-3')

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

@@ -2,7 +2,9 @@
 
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.search.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.object.assign.js");
@@ -83,10 +85,13 @@ Object.defineProperty(exports, "QuotationThanksPage", {
   }
 });
 exports.default = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.search.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
+var _helpers__ = require("../__helpers__");
 var _AppointmentPage = _interopRequireDefault(require("./AppointmentPage"));
 var _AppointmentThanksPage = _interopRequireDefault(require("./AppointmentThanksPage"));
 var _ExtraProductsPage = _interopRequireDefault(require("./ExtraProductsPage"));
@@ -150,11 +155,19 @@ const ProtectedConfiguratorRoute = _ref => {
     })
   }));
 };
+const LicensePlateRoute = props => {
+  if ((0, _helpers__.isBelgianDomain)()) {
+    return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+      to: "/configurator/manual".concat(props.location.search)
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_LicensePlatePage.default, props);
+};
 const Routes = () => {
   return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/",
-    render: props => /*#__PURE__*/_react.default.createElement(_LicensePlatePage.default, props)
+    render: props => /*#__PURE__*/_react.default.createElement(LicensePlateRoute, props)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     exact: true,
     path: "/configurator/geen-producten",
@@ -195,7 +208,7 @@ const Routes = () => {
     render: props => /*#__PURE__*/_react.default.createElement(_ExtraProductsPage.default, null)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/configurator",
-    render: props => /*#__PURE__*/_react.default.createElement(_LicensePlatePage.default, null)
+    render: props => /*#__PURE__*/_react.default.createElement(LicensePlateRoute, props)
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
     path: "/niet-gevonden",
     render: () => /*#__PURE__*/_react.default.createElement(_NotFoundPage.default, null)

package/package.json

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