thm-p3-configurator 0.0.366 → 0.0.368

package/dist/src/shared/App.js

@@ -106,7 +106,7 @@ const App = () => {
     (0, _Experiments.default)();
   });
   return /*#__PURE__*/_react.default.createElement(_SentryWrapper.default, null, /*#__PURE__*/_react.default.createElement(_FormulaContext.FormulaController, {
-    defaultFormula: _constants__.CONFIGURATOR_FORMULAS.THM
+    defaultFormula: APP_CONFIG.internal ? null : _constants__.CONFIGURATOR_FORMULAS.THM
   }, /*#__PURE__*/_react.default.createElement(_CountryContext.CountryController, {
     defaultCountry: APP_CONFIG.country
   }, /*#__PURE__*/_react.default.createElement(_OrderSessionContext.OrderSessionController, null, /*#__PURE__*/_react.default.createElement(_reactQuery.QueryClientProvider, {

package/dist/src/shared/__api__/__tests__/queryKeyFactory.test.js

@@ -81,6 +81,7 @@ describe('queryKeyFactory', () => {
   });
   it('includes formula in brands and build-years keys', () => {
     expect((0, _queryKeyFactory.getBrandsQueryKey)('TMG')).toEqual(['brands', 'TMG']);
+    expect((0, _queryKeyFactory.getBrandsQueryKey)('THCB')).toEqual(['brands', 'THCB']);
     expect((0, _queryKeyFactory.getBuildYearsQueryKey)({
       brand: 'Volvo',
       formula: 'TMG'

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

@@ -16,19 +16,13 @@ const publicOrderClient = _axios.default.create({
 });
 const orderApi = exports.orderApi = {
   getArticles: filters => publicOrderClient("api/public/articles?".concat(filters)),
-  getBrands: function getBrands() {
-    let formula = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'THC';
-    return publicOrderClient("api/public/v1/configurator/makes?formula=".concat(formula));
-  },
-  getBuildYears: function getBuildYears(brand) {
-    let formula = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'THC';
-    return publicOrderClient("api/public/v1/configurator/makes/".concat(brand, "/years?formula=").concat(formula));
-  },
+  getBrands: formula => publicOrderClient("api/public/v1/configurator/makes?formula=".concat(formula)),
+  getBuildYears: (brand, formula) => publicOrderClient("api/public/v1/configurator/makes/".concat(brand, "/years?formula=").concat(formula)),
   getModels: _ref => {
     let {
       brand,
       year,
-      formula = 'THC'
+      formula
     } = _ref;
     return publicOrderClient("api/public/v1/configurator/makes/".concat(brand, "/models").concat(year ? "?year=".concat(year, "&formula=").concat(formula) : "?formula=".concat(formula)));
   }

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

@@ -90,8 +90,9 @@ function _toPrimitive(t, r) {
  * @description Retrieves the car brand options
  */
 const useBrandsQuery = exports.useBrandsQuery = function useBrandsQuery() {
-  let formula = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'THC';
+  let formula = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   const brandsQuery = (0, _reactQuery.useQuery)((0, _queryKeyFactory.getBrandsQueryKey)(formula), {
+    enabled: Boolean(formula),
     queryFn: () => _orderApi.orderApi.getBrands(formula).then(res => {
       var _res$data;
       return (0, _helpers__.parseArrayToInputOptions)((_res$data = res === null || res === void 0 ? void 0 : res.data) !== null && _res$data !== void 0 ? _res$data : []);
@@ -110,13 +111,13 @@ const useBrandsQuery = exports.useBrandsQuery = function useBrandsQuery() {
 const useBuildYearsQuery = _ref => {
   let {
     brand,
-    formula = 'THC'
+    formula = null
   } = _ref;
   const buildYearsQuery = (0, _reactQuery.useQuery)((0, _queryKeyFactory.getBuildYearsQueryKey)({
     brand,
     formula
   }), {
-    enabled: !!(brand !== null && brand !== void 0 && brand.length),
+    enabled: !!(brand !== null && brand !== void 0 && brand.length) && Boolean(formula),
     queryFn: () => _orderApi.orderApi.getBuildYears(brand, formula).then(res => {
       var _res$data2;
       return (0, _helpers__.parseArrayToInputOptions)((_res$data2 = res === null || res === void 0 ? void 0 : res.data) !== null && _res$data2 !== void 0 ? _res$data2 : []);
@@ -219,14 +220,14 @@ const useModelsQuery = _ref2 => {
   let {
     brand,
     year,
-    formula = 'THC'
+    formula = null
   } = _ref2;
   const modelsQuery = (0, _reactQuery.useQuery)(['models', JSON.stringify({
     brand,
     year,
     formula
   })], {
-    enabled: !!(brand !== null && brand !== void 0 && brand.length),
+    enabled: !!(brand !== null && brand !== void 0 && brand.length) && Boolean(formula),
     queryFn: () => {
       return _orderApi.orderApi.getModels({
         brand,
@@ -721,12 +722,13 @@ const useBranchesByType = _ref4 => {
 };
 exports.useBranchesByType = useBranchesByType;
 const useBusinessBranches = _ref5 => {
+  var _getConfiguratorFormu;
   let {
     searchTerm,
     formula: formulaRaw,
     enabled = true
   } = _ref5;
-  const formula = formulaRaw == null ? undefined : typeof formulaRaw === 'string' ? formulaRaw : formulaRaw === null || formulaRaw === void 0 ? void 0 : formulaRaw.entityId;
+  const formula = (_getConfiguratorFormu = (0, _constants__.getConfiguratorFormulaCode)(formulaRaw)) !== null && _getConfiguratorFormu !== void 0 ? _getConfiguratorFormu : typeof formulaRaw === 'string' ? formulaRaw : formulaRaw === null || formulaRaw === void 0 ? void 0 : formulaRaw.entityId;
   const businessBranchesQuery = (0, _reactQuery.useQuery)(['businessBranches', searchTerm, formula], {
     queryFn: async () => {
       const response = await _authenticatedProxyApi.authenticatedProxyApi.getBusinessBranches({

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

@@ -125,13 +125,13 @@ const getOrderQueryKey = exports.getOrderQueryKey = function getOrderQueryKey()
   return ['order', serializeOrderParams(orderParameters)];
 };
 const getBrandsQueryKey = exports.getBrandsQueryKey = function getBrandsQueryKey() {
-  let formula = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'THC';
+  let formula = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   return ['brands', formula];
 };
 const getBuildYearsQueryKey = exports.getBuildYearsQueryKey = function getBuildYearsQueryKey() {
   let {
     brand,
-    formula = 'THC'
+    formula = null
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return ['buildYears', brand, formula];
 };

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

@@ -124,7 +124,7 @@ function _toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 const LocationClusteredTreeMarkers = _ref => {
-  var _selectedTree$afbeeld;
+  var _ref2, _selectedTree$formula, _selectedTree$formule, _selectedTree$afbeeld;
   let {
     locationIds,
     locationsById
@@ -232,7 +232,7 @@ const LocationClusteredTreeMarkers = _ref => {
     anchor: markers[activeMarkerId],
     onCloseClick: handleInfoWindowClose
   }, /*#__PURE__*/_react.default.createElement(_LocationInfo.default, {
-    formula: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.formule,
+    formula: (_ref2 = (_selectedTree$formula = selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.formulaCode) !== null && _selectedTree$formula !== void 0 ? _selectedTree$formula : selectedTree === null || selectedTree === void 0 || (_selectedTree$formule = selectedTree.formule) === null || _selectedTree$formule === void 0 ? void 0 : _selectedTree$formule.code) !== null && _ref2 !== void 0 ? _ref2 : selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.formule,
     openingHours: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.openingstijden,
     locationImage: selectedTree === null || selectedTree === void 0 || (_selectedTree$afbeeld = selectedTree.afbeeldingLogo) === null || _selectedTree$afbeeld === void 0 ? void 0 : _selectedTree$afbeeld[0],
     street: selectedTree === null || selectedTree === void 0 ? void 0 : selectedTree.street,

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

@@ -24,6 +24,7 @@ const FORMULAS = {
   nFbSnWdtLZBmEhhpHFGVO: _logoThcWhite.default
 };
 const LocationInfo = _ref => {
+  var _FORMULAS$formula;
   let {
     street,
     houseNumber,
@@ -39,7 +40,7 @@ const LocationInfo = _ref => {
     province,
     formula
   } = _ref;
-  const address = [street, postCode, city].join(', ');
+  const fallbackLogo = (0, _constants__.getThemeFormulaForConfiguratorFormula)(formula) === _constants__.CONFIGURATOR_FORMULAS.THC ? _logoThcWhite.default : (_FORMULAS$formula = FORMULAS[formula]) !== null && _FORMULAS$formula !== void 0 ? _FORMULAS$formula : _thLogoBlack.default;
 
   // Function to format opening hours display text
   const formatOpeningHours = dayData => {
@@ -132,7 +133,7 @@ const LocationInfo = _ref => {
     className: (0, _helpers__.withStyle)('mb-1'),
     src: locationImage !== null && locationImage !== void 0 && locationImage.length ? (0, _image.getImageFromHyper)({
       imageId: locationImage
-    }) : FORMULAS[formula],
+    }) : fallbackLogo,
     alt: title
   }))));
 };

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

@@ -56,16 +56,17 @@ const LocationTreeMarker = /*#__PURE__*/_react.default.memo(_ref => {
   const formula = (0, _FormulaContext.useFormula)();
   // Cache marker icon configuration
   const markerIcon = (0, _react.useMemo)(() => {
+    const markerIconUrl = (0, _constants__.isThcFamilyFormula)(formula) ? _mapMarkerThc.default : _mapMarker.default;
     if (!core) return {
-      url: formula == _constants__.CONFIGURATOR_FORMULAS.THC ? _mapMarkerThc.default : _mapMarker.default
+      url: markerIconUrl
     };
     return {
-      url: formula == _constants__.CONFIGURATOR_FORMULAS.THC ? _mapMarkerThc.default : _mapMarker.default,
+      url: markerIconUrl,
       size: new core.Size(32, 42),
       anchor: new core.Point(16, 32),
       scaledSize: new core.Size(32, 42)
     };
-  }, [core]);
+  }, [core, formula]);
   const handleClick = (0, _react.useCallback)(() => onClick(tree), [onClick, tree]);
   const ref = (0, _react.useCallback)(marker => setMarkerRef(marker, tree === null || tree === void 0 ? void 0 : tree.entityId), [setMarkerRef, tree === null || tree === void 0 ? void 0 : tree.entityId]);
 

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

@@ -1,9 +1,15 @@
 "use strict";
 
 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.for-each.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");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,6 +20,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _queries = require("../../__api__/queries");
 var _constants__ = require("../../__constants__");
 var _helpers__ = require("../../__helpers__");
+var _singleOrderArticles = require("../../__helpers__/singleOrderArticles");
 var _ProductCardCheckbox = _interopRequireDefault(require("./ProductCardCheckbox"));
 var _ProductCardDescription = _interopRequireDefault(require("./ProductCardDescription"));
 var _ProductCardDiscountAlert = _interopRequireDefault(require("./ProductCardDiscountAlert"));
@@ -52,8 +59,51 @@ function _interopRequireWildcard(e, r) {
   }
   return n.default = e, t && t.set(e, n), n;
 }
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
 const ProductCard = _ref => {
-  var _stock$quantity, _stock$quantity2;
+  var _normalizedStock$quan, _normalizedStock$quan2;
   let {
     hasCheckbox = true,
     isRecommended = false,
@@ -82,6 +132,9 @@ const ProductCard = _ref => {
   const {
     productFieldLabels
   } = (0, _queries.useProductFieldLabels)();
+  const normalizedStock = stock && stock.status ? _objectSpread(_objectSpread({}, stock), {}, {
+    status: (0, _singleOrderArticles.mapApiStockStatusToStockStatus)(stock.status)
+  }) : stock;
   const handleSelected = isSelected => {
     if (!canUnselect && !isSelected) {
       // Do not update local state, only call onSelect
@@ -159,13 +212,13 @@ const ProductCard = _ref => {
     className: (0, _helpers__.withStyle)('card-footer pt-2 col-12 col-md-8 col-xxl-6 pb-0 justify-content-end')
   }, /*#__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", {
+  }, showPrice && normalizedStock && /*#__PURE__*/_react.default.createElement("div", null, normalizedStock.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", {
+  }, "Niet op voorraad") : normalizedStock.status === _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", {
+  }, isTmg ? "".concat((_normalizedStock$quan = normalizedStock.quantity) !== null && _normalizedStock$quan !== void 0 ? _normalizedStock$quan : 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, {
+  }, isTmg ? "".concat((_normalizedStock$quan2 = normalizedStock.quantity) !== null && _normalizedStock$quan2 !== void 0 ? _normalizedStock$quan2 : 0, " op voorraad") : 'Op voorraad')), hasCheckbox && /*#__PURE__*/_react.default.createElement(_ProductCardCheckbox.default, {
     id: productId,
     isDisabled: isDisabled,
     defaultChecked: isSelected,

package/dist/src/shared/__components__/internal/InternalCustomerDetailsForm.js

@@ -2,6 +2,7 @@
 
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.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");
@@ -18,6 +19,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -159,7 +161,7 @@ const customerDetailsFormSchema = (0, _yup.object)({
   })
 });
 const InternalCustomerDetailsForm = (_ref, ref) => {
-  var _branchTypes$byId$aut, _authSession$branch;
+  var _customer$vatNumber, _customer$kvkNumber, _branchTypes$byId$aut, _authSession$branch;
   let {
     errors = {},
     onValidationError,
@@ -249,6 +251,21 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
 
   // Get customer data for the active ownership type
   const customer = customerDataPerType[activeOwnershipType] || (0, _helpers__.getEmptySingleOrderCustomer)();
+  const selectedCountry = (0, _react.useMemo)(() => {
+    if (!(countryOptions !== null && countryOptions !== void 0 && countryOptions.length)) return null;
+    if (customer !== null && customer !== void 0 && customer.countryId) {
+      return countryOptions.find(option => option.value === customer.countryId) || null;
+    }
+    const defaultCountry = countryOptions.find(option => option.label === 'NEDERLAND');
+    return defaultCountry || null;
+  }, [customer === null || customer === void 0 ? void 0 : customer.countryId, countryOptions]);
+  const isBusinessOwnership = activeOwnershipType === _constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE.Zakelijk;
+  const isNetherlandsSelected = (0, _react.useMemo)(() => {
+    if (!(selectedCountry !== null && selectedCountry !== void 0 && selectedCountry.label)) return false;
+    return selectedCountry.label.toUpperCase() === 'NEDERLAND';
+  }, [selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.label]);
+  const shouldRequireKvkNumber = isBusinessOwnership && (isNetherlandsSelected || !(customer !== null && customer !== void 0 && (_customer$vatNumber = customer.vatNumber) !== null && _customer$vatNumber !== void 0 && _customer$vatNumber.trim()));
+  const shouldRequireVatNumber = isBusinessOwnership && !isNetherlandsSelected && !(customer !== null && customer !== void 0 && (_customer$kvkNumber = customer.kvkNumber) !== null && _customer$kvkNumber !== void 0 && _customer$kvkNumber.trim());
 
   // Helper to update customer data for the active ownership type
   const updateCustomerField = (0, _react.useCallback)((field, value) => {
@@ -491,6 +508,24 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
   }, [addressLookupTimeoutId]);
   const validateForm = async () => {
     try {
+      var _customer$kvkNumber2, _customer$vatNumber2;
+      const hasKvkNumber = !!(customer !== null && customer !== void 0 && (_customer$kvkNumber2 = customer.kvkNumber) !== null && _customer$kvkNumber2 !== void 0 && _customer$kvkNumber2.trim());
+      const hasVatNumber = !!(customer !== null && customer !== void 0 && (_customer$vatNumber2 = customer.vatNumber) !== null && _customer$vatNumber2 !== void 0 && _customer$vatNumber2.trim());
+      if (isBusinessOwnership) {
+        if (isNetherlandsSelected && !hasKvkNumber) {
+          onValidationError === null || onValidationError === void 0 || onValidationError({
+            kvkNumber: 'KVK-nummer is verplicht voor zakelijke dossiers in Nederland'
+          });
+          return false;
+        }
+        if (!isNetherlandsSelected && !hasKvkNumber && !hasVatNumber) {
+          onValidationError === null || onValidationError === void 0 || onValidationError({
+            kvkNumber: 'Vul een KVK- of BTW-nummer in',
+            vatNumber: 'Vul een KVK- of BTW-nummer in'
+          });
+          return false;
+        }
+      }
       let validationSchema = webshop || !isTmg ? customerDetailsFormSchema.omit(['channelType', 'channelId']) : customerDetailsFormSchema;
       const requiredFields = (0, _helpers__.getSingleOrderRequiredFields)({
         webshop,
@@ -779,19 +814,21 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     }
   }, branch.name)))), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
-    initialValue: customer.kvkNumber,
+    value: customer.kvkNumber,
     name: "kvkNumber",
     onChange: value => updateCustomerField('kvkNumber', value),
-    isRequired: false,
+    key: "kvkNumber-".concat(refreshKey),
+    isRequired: shouldRequireKvkNumber,
     form: form,
     label: "KVK-nummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['kvkNumber']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
-    initialValue: customer.vatNumber,
+    value: customer.vatNumber,
     name: "vatNumber",
     onChange: value => updateCustomerField('vatNumber', value),
-    isRequired: false,
+    key: "vatNumber-".concat(refreshKey),
+    isRequired: shouldRequireVatNumber,
     form: form,
     label: "BTW-nummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['vatNumber']
@@ -829,7 +866,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: "Contact e-mailadres:"
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null)), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
-    initialValue: customer.zipCode,
+    value: customer.zipCode,
     name: "zipCode",
     onChange: value => {
       updateCustomerField('zipCode', value);
@@ -839,12 +876,13 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
       }
     },
     isRequired: webshop || anderAfleveradres,
+    key: "zipCode-".concat(refreshKey),
     form: form,
     label: "Postcode:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['zipCode']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
-    initialValue: customer.houseNumber,
+    value: customer.houseNumber,
     name: "houseNumber",
     onChange: value => {
       updateCustomerField('houseNumber', value);
@@ -854,33 +892,37 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
       }
     },
     isRequired: webshop || anderAfleveradres,
+    key: "houseNumber-".concat(refreshKey),
     form: form,
     label: "Huisnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['houseNumber']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: "",
-    initialValue: customer.houseNumberAddition,
+    value: customer.houseNumberAddition,
     name: "houseNumberAddition",
     onChange: value => updateCustomerField('houseNumberAddition', value),
     isRequired: false,
+    key: "houseNumberAddition-".concat(refreshKey),
     form: form,
     label: "Huisnummer toevoeging:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['houseNumberAddition']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: addressLookupLoading ? 'Adres wordt opgezocht...' : '',
-    initialValue: customer.streetName,
+    value: customer.streetName,
     name: "streetName",
     onChange: value => updateCustomerField('streetName', value),
     isRequired: webshop || anderAfleveradres,
+    key: "streetName-".concat(refreshKey),
     form: form,
     label: "Straat:".concat(addressLookupLoading ? ' (wordt opgezocht...)' : ''),
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['streetName']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     placeholder: addressLookupLoading ? 'Stad wordt opgezocht...' : '',
-    initialValue: customer.city,
+    value: customer.city,
     name: "city",
     onChange: value => updateCustomerField('city', value),
     isRequired: webshop || anderAfleveradres,
+    key: "city-".concat(refreshKey),
     form: form,
     label: "Stad:".concat(addressLookupLoading ? ' (wordt opgezocht...)' : ''),
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['city']

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

@@ -0,0 +1,20 @@
+"use strict";
+
+var _index = require("../index");
+describe('__constants__/formula helpers', () => {
+  it('keeps THCB exact when normalizing branch formulas', () => {
+    expect((0, _index.mapBranchFormulaToConfiguratorFormula)('THCB')).toBe(_index.CONFIGURATOR_FORMULAS.THCB);
+    expect((0, _index.mapBranchFormulaToConfiguratorFormula)('Trekhaakcentrum Business')).toBe(_index.CONFIGURATOR_FORMULAS.THCB);
+  });
+  it('normalizes known formula titles and codes without collapsing unknown codes', () => {
+    expect((0, _index.getConfiguratorFormulaCode)('Trekhaakcentrum')).toBe(_index.CONFIGURATOR_FORMULAS.THC);
+    expect((0, _index.getConfiguratorFormulaCode)('TowMotive')).toBe(_index.CONFIGURATOR_FORMULAS.TOW);
+    expect((0, _index.getConfiguratorFormulaCode)('thcb')).toBe(_index.CONFIGURATOR_FORMULAS.THCB);
+    expect((0, _index.getConfiguratorFormulaCode)('abc')).toBe('ABC');
+  });
+  it('treats THCB as THC-family for theme decisions only', () => {
+    expect((0, _index.isThcFamilyFormula)(_index.CONFIGURATOR_FORMULAS.THC)).toBe(true);
+    expect((0, _index.isThcFamilyFormula)(_index.CONFIGURATOR_FORMULAS.THCB)).toBe(true);
+    expect((0, _index.getThemeFormulaForConfiguratorFormula)(_index.CONFIGURATOR_FORMULAS.THCB)).toBe(_index.CONFIGURATOR_FORMULAS.THC);
+  });
+});

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

@@ -1,9 +1,15 @@
 "use strict";
 
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.trim.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapBranchFormulaToConfiguratorFormula = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TOWMOTIVE_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.EXECUTION_HELP_CONTACT_DETAILS_BY_FORMULA = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.ApiStockStatus = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
+exports.mapBranchFormulaToConfiguratorFormula = exports.isThcFamilyFormula = exports.getThemeFormulaForConfiguratorFormula = exports.getConfiguratorFormulaCode = exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_CODING_SUBGROUP_NAME = exports.USER_GEOLOCATION_KEY = exports.TOWMOTIVE_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.STATUS_ASSESSMENT = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_CHANNEL_TITLE = exports.ORDER_SESSION_KEY = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.LEASE_TYPE_ID = exports.FORM_ERROR_MESSAGES = exports.EXECUTION_HELP_CONTACT_DETAILS_BY_FORMULA = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.DAY_NAMES = exports.CONFIGURATOR_FORMULAS = exports.BRANCH_THEME_BY_FORMULA = exports.BRANCH_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.ApiStockStatus = exports.AUTH_SESSION_KEY = exports.ARTICLE_SPECS_TRANSLATIONS = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.trim.js");
 const DOSSIER_TYPES = exports.DOSSIER_TYPES = {
   Quotation: 'quotation',
   AppointmentRequest: 'appointment-request',
@@ -222,12 +228,69 @@ const ApiStockStatus = exports.ApiStockStatus = {
 const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
   THM: 'THM',
   THC: 'THC',
+  THCB: 'THCB',
   TMG: 'TMG',
   TOW: 'TOW',
   TM: 'TOW',
   TH: 'TH',
   TowMotive: 'TowMotive'
 };
+const normalizeFormulaInput = formula => {
+  if (formula == null) {
+    return null;
+  }
+  if (typeof formula === 'object') {
+    var _ref, _ref2, _ref3, _formula$code;
+    return normalizeFormulaInput((_ref = (_ref2 = (_ref3 = (_formula$code = formula === null || formula === void 0 ? void 0 : formula.code) !== null && _formula$code !== void 0 ? _formula$code : formula === null || formula === void 0 ? void 0 : formula.title) !== null && _ref3 !== void 0 ? _ref3 : formula === null || formula === void 0 ? void 0 : formula.formulaCode) !== null && _ref2 !== void 0 ? _ref2 : formula === null || formula === void 0 ? void 0 : formula.formule) !== null && _ref !== void 0 ? _ref : null);
+  }
+  if (typeof formula !== 'string') {
+    return null;
+  }
+  const normalizedFormula = formula.trim();
+  return normalizedFormula.length > 0 ? normalizedFormula : null;
+};
+const getConfiguratorFormulaCode = formula => {
+  const normalizedFormula = normalizeFormulaInput(formula);
+  if (!normalizedFormula) {
+    return null;
+  }
+  switch (normalizedFormula.toLowerCase()) {
+    case 'tow':
+    case 'tm':
+    case 'th':
+    case 'towmotive':
+      return CONFIGURATOR_FORMULAS.TOW;
+    case 'tmg':
+    case 'towmotive group':
+      return CONFIGURATOR_FORMULAS.TMG;
+    case 'thc':
+    case 'trekhaakcentrum':
+      return CONFIGURATOR_FORMULAS.THC;
+    case 'thcb':
+    case 'trekhaakcentrum belgie':
+    case 'trekhaakcentrum business':
+      return CONFIGURATOR_FORMULAS.THCB;
+    case 'thm':
+    case 'trekhaakmontage':
+      return CONFIGURATOR_FORMULAS.THM;
+    default:
+      return normalizedFormula.includes(' ') ? normalizedFormula : normalizedFormula.toUpperCase();
+  }
+};
+exports.getConfiguratorFormulaCode = getConfiguratorFormulaCode;
+const isThcFamilyFormula = formula => {
+  const normalizedFormula = getConfiguratorFormulaCode(formula);
+  return normalizedFormula === CONFIGURATOR_FORMULAS.THC || normalizedFormula === CONFIGURATOR_FORMULAS.THCB;
+};
+exports.isThcFamilyFormula = isThcFamilyFormula;
+const getThemeFormulaForConfiguratorFormula = formula => {
+  const normalizedFormula = getConfiguratorFormulaCode(formula);
+  if (!normalizedFormula) {
+    return null;
+  }
+  return isThcFamilyFormula(normalizedFormula) ? CONFIGURATOR_FORMULAS.THC : normalizedFormula;
+};
+exports.getThemeFormulaForConfiguratorFormula = getThemeFormulaForConfiguratorFormula;
 const NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = {
   [CONFIGURATOR_FORMULAS.THM]: {
     email: 'order@trekhaakmontage.nl',
@@ -243,6 +306,13 @@ const NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA = exports.NO_PRODUCTS_CONTACT_DETAI
     companyName: 'Trekhaakcentrum',
     logoAltText: 'Trekhaakcentrum Logo'
   },
+  [CONFIGURATOR_FORMULAS.THCB]: {
+    email: 'order@trekhaakcentrum.nl',
+    phoneDisplay: '+31 162 - 490 910',
+    phoneHref: 'tel:+31162490910',
+    companyName: 'Trekhaakcentrum',
+    logoAltText: 'Trekhaakcentrum Logo'
+  },
   [CONFIGURATOR_FORMULAS.TMG]: {
     email: 'order@towmotivegroup.com',
     phoneDisplay: '+31 85 - 203 0167',
@@ -273,6 +343,10 @@ const EXECUTION_HELP_CONTACT_DETAILS_BY_FORMULA = exports.EXECUTION_HELP_CONTACT
   [CONFIGURATOR_FORMULAS.THC]: {
     phoneDisplay: '+31 85 202 0660',
     phoneHref: 'tel:+31852020660'
+  },
+  [CONFIGURATOR_FORMULAS.THCB]: {
+    phoneDisplay: '+31 85 202 0660',
+    phoneHref: 'tel:+31852020660'
   }
 };
 const LOCATION_CHANGE_BUTTON_LABEL = exports.LOCATION_CHANGE_BUTTON_LABEL = 'Wijzig de locatie';
@@ -283,23 +357,7 @@ const TOWMOTIVE_ORGANIZATION_TYPE = exports.TOWMOTIVE_ORGANIZATION_TYPE = 'TowMo
  * Maps branch formula values to CONFIGURATOR_FORMULAS
  */
 const mapBranchFormulaToConfiguratorFormula = branchFormula => {
-  if (!branchFormula) return CONFIGURATOR_FORMULAS.THM;
-  switch (branchFormula.toLowerCase()) {
-    case 'tow':
-    case 'tm':
-    case 'th':
-      return CONFIGURATOR_FORMULAS.TOW;
-    case 'tmg':
-    case 'towmotive group':
-      return CONFIGURATOR_FORMULAS.TMG;
-    case 'thc':
-      return CONFIGURATOR_FORMULAS.THC;
-    case 'thm':
-    case 'trekhaakmontage':
-      return CONFIGURATOR_FORMULAS.THM;
-    default:
-      return CONFIGURATOR_FORMULAS.THM;
-  }
+  return getConfiguratorFormulaCode(branchFormula);
 };
 exports.mapBranchFormulaToConfiguratorFormula = mapBranchFormulaToConfiguratorFormula;
 const LOCATION_TYPE = exports.LOCATION_TYPE = 'Vestiging';

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

@@ -192,7 +192,7 @@ const ExtraProductsOverview = () => {
         className: (0, _helpers__.withStyle)(index === 0 ? 'mt-0' : 'mt-5'),
         key: "category-".concat(item.categoryName)
       }, /*#__PURE__*/_react.default.createElement("h2", null, item.categoryName), item.products.map((product, index) => {
-        var _product$price, _product$locationPric, _product$images, _product$images2, _product$boldDescript;
+        var _product$price, _product$consumerPric, _product$consumerPric2, _product$locationPric, _product$images, _product$images2, _product$boldDescript;
         const isSelectedExtra = selectedExtras.hasOwnProperty(product.articleNumber);
 
         // GetOrder is the single source of truth for prices
@@ -202,7 +202,7 @@ const ExtraProductsOverview = () => {
         const resolvedProductDiscountedPrice = typeof (product === null || product === void 0 ? void 0 : product.fromPrice) === 'number' ? product.fromPrice : 0;
         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,
+          stock: (_product$consumerPric = product === null || product === void 0 || (_product$consumerPric2 = product.consumerPrices) === null || _product$consumerPric2 === void 0 ? void 0 : _product$consumerPric2.stock) !== null && _product$consumerPric !== void 0 ? _product$consumerPric : product === null || product === void 0 || (_product$locationPric = product.locationPrices) === null || _product$locationPric === void 0 ? void 0 : _product$locationPric.stock,
           key: product.articleNumber,
           hasCheckbox: true,
           isRecommended: false,

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

@@ -248,7 +248,7 @@ const DeferredMontageRateInput = _ref2 => {
 
 const ProductCartTable = () => {
   const formula = (0, _FormulaContext.useFormula)();
-  const isThc = formula === _constants__.CONFIGURATOR_FORMULAS.THC;
+  const isThc = (0, _constants__.isThcFamilyFormula)(formula);
   const isTowFormula = formula === _constants__.CONFIGURATOR_FORMULAS.TOW || formula === _constants__.CONFIGURATOR_FORMULAS.TM;
   const isTmg = (0, _useIsTmg.useIsTmg)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();

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

@@ -345,7 +345,7 @@ const ProductsOverview = () => {
       product: a,
       category: productCategory
     }) ? -1 : 0).map(product => {
-      var _product$images, _product$images2, _product$locationPric;
+      var _product$images, _product$images2, _product$consumerPric, _product$consumerPric2, _product$locationPric;
       const isRecommended = (0, _product.checkIfTowbarIsRecommended)({
         product,
         category: productCategory
@@ -389,7 +389,7 @@ 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,
+        stock: (_product$consumerPric = product === null || product === void 0 || (_product$consumerPric2 = product.consumerPrices) === null || _product$consumerPric2 === void 0 ? void 0 : _product$consumerPric2.stock) !== null && _product$consumerPric !== void 0 ? _product$consumerPric : 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/dist/src/shared/__containers__/internal/InternalBranchSelectorModal.js

@@ -220,12 +220,20 @@ const SingleOrderModalContent = _ref6 => {
     if (formula === _constants__.CONFIGURATOR_FORMULAS.TMG || !singleOrderBranches) {
       return singleOrderBranches;
     }
-    return singleOrderBranches.filter(branch => (branch === null || branch === void 0 ? void 0 : branch.formulaCode) === formula);
+    const normalizedFormula = (0, _constants__.getConfiguratorFormulaCode)(formula);
+    return singleOrderBranches.filter(branch => {
+      var _ref7, _branch$formulaCode, _branch$formule;
+      const branchFormula = (0, _constants__.getConfiguratorFormulaCode)((_ref7 = (_branch$formulaCode = branch === null || branch === void 0 ? void 0 : branch.formulaCode) !== null && _branch$formulaCode !== void 0 ? _branch$formulaCode : branch === null || branch === void 0 || (_branch$formule = branch.formule) === null || _branch$formule === void 0 ? void 0 : _branch$formule.code) !== null && _ref7 !== void 0 ? _ref7 : branch === null || branch === void 0 ? void 0 : branch.formule);
+      if ((0, _constants__.isThcFamilyFormula)(normalizedFormula)) {
+        return (0, _constants__.isThcFamilyFormula)(branchFormula);
+      }
+      return branchFormula === normalizedFormula;
+    });
   }, [singleOrderBranches, formula]);
   const branchIdWithFormulaCode = new Map();
   filteredBranches === null || filteredBranches === void 0 || filteredBranches.forEach(branch => {
-    var _branch$formule$code, _branch$formule;
-    branchIdWithFormulaCode.set(branch === null || branch === void 0 ? void 0 : branch.entityId, (_branch$formule$code = branch === null || branch === void 0 || (_branch$formule = branch.formule) === null || _branch$formule === void 0 ? void 0 : _branch$formule.code) !== null && _branch$formule$code !== void 0 ? _branch$formule$code : _constants__.CONFIGURATOR_FORMULAS.THC);
+    var _getConfiguratorFormu, _ref8, _branch$formulaCode2, _branch$formule2;
+    branchIdWithFormulaCode.set(branch === null || branch === void 0 ? void 0 : branch.entityId, (_getConfiguratorFormu = (0, _constants__.getConfiguratorFormulaCode)((_ref8 = (_branch$formulaCode2 = branch === null || branch === void 0 ? void 0 : branch.formulaCode) !== null && _branch$formulaCode2 !== void 0 ? _branch$formulaCode2 : branch === null || branch === void 0 || (_branch$formule2 = branch.formule) === null || _branch$formule2 === void 0 ? void 0 : _branch$formule2.code) !== null && _ref8 !== void 0 ? _ref8 : branch === null || branch === void 0 ? void 0 : branch.formule)) !== null && _getConfiguratorFormu !== void 0 ? _getConfiguratorFormu : (0, _constants__.getConfiguratorFormulaCode)(formula));
   });
   const branchOptions = filteredBranches === null || filteredBranches === void 0 ? void 0 : filteredBranches.map(branch => ({
     label: "".concat(branch === null || branch === void 0 ? void 0 : branch.naamVestiging, " - ").concat(branch === null || branch === void 0 ? void 0 : branch.name),
@@ -243,11 +251,11 @@ const SingleOrderModalContent = _ref6 => {
     noOptionsMessage: "Geen opties beschikbaar",
     placeholder: "Maak een keuze",
     initialValue: singleOrderBranchType,
-    onChange: _ref7 => {
+    onChange: _ref9 => {
       let {
         label,
         value
-      } = _ref7;
+      } = _ref9;
       setSingleOrderBranchType(value);
       setSelectedBranchId(undefined);
       setLocalBranchId(undefined);
@@ -261,11 +269,11 @@ const SingleOrderModalContent = _ref6 => {
     noOptionsMessage: "Geen opties beschikbaar",
     placeholder: "Maak een keuze",
     initialValue: selectedBranchId,
-    onChange: _ref8 => {
+    onChange: _ref10 => {
       let {
         label,
         value
-      } = _ref8;
+      } = _ref10;
       setSelectedBranchId(value);
       setLocalBranchId(value);
       const formulaCode = branchIdWithFormulaCode.get(value);

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

@@ -134,14 +134,14 @@ const getConfiguratorThemeClass = theme => {
 };
 exports.getConfiguratorThemeClass = getConfiguratorThemeClass;
 const getConfiguratorThemeClassByFormula = formula => {
-  switch (formula) {
-    case 'THC':
+  switch ((0, _constants__.getThemeFormulaForConfiguratorFormula)(formula)) {
+    case _constants__.CONFIGURATOR_FORMULAS.THC:
       return 'thc';
-    case 'TMG':
+    case _constants__.CONFIGURATOR_FORMULAS.TMG:
       return 'tmg';
-    case 'TOW':
-    case 'TH':
-    case 'TowMotive':
+    case _constants__.CONFIGURATOR_FORMULAS.TOW:
+    case _constants__.CONFIGURATOR_FORMULAS.TH:
+    case _constants__.CONFIGURATOR_FORMULAS.TowMotive:
       return 'tm';
     default:
       return '';

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

@@ -286,11 +286,11 @@ const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPri
     throw new Error('Failed to fetch the brands of the articles');
   }
   const articlesWithBrands = articles.map(article => {
-    var _ref3, _ref4, _preferredPricePart$p, _preferredPricePart$p2;
+    var _preferredPricePart$p, _ref3, _ref4, _preferredPricePart$p2, _ref5, _brandData$brandNumbe;
     const brandData = findBrandDataForArticle(article, brandResponse.data);
     const preferredPricePart = findPreferredPricePart(article);
-    const resolvedBrandNumber = (_ref3 = (_ref4 = (_preferredPricePart$p = preferredPricePart === null || preferredPricePart === void 0 ? void 0 : preferredPricePart.partBrandId) !== null && _preferredPricePart$p !== void 0 ? _preferredPricePart$p : brandData === null || brandData === void 0 ? void 0 : brandData.preferredPartBrandNumber) !== null && _ref4 !== void 0 ? _ref4 : brandData === null || brandData === void 0 ? void 0 : brandData.brandNumber) !== null && _ref3 !== void 0 ? _ref3 : _index2.DEFAULT_ARTICLE_BRAND;
-    const pricingPartNumber = (_preferredPricePart$p2 = preferredPricePart === null || preferredPricePart === void 0 ? void 0 : preferredPricePart.partNumber) !== null && _preferredPricePart$p2 !== void 0 ? _preferredPricePart$p2 : article.articleNumber;
+    const pricingPartNumber = (_preferredPricePart$p = preferredPricePart === null || preferredPricePart === void 0 ? void 0 : preferredPricePart.partNumber) !== null && _preferredPricePart$p !== void 0 ? _preferredPricePart$p : article.articleNumber;
+    const resolvedBrandNumber = preferredPricePart ? (_ref3 = (_ref4 = (_preferredPricePart$p2 = preferredPricePart === null || preferredPricePart === void 0 ? void 0 : preferredPricePart.partBrandId) !== null && _preferredPricePart$p2 !== void 0 ? _preferredPricePart$p2 : brandData === null || brandData === void 0 ? void 0 : brandData.preferredPartBrandNumber) !== null && _ref4 !== void 0 ? _ref4 : brandData === null || brandData === void 0 ? void 0 : brandData.brandNumber) !== null && _ref3 !== void 0 ? _ref3 : _index2.DEFAULT_ARTICLE_BRAND : (_ref5 = (_brandData$brandNumbe = brandData === null || brandData === void 0 ? void 0 : brandData.brandNumber) !== null && _brandData$brandNumbe !== void 0 ? _brandData$brandNumbe : brandData === null || brandData === void 0 ? void 0 : brandData.preferredPartBrandNumber) !== null && _ref5 !== void 0 ? _ref5 : _index2.DEFAULT_ARTICLE_BRAND;
     return _objectSpread(_objectSpread({}, article), {}, {
       brand: resolvedBrandNumber,
       pricingPartNumber
@@ -318,11 +318,11 @@ const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPri
     consumer: Object.fromEntries(consumerPrices.map(price => [price.partNumber, price])),
     location: Object.fromEntries(locationPrices.map(price => [price.partNumber, price]))
   };
-  let currentArticles = articlesWithBrands.map(_ref5 => {
+  let currentArticles = articlesWithBrands.map(_ref6 => {
     let {
         pricingPartNumber
-      } = _ref5,
-      article = _objectWithoutProperties(_ref5, _excluded);
+      } = _ref6,
+      article = _objectWithoutProperties(_ref6, _excluded);
     return _objectSpread(_objectSpread({}, article), {}, {
       consumerPrices: pricesMap.consumer[pricingPartNumber],
       locationPrices: pricesMap.location[pricingPartNumber]
@@ -331,10 +331,10 @@ const enrichArticlesWithBrandsAndPrices = exports.enrichArticlesWithBrandsAndPri
   return currentArticles;
 };
 const formatModelArticle = article => {
-  var _ref6, _article$name, _ref7, _article$description$, _article$description, _article$boldDescript, _article$boldDescript2, _article$specificatio, _article$images, _article$images2, _article$articleNumbe;
+  var _ref7, _article$name, _ref8, _article$description$, _article$description, _article$boldDescript, _article$boldDescript2, _article$specificatio, _article$images, _article$images2, _article$articleNumbe;
   return _objectSpread(_objectSpread({}, article), {}, {
-    name: (_ref6 = (_article$name = article.name) !== null && _article$name !== void 0 ? _article$name : article === null || article === void 0 ? void 0 : article.title) !== null && _ref6 !== void 0 ? _ref6 : null,
-    description: (_ref7 = (_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 && _ref7 !== void 0 ? _ref7 : null,
+    name: (_ref7 = (_article$name = article.name) !== null && _article$name !== void 0 ? _article$name : article === null || article === void 0 ? void 0 : article.title) !== null && _ref7 !== void 0 ? _ref7 : null,
+    description: (_ref8 = (_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 && _ref8 !== void 0 ? _ref8 : null,
     subTitle: (_article$boldDescript = article === null || article === void 0 || (_article$boldDescript2 = article.boldDescription) === null || _article$boldDescript2 === void 0 || (_article$boldDescript2 = _article$boldDescript2.ops) === null || _article$boldDescript2 === void 0 || (_article$boldDescript2 = _article$boldDescript2[0]) === null || _article$boldDescript2 === void 0 ? void 0 : _article$boldDescript2.insert) !== null && _article$boldDescript !== void 0 ? _article$boldDescript : null,
     specifications: Array.isArray(article === null || article === void 0 ? void 0 : article.specifications) ? article === null || article === void 0 ? void 0 : article.specifications.join(' \n ') : (_article$specificatio = article === null || article === void 0 ? void 0 : article.specifications) !== null && _article$specificatio !== void 0 ? _article$specificatio : null,
     image: article !== null && article !== void 0 && (_article$images = article.images) !== null && _article$images !== void 0 && _article$images[0] ? (0, _image.getImageFromHyper)({
@@ -349,11 +349,11 @@ const formatModelArticle = article => {
 const formatGenericArticle = article => {
   var _article$articleNumbe2, _article$type, _article$group, _article$subgroup;
   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(_ref8 => {
-    let [_, value] = _ref8;
+  const specification = specificationPairs.filter(_ref9 => {
+    let [_, value] = _ref9;
     return value;
-  }).map(_ref9 => {
-    let [label, value] = _ref9;
+  }).map(_ref10 => {
+    let [label, value] = _ref10;
     return "".concat(label, ": ").concat(value);
   }).join(' \n ');
   return _objectSpread(_objectSpread({}, article), {}, {

package/dist/src/shared/__hooks__/useBranchTheme.js

@@ -37,23 +37,19 @@ const useBranchTheme = () => {
     if (!formula) {
       return cachedTheme || _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakmontage;
     }
-    switch (formula) {
-      case _constants__.BRANCH_FORMULAS.Trekhaakmontage:
+    switch ((0, _constants__.getThemeFormulaForConfiguratorFormula)(formula)) {
       case _constants__.CONFIGURATOR_FORMULAS.THM:
         {
           return _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakmontage;
         }
-      case _constants__.BRANCH_FORMULAS.Trekhaakcentrum:
       case _constants__.CONFIGURATOR_FORMULAS.THC:
         {
           return _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum;
         }
-      case _constants__.BRANCH_FORMULAS.TowMotiveGroup:
       case _constants__.CONFIGURATOR_FORMULAS.TMG:
         {
           return _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup;
         }
-      case _constants__.BRANCH_FORMULAS.TowMotive:
       case _constants__.CONFIGURATOR_FORMULAS.TOW:
       case _constants__.CONFIGURATOR_FORMULAS.TH:
       case _constants__.CONFIGURATOR_FORMULAS.TowMotive:
@@ -62,7 +58,7 @@ const useBranchTheme = () => {
         }
       default:
         {
-          return cachedTheme;
+          return cachedTheme || null;
         }
     }
   }, [themeFromContext, cachedTheme, formula]);

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

@@ -54,8 +54,15 @@ function _interopRequireWildcard(e, r) {
 const NoProductsPage = () => {
   const mailLinkRef = (0, _react.useRef)(null);
   const formula = (0, _FormulaContext.useFormula)();
-  const themeClass = (0, _helpers__.getConfiguratorThemeClass)((0, _useBranchTheme.useBranchTheme)());
-  const contactDetails = _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[formula] || _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[_constants__.CONFIGURATOR_FORMULAS.THM];
+  const branchTheme = (0, _useBranchTheme.useBranchTheme)();
+  const themeClass = (0, _helpers__.getConfiguratorThemeClass)(branchTheme);
+  const fallbackFormulaByTheme = {
+    [_constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum]: _constants__.CONFIGURATOR_FORMULAS.THC,
+    [_constants__.BRANCH_THEME_BY_FORMULA.Trekhaakmontage]: _constants__.CONFIGURATOR_FORMULAS.THM,
+    [_constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup]: _constants__.CONFIGURATOR_FORMULAS.TMG,
+    [_constants__.BRANCH_THEME_BY_FORMULA.TowMotive]: _constants__.CONFIGURATOR_FORMULAS.TOW
+  };
+  const contactDetails = _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[(0, _constants__.getThemeFormulaForConfiguratorFormula)(formula)] || _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[fallbackFormulaByTheme[branchTheme]];
   const handleClick = () => {
     (0, _Datalayer.pushToDataLayer)({
       event: 'configurator',

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

@@ -50,8 +50,15 @@ function _interopRequireWildcard(e, r) {
 const InternalNoProductsPage = () => {
   const mailLinkRef = (0, _react.useRef)(null);
   const formula = (0, _FormulaContext.useFormula)();
-  const themeClass = (0, _helpers__.getConfiguratorThemeClass)((0, _useBranchTheme.useBranchTheme)());
-  const contactDetails = _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[formula] || _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[_constants__.CONFIGURATOR_FORMULAS.THM];
+  const branchTheme = (0, _useBranchTheme.useBranchTheme)();
+  const themeClass = (0, _helpers__.getConfiguratorThemeClass)(branchTheme);
+  const fallbackFormulaByTheme = {
+    [_constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum]: _constants__.CONFIGURATOR_FORMULAS.THC,
+    [_constants__.BRANCH_THEME_BY_FORMULA.Trekhaakmontage]: _constants__.CONFIGURATOR_FORMULAS.THM,
+    [_constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup]: _constants__.CONFIGURATOR_FORMULAS.TMG,
+    [_constants__.BRANCH_THEME_BY_FORMULA.TowMotive]: _constants__.CONFIGURATOR_FORMULAS.TOW
+  };
+  const contactDetails = _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[(0, _constants__.getThemeFormulaForConfiguratorFormula)(formula)] || _constants__.NO_PRODUCTS_CONTACT_DETAILS_BY_FORMULA[fallbackFormulaByTheme[branchTheme]];
   const handleClick = () => {
     if (mailLinkRef.current) {
       mailLinkRef.current.click();

package/package.json

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