thm-p3-configurator 0.0.445 → 0.0.448

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

@@ -9,6 +9,9 @@ var _logoPrimaryIcon = _interopRequireDefault(require("../../../public/assets/im
 var _logoThcWhite = _interopRequireDefault(require("../../../public/assets/images/logo-thc-white.svg"));
 var _logoTmgPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-tmg-primary.png"));
 var _tmLogo = _interopRequireDefault(require("../../../public/assets/images/tm-logo.png"));
+var _logoWbPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-wb-primary.png"));
+var _logoThlPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-thl-primary.png"));
+var _logoThPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-th-primary.png"));
 var _constants__ = require("../__constants__");
 var _helpers__ = require("../__helpers__");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");
@@ -17,12 +20,53 @@ function _interopRequireDefault(e) {
     default: e
   };
 }
+const getHeaderLogo = theme => {
+  switch (theme) {
+    case _constants__.BRANCH_THEME_BY_FORMULA.TowMotive:
+      return {
+        src: _tmLogo.default,
+        alt: 'TowMotive'
+      };
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum:
+      return {
+        src: _logoThcWhite.default,
+        alt: 'Trekhaakcentrum'
+      };
+    case _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup:
+      return {
+        src: _logoTmgPrimary.default,
+        alt: 'TowMotive Group'
+      };
+    case _constants__.BRANCH_THEME_BY_FORMULA.WestfaliaBenelux:
+      return {
+        src: _logoWbPrimary.default,
+        alt: 'Westfalia Benelux'
+      };
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakland:
+      return {
+        src: _logoThlPrimary.default,
+        alt: 'Trekhaakland'
+      };
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaken:
+      return {
+        src: _logoThPrimary.default,
+        alt: 'Trekhaken.nl'
+      };
+    default:
+      return {
+        src: _logoPrimaryIcon.default,
+        alt: 'Trekhaak Montage'
+      };
+  }
+};
 const Header = _ref => {
   let {
     title,
     subtitle = ''
   } = _ref;
   const theme = (0, _useBranchTheme.useBranchTheme)();
+  const headerLogo = getHeaderLogo(theme);
+  const isWebshopTheme = theme === _constants__.BRANCH_THEME_BY_FORMULA.WestfaliaBenelux || theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakland || theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaken;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)("hero hero--offset")
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -32,9 +76,9 @@ const Header = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col hero__logo-container')
   }, /*#__PURE__*/_react.default.createElement("img", {
-    className: (0, _helpers__.withStyle)("hero__logo ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'hero__logo--tmg' : '')),
-    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoPrimaryIcon.default,
-    alt: "Trekhaak Montage"
+    className: (0, _helpers__.withStyle)("hero__logo ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'hero__logo--tmg' : '', " ").concat(isWebshopTheme ? 'hero__logo--webshop' : '')),
+    src: headerLogo.src,
+    alt: headerLogo.alt
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('hero__inner d-none d-lg-block')
   }, /*#__PURE__*/_react.default.createElement("h2", null, (title === null || title === void 0 ? void 0 : title.length) > 0 ? title : 'Trekhaak offerte opstellen'), (subtitle === null || subtitle === void 0 ? void 0 : subtitle.length) > 0 && /*#__PURE__*/_react.default.createElement("p", {

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

@@ -9,6 +9,9 @@ var _logoThcWhite = _interopRequireDefault(require("../../../public/assets/image
 var _logoTmgPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-tmg-primary.png"));
 var _logoWhite = _interopRequireDefault(require("../../../public/assets/images/logo-white.svg"));
 var _tmLogo = _interopRequireDefault(require("../../../public/assets/images/tm-logo.png"));
+var _logoWbPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-wb-primary.png"));
+var _logoThlPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-thl-primary.png"));
+var _logoThPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-th-primary.png"));
 var _constants__ = require("../__constants__");
 var _helpers__ = require("../__helpers__");
 var _Datalayer = require("../__services__/Datalayer");
@@ -40,8 +43,8 @@ const Navbar = _ref => {
     })
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('img-fluid'),
-    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
-    alt: "Trekhaakmontage"
+    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.WestfaliaBenelux ? _logoWbPrimary.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakland ? _logoThlPrimary.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaken ? _logoThPrimary.default : _logoWhite.default,
+    alt: "Logo"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('navbar__phone ms-10 d-none d-sm-flex')
   }, /*#__PURE__*/_react.default.createElement("p", {

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

@@ -109,6 +109,7 @@ const ProductCard = _ref => {
     isRecommended = false,
     productId,
     productTitle,
+    productOrientation,
     productDescription,
     stock = null,
     productUsps = [],
@@ -186,7 +187,9 @@ const ProductCard = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ProductCardPrice.default, {
     price: productDiscountedPrice < productPrice ? productPrice : productDiscountedPrice,
     discountedPrice: productDiscountedPrice < productPrice ? productDiscountedPrice : productPrice
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))), productOrientation && /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('card-title__orientation')
+  }, /*#__PURE__*/_react.default.createElement("strong", null, productOrientation)), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('card-text row no-gutters flex-wrap align-items-bottom justify-content-start')
   }, /*#__PURE__*/_react.default.createElement(_ProductCardUsps.default, {
     usps: productUsps

package/dist/src/shared/__components__/Spinners/FullPageSpinner.js

@@ -13,6 +13,9 @@ var _logoThcWhite = _interopRequireDefault(require("../../../../public/assets/im
 var _logoTmgPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-tmg-primary.png"));
 var _tmLogo = _interopRequireDefault(require("../../../../public/assets/images/tm-logo.png"));
 var _logoWhite = _interopRequireDefault(require("../../../../public/assets/images/logo-white.png"));
+var _logoWbPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-wb-primary.png"));
+var _logoThlPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-thl-primary.png"));
+var _logoThPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-th-primary.png"));
 var _constants__ = require("../../__constants__");
 var _helpers__ = require("../../__helpers__");
 var _useBranchTheme = require("../../__hooks__/useBranchTheme");
@@ -66,7 +69,7 @@ const FullPageSpinner = _ref => {
     className: "fas fa-cog fa-spin"
   }), ' '), children ? children : /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('loader__logo'),
-    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
+    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotive ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.WestfaliaBenelux ? _logoWbPrimary.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakland ? _logoThlPrimary.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaken ? _logoThPrimary.default : _logoWhite.default,
     alt: "Trekhaak Montage - Configurator"
   }));
 };

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

@@ -32,6 +32,7 @@ var _queries = require("../../__api__/queries");
 var _constants__ = require("../../__constants__");
 var _AuthSessionContext = require("../../__context__/AuthSessionContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
+var _FormulaContext = require("../../__context__/FormulaContext");
 var _openingHours = require("../../__helpers__/openingHours");
 var _helpers__ = require("../../__helpers__");
 var _countryOptions = require("../../__helpers__/countryOptions");
@@ -162,7 +163,7 @@ const customerDetailsFormSchema = (0, _yup.object)({
   })
 });
 const InternalCustomerDetailsForm = (_ref, ref) => {
-  var _appointment$time$get, _appointment$time, _appointment$time$get2, _appointment$date$get, _appointment$date, _appointment$date$get2, _customer$vatNumber, _customer$kvkNumber, _branchTypes$byId$aut, _authSession$branch, _authSession$branch2, _ref5, _appointment$date$get3, _appointment$date2, _appointment$date2$ge;
+  var _appointment$time$get, _appointment$time, _appointment$time$get2, _appointment$date$get, _appointment$date, _appointment$date$get2, _customer$vatNumber, _customer$kvkNumber, _branchTypes$byId$aut, _authSession$branch, _ref5, _appointment$date$get3, _appointment$date2, _appointment$date2$ge;
   let {
     errors = {},
     onValidationError,
@@ -176,6 +177,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     internalNote,
     vehicle,
     webshop,
+    singleOrderFormulaCode,
     isTowCenterBranch,
     anderAfleveradres
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
@@ -246,6 +248,9 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     }
   }, [openingstijden, appointment === null || appointment === void 0 ? void 0 : appointment.date, dispatch]);
   const authSession = (0, _AuthSessionContext.useAuthSession)();
+  const orderFormula = (0, _FormulaContext.useFormula)();
+  const activeOrderFormula = singleOrderFormulaCode || orderFormula;
+  const isLooseOrderOnly = (0, _constants__.isLooseOrderOnlyFormula)(activeOrderFormula);
   const isTmg = (0, _useIsTmg.useIsTmg)();
   const [companySearchTerm, setCompanySearchTerm] = (0, _react.useState)('');
   const [isCompanyInputFocused, setIsCompanyInputFocused] = (0, _react.useState)(false);
@@ -392,7 +397,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     isLoadingBusinessBranches
   } = (0, _queries.useBusinessBranches)({
     searchTerm: companySearchTerm,
-    formula: authSession === null || authSession === void 0 || (_authSession$branch2 = authSession.branch) === null || _authSession$branch2 === void 0 ? void 0 : _authSession$branch2.formule,
+    formula: activeOrderFormula,
     enabled: isBusinessOwnership
   });
   (0, _react.useEffect)(() => {
@@ -1019,7 +1024,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     isRequired: false,
     form: form,
     label: "Contact e-mailadres:"
-  }))))))), !webshop && /*#__PURE__*/_react.default.createElement("div", {
+  }))))))), !webshop && !isLooseOrderOnly && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12')
   }, /*#__PURE__*/_react.default.createElement(_CardWide.default, null, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row')

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

@@ -16,6 +16,21 @@ describe('__constants__/formula helpers', () => {
     expect((0, _index.getConfiguratorFormulaCode)('tbe')).toBe(_index.CONFIGURATOR_FORMULAS.TBE);
     expect((0, _index.getConfiguratorFormulaCode)('abc')).toBe('ABC');
   });
+  it.each([['WB', _index.CONFIGURATOR_FORMULAS.WB], ['Westfalia Benelux', _index.CONFIGURATOR_FORMULAS.WB], ['AzVoLXTpISqiGtVvntWIO', _index.CONFIGURATOR_FORMULAS.WB], ['THL', _index.CONFIGURATOR_FORMULAS.THL], ['Trekhaakland', _index.CONFIGURATOR_FORMULAS.THL], ['FDvtPDAYzUM_kUtlPAhoH', _index.CONFIGURATOR_FORMULAS.THL], ['TH', _index.CONFIGURATOR_FORMULAS.TH], ['Trekhaken.nl', _index.CONFIGURATOR_FORMULAS.TH], ['dRnsTvJGhmmkTrkgmivap', _index.CONFIGURATOR_FORMULAS.TH]])('normalizes %s to %s', (formula, expectedCode) => {
+    expect((0, _index.getConfiguratorFormulaCode)(formula)).toBe(expectedCode);
+    expect((0, _index.getConfiguratorFormulaCode)({
+      entityId: formula
+    })).toBe(expectedCode);
+  });
+  it.each([[_index.CONFIGURATOR_FORMULAS.WB, 'Westfalia Benelux'], [_index.CONFIGURATOR_FORMULAS.THL, 'Trekhaakland'], [_index.CONFIGURATOR_FORMULAS.TH, 'Trekhaken.nl']])('normalizes the %s title and marks it loose-order-only', (formula, title) => {
+    expect((0, _index.getConfiguratorFormulaTitle)(formula)).toBe(title);
+    expect((0, _index.isLooseOrderOnlyFormula)(formula)).toBe(true);
+  });
+  it('does not change existing formula normalization', () => {
+    expect((0, _index.getConfiguratorFormulaCode)('TM')).toBe(_index.CONFIGURATOR_FORMULAS.TOW);
+    expect((0, _index.getConfiguratorFormulaCode)('TowMotive Group')).toBe(_index.CONFIGURATOR_FORMULAS.TMG);
+    expect((0, _index.isLooseOrderOnlyFormula)(_index.CONFIGURATOR_FORMULAS.TMG)).toBe(false);
+  });
   it('treats TBE as THC-family for theme decisions only', () => {
     expect((0, _index.isThcFamilyFormula)(_index.CONFIGURATOR_FORMULAS.THC)).toBe(true);
     expect((0, _index.isThcFamilyFormula)(_index.CONFIGURATOR_FORMULAS.TBE)).toBe(true);

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

@@ -6,7 +6,7 @@ require("core-js/modules/es.string.trim.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.normalizeFormulaForOrderApi = 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.COUNTRY_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.normalizeFormulaForOrderApi = exports.mapBranchFormulaToConfiguratorFormula = exports.isThcFamilyFormula = exports.isLooseOrderOnlyFormula = exports.getThemeFormulaForConfiguratorFormula = exports.getConfiguratorFormulaTitle = 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.LOOSE_ORDER_ONLY_FORMULAS = 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.COUNTRY_NAMES = exports.CONFIGURATOR_FORMULA_TITLES = exports.CONFIGURATOR_FORMULA_ENTITY_IDS = 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");
@@ -36,19 +36,28 @@ const BRANCH_FORMULAS = exports.BRANCH_FORMULAS = {
   Trekhaakcentrum: 'Trekhaakcentrum',
   TowMotiveGroup: 'TowMotive Group',
   TowMotive: 'TowMotive',
-  Trekhaakmontage: 'Trekhaakmontage'
+  Trekhaakmontage: 'Trekhaakmontage',
+  WestfaliaBenelux: 'Westfalia Benelux',
+  Trekhaakland: 'Trekhaakland',
+  Trekhaken: 'Trekhaken.nl'
 };
 const BRANCH_THEME_BY_FORMULA = exports.BRANCH_THEME_BY_FORMULA = {
   Trekhaakcentrum: 'thc',
   Trekhaakmontage: 'thm',
   TowMotiveGroup: 'tmg',
-  TowMotive: 'tm'
+  TowMotive: 'tm',
+  WestfaliaBenelux: 'wb',
+  Trekhaakland: 'thl',
+  Trekhaken: 'th'
 };
 const PARTNER_PORTAL_PAGE_TITLES_BY_THEME = exports.PARTNER_PORTAL_PAGE_TITLES_BY_THEME = {
   [BRANCH_THEME_BY_FORMULA.Trekhaakmontage]: 'Trekhaakmontage - Partner Portal',
   [BRANCH_THEME_BY_FORMULA.Trekhaakcentrum]: 'Trekhaakcentrum - Partner Portal',
   [BRANCH_THEME_BY_FORMULA.TowMotiveGroup]: 'TowMotive Group - Partner Portal',
-  [BRANCH_THEME_BY_FORMULA.TowMotive]: 'TowMotive - Partner Portal'
+  [BRANCH_THEME_BY_FORMULA.TowMotive]: 'TowMotive - Partner Portal',
+  [BRANCH_THEME_BY_FORMULA.WestfaliaBenelux]: 'Westfalia Benelux - Partner Portal',
+  [BRANCH_THEME_BY_FORMULA.Trekhaakland]: 'Trekhaakland - Partner Portal',
+  [BRANCH_THEME_BY_FORMULA.Trekhaken]: 'Trekhaken.nl - Partner Portal'
 };
 const DAY_NAMES = exports.DAY_NAMES = {
   monday: 'Maandag',
@@ -237,17 +246,29 @@ const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
   TMG: 'TMG',
   TOW: 'TOW',
   TM: 'TOW',
+  WB: 'WB',
   THL: 'THL',
   TH: 'TH',
   TowMotive: 'TowMotive'
 };
+const CONFIGURATOR_FORMULA_ENTITY_IDS = exports.CONFIGURATOR_FORMULA_ENTITY_IDS = {
+  WB: 'AzVoLXTpISqiGtVvntWIO',
+  THL: 'FDvtPDAYzUM_kUtlPAhoH',
+  TH: 'dRnsTvJGhmmkTrkgmivap'
+};
+const CONFIGURATOR_FORMULA_TITLES = exports.CONFIGURATOR_FORMULA_TITLES = {
+  [CONFIGURATOR_FORMULAS.WB]: 'Westfalia Benelux',
+  [CONFIGURATOR_FORMULAS.THL]: 'Trekhaakland',
+  [CONFIGURATOR_FORMULAS.TH]: 'Trekhaken.nl'
+};
+const LOOSE_ORDER_ONLY_FORMULAS = exports.LOOSE_ORDER_ONLY_FORMULAS = [CONFIGURATOR_FORMULAS.WB, CONFIGURATOR_FORMULAS.THL, CONFIGURATOR_FORMULAS.TH];
 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);
+    var _ref, _ref2, _ref3, _ref4, _formula$code;
+    return normalizeFormulaInput((_ref = (_ref2 = (_ref3 = (_ref4 = (_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 && _ref4 !== void 0 ? _ref4 : formula === null || formula === void 0 ? void 0 : formula.entityId) !== 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;
@@ -279,7 +300,6 @@ const getConfiguratorFormulaCode = formula => {
   switch (normalizedFormula.toLowerCase()) {
     case 'tow':
     case 'tm':
-    case 'th':
     case 'towmotive':
       return CONFIGURATOR_FORMULAS.TOW;
     case 'tmg':
@@ -295,11 +315,32 @@ const getConfiguratorFormulaCode = formula => {
     case 'thm':
     case 'trekhaakmontage':
       return CONFIGURATOR_FORMULAS.THM;
+    case 'wb':
+    case 'westfalia benelux':
+    case 'azvolxtpisqigtvvntwio':
+      return CONFIGURATOR_FORMULAS.WB;
+    case 'thl':
+    case 'trekhaakland':
+    case 'fdvtpdayzum_kutlpahoh':
+      return CONFIGURATOR_FORMULAS.THL;
+    case 'th':
+    case 'trekhaken':
+    case 'trekhaken.nl':
+    case 'drnstvjghmmktrkgmivap':
+      return CONFIGURATOR_FORMULAS.TH;
     default:
       return normalizedFormula.includes(' ') ? normalizedFormula : normalizedFormula.toUpperCase();
   }
 };
 exports.getConfiguratorFormulaCode = getConfiguratorFormulaCode;
+const getConfiguratorFormulaTitle = formula => {
+  var _CONFIGURATOR_FORMULA;
+  const normalizedFormula = getConfiguratorFormulaCode(formula);
+  return (_CONFIGURATOR_FORMULA = CONFIGURATOR_FORMULA_TITLES[normalizedFormula]) !== null && _CONFIGURATOR_FORMULA !== void 0 ? _CONFIGURATOR_FORMULA : normalizedFormula;
+};
+exports.getConfiguratorFormulaTitle = getConfiguratorFormulaTitle;
+const isLooseOrderOnlyFormula = formula => LOOSE_ORDER_ONLY_FORMULAS.includes(getConfiguratorFormulaCode(formula));
+exports.isLooseOrderOnlyFormula = isLooseOrderOnlyFormula;
 const isThcFamilyFormula = formula => {
   const normalizedFormula = getConfiguratorFormulaCode(formula);
   return normalizedFormula === CONFIGURATOR_FORMULAS.THC || normalizedFormula === CONFIGURATOR_FORMULAS.TBE;

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

@@ -109,7 +109,8 @@ const ProductCartSide = () => {
     montageRate,
     extraPriceAmount,
     discountCode,
-    priceCalculationDate
+    priceCalculationDate,
+    skipFilters
   } = order;
   const isTmg = (0, _useIsTmg.useIsTmg)();
   const isTowmotive = (0, _useIsTowmotive.useIsTowmotive)();
@@ -128,7 +129,9 @@ const ProductCartSide = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
-  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput) || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
+  // Use the session skipFilters so this query matches the product page's;
+  // an unfiltered request can return a different catalogue than the page.
+  const shouldRequestUnfilteredProducts = skipFilters || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
   const {
     cart,
     totals,

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

@@ -280,7 +280,8 @@ const ProductCartTable = () => {
     touchedConsumerDiscounts,
     montageRate,
     isMontageTariffFixed,
-    extraPriceAmount
+    extraPriceAmount,
+    skipFilters
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
 
   // Determine display mode
@@ -354,10 +355,9 @@ const ProductCartTable = () => {
     consumerDiscounts,
     touchedConsumerDiscounts
   });
-  // Also request unfiltered products when editing an existing dossier with
-  // article numbers that could not be classified into selectedTowbar etc. during
-  // hydration (e.g. formula-specific articles not in the TM catalogue).
-  const shouldRequestUnfilteredProducts = (0, _product.shouldRequestUnfilteredProductsForCart)(cartInput) || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
+  // Use the session skipFilters so this query matches the product page's;
+  // an unfiltered request can return a different catalogue than the page.
+  const shouldRequestUnfilteredProducts = skipFilters || Boolean(existingDossierId && (allArticleNumbers === null || allArticleNumbers === void 0 ? void 0 : allArticleNumbers.length) > 0);
   const durationAnswerForQuery = durationAnswerIsPrefilled ? undefined : durationAnswer;
   const {
     cart,

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

@@ -456,6 +456,7 @@ const ProductsOverview = () => {
           })
         });
       }
+      const towbarOrientation = !APP_CONFIG.internal && (productCategory === _constants__.PRODUCT_CATEGORIES.TOWBAR || productCategory === _constants__.PRODUCT_CATEGORIES.COMBISET) ? (0, _product.getDetachableTowbarOrientation)(product === null || product === void 0 ? void 0 : product.subgroupName) : null;
       return /*#__PURE__*/_react.default.createElement(_ProductCard.default, {
         isTmg: isTmg,
         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,
@@ -463,7 +464,8 @@ const ProductsOverview = () => {
         hasCheckbox: (productsPerCategory === null || productsPerCategory === void 0 ? void 0 : productsPerCategory.length) > 1,
         isRecommended: isRecommended,
         productId: product === null || product === void 0 ? void 0 : product.articleNumber,
-        productTitle: product === null || product === void 0 ? void 0 : product.subgroupName,
+        productTitle: towbarOrientation ? (0, _product.getTowbarInfoTitle)(product === null || product === void 0 ? void 0 : product.subgroupName) : product === null || product === void 0 ? void 0 : product.subgroupName,
+        productOrientation: towbarOrientation,
         productDescription: product === null || product === void 0 ? void 0 : product.productDescription,
         productUsps: [{
           type: 'excl',

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

@@ -30,6 +30,7 @@ var _DropdownInput = _interopRequireDefault(require("../../__components__/Form/D
 var _Modal = _interopRequireDefault(require("../../__components__/Modal"));
 var _FullPageSpinner = _interopRequireDefault(require("../../__components__/Spinners/FullPageSpinner"));
 var _constants__ = require("../../__constants__");
+var _singleOrderWebshop = require("../../__helpers__/singleOrderWebshop");
 var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
@@ -209,6 +210,15 @@ const SingleOrderModalContent = _ref6 => {
   } = (0, _queries.useBranchTypes)();
   const [singleOrderBranchType, setSingleOrderBranchType] = (0, _react.useState)();
   const [selectedBranchId, setLocalBranchId] = (0, _react.useState)();
+  const normalizedFormula = (0, _constants__.getConfiguratorFormulaCode)(formula);
+  const shouldShowBranchTypeSelector = (0, _singleOrderBranchSelector.shouldShowSingleOrderBranchTypeSelector)({
+    isTmgOrganization: isTMGOrganization,
+    formula: normalizedFormula
+  });
+  const previousDependenciesRef = (0, _react.useRef)({
+    formula: normalizedFormula,
+    branchTypeId: singleOrderBranchType
+  });
   const {
     singleOrderBranchTypes,
     isLoadingSingleOrderBranchTypes
@@ -217,17 +227,41 @@ const SingleOrderModalContent = _ref6 => {
     singleOrderBranches,
     isLoadingSingleOrderBranches
   } = (0, _queries.useSingleOrderBranchesQuery)({
-    branchTypeId: formula === _constants__.CONFIGURATOR_FORMULAS.TMG ? singleOrderBranchType : _constants__.VESTIGING_TYPE_ID,
-    formula: (0, _constants__.getConfiguratorFormulaCode)(formula),
+    branchTypeId: (0, _singleOrderBranchSelector.getSingleOrderBranchTypeId)({
+      isTmgOrganization: isTMGOrganization,
+      formula: normalizedFormula,
+      selectedBranchTypeId: singleOrderBranchType
+    }),
+    formula: normalizedFormula,
     limit: 500,
     offset: 0
   });
-  // Filter branches based on formula if not TMG
+  (0, _react.useEffect)(() => {
+    const previousDependencies = previousDependenciesRef.current;
+    if ((0, _singleOrderBranchSelector.shouldResetSingleOrderBranchSelection)({
+      previousFormula: previousDependencies.formula,
+      formula: normalizedFormula,
+      previousBranchTypeId: previousDependencies.branchTypeId,
+      branchTypeId: singleOrderBranchType
+    })) {
+      setSelectedBranchId(undefined);
+      setLocalBranchId(undefined);
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_SINGLE_ORDER_FORMULA_CODE,
+        payload: {
+          formulaCode: null
+        }
+      });
+    }
+    previousDependenciesRef.current = {
+      formula: normalizedFormula,
+      branchTypeId: singleOrderBranchType
+    };
+  }, [dispatch, normalizedFormula, setSelectedBranchId, singleOrderBranchType]);
   const filteredBranches = _react.default.useMemo(() => {
-    if (formula === _constants__.CONFIGURATOR_FORMULAS.TMG || !singleOrderBranches) {
+    if (normalizedFormula === _constants__.CONFIGURATOR_FORMULAS.TMG || !singleOrderBranches) {
       return singleOrderBranches;
     }
-    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);
@@ -236,23 +270,23 @@ const SingleOrderModalContent = _ref6 => {
       }
       return branchFormula === normalizedFormula;
     });
-  }, [singleOrderBranches, formula]);
+  }, [singleOrderBranches, normalizedFormula]);
   const branchIdWithFormulaCode = new Map();
   filteredBranches === null || filteredBranches === void 0 || filteredBranches.forEach(branch => {
     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));
+    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 : normalizedFormula);
   });
   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),
+    label: (0, _singleOrderBranchSelector.getSingleOrderBranchOptionLabel)(branch),
     value: branch === null || branch === void 0 ? void 0 : branch.entityId
   }));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formula === _constants__.CONFIGURATOR_FORMULAS.TMG && /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldShowBranchTypeSelector && /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
     options: singleOrderBranchTypes === null || singleOrderBranchTypes === void 0 ? void 0 : singleOrderBranchTypes.map(branchType => ({
       label: branchType === null || branchType === void 0 ? void 0 : branchType.title,
       value: branchType === null || branchType === void 0 ? void 0 : branchType.entityId
     })),
-    name: "channel",
-    label: "Branch soort:",
+    name: "branchType",
+    label: "Organisatietype:",
     isRequired: true,
     isLoading: isLoadingSingleOrderBranchTypes,
     noOptionsMessage: "Geen opties beschikbaar",
@@ -260,14 +294,13 @@ const SingleOrderModalContent = _ref6 => {
     initialValue: singleOrderBranchType,
     onChange: _ref9 => {
       let {
-        label,
         value
       } = _ref9;
       setSingleOrderBranchType(value);
       setSelectedBranchId(undefined);
       setLocalBranchId(undefined);
     }
-  }), (formula === _constants__.CONFIGURATOR_FORMULAS.TMG ? singleOrderBranchType : true) && /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
+  }), (!shouldShowBranchTypeSelector || singleOrderBranchType) && /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
     options: branchOptions,
     name: "branch",
     label: "Vestiging:",
@@ -312,6 +345,7 @@ const InternalBranchSelectorModal = () => {
   const [isDismissed, setIsDismissed] = (0, _react.useState)(false);
   const isSingleOrderPage = (0, _useIsSingleOrder.default)();
   const formula = (0, _FormulaContext.useFormula)();
+  const previousFormulaRef = (0, _react.useRef)(formula);
   const isTMGOrganization = (0, _useIsTmg.useIsTmg)();
   (0, _react.useEffect)(() => {
     _setSelectedBranchId(undefined);
@@ -321,12 +355,36 @@ const InternalBranchSelectorModal = () => {
     selectedBranch,
     existingDossierId,
     orderType,
+    webshop,
     licensePlate,
     model,
     singleOrderFlowRevision
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
+  const defaultWebshop = (0, _singleOrderWebshop.getWebshopForFormula)(formula);
   const previousSelectedBranchRef = (0, _react.useRef)(selectedBranch);
   const previousLocationKeyRef = (0, _react.useRef)(location.key);
+  (0, _react.useEffect)(() => {
+    if ((0, _singleOrderBranchSelector.shouldResetSingleOrderBranchSelection)({
+      previousFormula: previousFormulaRef.current,
+      formula
+    })) {
+      _setSelectedBranchId(undefined);
+      setIsDismissed(false);
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
+        payload: {
+          branchId: null
+        }
+      });
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_SINGLE_ORDER_FORMULA_CODE,
+        payload: {
+          formulaCode: null
+        }
+      });
+    }
+    previousFormulaRef.current = formula;
+  }, [dispatch, formula]);
   const {
     myBranches,
     isLoadingMyBranches
@@ -334,6 +392,26 @@ const InternalBranchSelectorModal = () => {
   const {
     branchById
   } = (0, _queries.useBranchByIdOrWidgetId)(selectedBranch);
+  (0, _react.useEffect)(() => {
+    if (!isSingleOrderPage || !defaultWebshop) {
+      return;
+    }
+    if (webshop === defaultWebshop && orderType === _OrderTypeSelectorModal.ORDER_TYPES.ONLINE) {
+      return;
+    }
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_WEBSHOP,
+      payload: {
+        webshop: defaultWebshop
+      }
+    });
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_ORDER_TYPE,
+      payload: {
+        orderType: _OrderTypeSelectorModal.ORDER_TYPES.ONLINE
+      }
+    });
+  }, [defaultWebshop, dispatch, isSingleOrderPage, orderType, webshop]);
   const shouldResolveMyBranchesBeforeOpening = APP_CONFIG.internal && !selectedBranch && !existingDossierId && !isSingleOrderPage && !isTMGOrganization && !isDismissed;
   const shouldAutoSelectSingleMyBranch = shouldResolveMyBranchesBeforeOpening && !isLoadingMyBranches && (myBranches === null || myBranches === void 0 ? void 0 : myBranches.length) === 1;
   const shouldWaitForMyBranchResolution = shouldResolveMyBranchesBeforeOpening && (isLoadingMyBranches || shouldAutoSelectSingleMyBranch);
@@ -391,7 +469,12 @@ const InternalBranchSelectorModal = () => {
       }
     });
   };
-  const shouldShowModalForSingleOrder = APP_CONFIG.internal && !selectedBranch && !existingDossierId && isSingleOrderPage && !isDismissed;
+  const shouldShowModalForSingleOrder = APP_CONFIG.internal && (0, _singleOrderBranchSelector.shouldOpenSingleOrderCustomerSelector)({
+    isSingleOrderPage,
+    selectedBranch,
+    existingDossierId,
+    isDismissed
+  });
   const shouldShowModalForOtherPages = APP_CONFIG.internal && !selectedBranch && !existingDossierId && !isSingleOrderPage && !isTMGOrganization && !shouldWaitForMyBranchResolution && !isDismissed;
 
   // Show loading state only when we actually need to show the modal
@@ -418,13 +501,13 @@ const InternalBranchSelectorModal = () => {
       className: "ms-3"
     }, "Vestigingen laden..."));
   }
-  if ((shouldShowModalForSingleOrder || shouldShowModalForOtherPages) && isTMGOrganization && formula === _constants__.CONFIGURATOR_FORMULAS.TMG && !orderType) {
+  if ((shouldShowModalForSingleOrder || shouldShowModalForOtherPages) && isTMGOrganization && formula === _constants__.CONFIGURATOR_FORMULAS.TMG && !orderType && !defaultWebshop) {
     return /*#__PURE__*/_react.default.createElement(_OrderTypeSelectorModal.default, {
       isOpen: true
     });
   }
   return /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    isOpen: (shouldShowModalForSingleOrder || shouldShowModalForOtherPages) && !(isTMGOrganization && orderType === _OrderTypeSelectorModal.ORDER_TYPES.ONLINE),
+    isOpen: shouldShowModalForSingleOrder || shouldShowModalForOtherPages,
     title: 'Kies een vestiging:',
     size: "wide",
     hasSecondaryButton: false,