thm-p3-configurator 0.0.365 → 0.0.367

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/__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__/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__/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__/singleOrderCustomerDetails.js

@@ -60,6 +60,7 @@ const getEmptySingleOrderCustomer = () => ({
   lastName: '',
   email: '',
   phoneNumber: '',
+  note: '',
   zipCode: '',
   houseNumber: '',
   houseNumberAddition: '',
@@ -114,6 +115,7 @@ const buildSingleOrderCustomerPayload = _ref3 => {
   const baseCustomer = _objectSpread(_objectSpread({}, getEmptySingleOrderCustomer()), customer);
   if (!webshop && !anderAfleveradres) {
     return _objectSpread(_objectSpread({}, getEmptySingleOrderCustomer()), {}, {
+      note: (customer === null || customer === void 0 ? void 0 : customer.note) || '',
       anderAfleveradres: false,
       afhalenInWinkel: false,
       anderFactuuradres: false

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/dist/src/shared/__pages__/internal/InternalSingleOrderPage.js

@@ -339,12 +339,14 @@ const InternalSingleOrderPage = () => {
       vehicle,
       ownershipType
     });
-    const customerPayload = (0, _helpers__.buildSingleOrderCustomerPayload)({
+    const customerPayload = _objectSpread(_objectSpread({}, (0, _helpers__.buildSingleOrderCustomerPayload)({
       customer,
       webshop,
       anderAfleveradres,
       afhalenInWinkel,
       ownershipType
+    })), {}, {
+      note: (customer === null || customer === void 0 ? void 0 : customer.note) || (internalNote === null || internalNote === void 0 ? void 0 : internalNote.internalNote) || ''
     });
     const businessContactPayload = (0, _helpers__.buildSingleOrderBusinessContactPayload)({
       customer: customerPayload,

package/package.json

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