thm-p3-configurator 0.0.460 → 0.0.462

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

@@ -541,7 +541,8 @@ exports.useSingleOrderCart = useSingleOrderCart;
 const useOrderDataQuery = exports.useOrderDataQuery = function useOrderDataQuery() {
   let orderParameters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const [{
-    existingDossierId
+    existingDossierId,
+    singleOrderFlowRevision
   }] = (0, _OrderSessionContext.useOrderSession)();
   const pricingFormula = (0, _usePricingFormula.usePricingFormula)();
   const normalizedOrderParams = (0, _queryKeyFactory.normalizeOrderParams)(_objectSpread(_objectSpread({}, orderParameters), {}, {
@@ -558,7 +559,7 @@ const useOrderDataQuery = exports.useOrderDataQuery = function useOrderDataQuery
     initialized
   } = (0, _AuthSessionContext.useAuthSession)();
   const isSessionContextReady = (0, _useSessionContextReady.useSessionContextReady)();
-  const orderQueryKey = APP_CONFIG.internal ? [...(0, _queryKeyFactory.getOrderQueryKey)(normalizedOrderParams), initialized, authenticated, isSessionContextReady] : (0, _queryKeyFactory.getOrderQueryKey)(normalizedOrderParams);
+  const orderQueryKey = APP_CONFIG.internal ? [...(0, _queryKeyFactory.getOrderQueryKey)(normalizedOrderParams), initialized, authenticated, isSessionContextReady, singleOrderFlowRevision] : (0, _queryKeyFactory.getOrderQueryKey)(normalizedOrderParams);
   const serializedOrderParams = (0, _queryKeyFactory.serializeOrderParams)(normalizedOrderParams);
   const hasOrderInput = (licensePlate === null || licensePlate === void 0 ? void 0 : licensePlate.length) > 5 || !!(model !== null && model !== void 0 && model.length);
   const orderQuery = (0, _reactQuery.useQuery)(orderQueryKey, {
@@ -704,6 +705,7 @@ const useQuestionsQuery = exports.useQuestionsQuery = function useQuestionsQuery
   const {
     orderData,
     isFetchingOrder,
+    isLoadingOrder,
     isOrderError,
     orderError
   } = useOrderDataQuery(normalizedQuestionParams);
@@ -719,7 +721,7 @@ const useQuestionsQuery = exports.useQuestionsQuery = function useQuestionsQuery
   }, [orderData === null || orderData === void 0 || (_orderData$executionA4 = orderData.executionAnswerOptions) === null || _orderData$executionA4 === void 0 ? void 0 : _orderData$executionA4.execution2AnswerOptions]);
   const durationQuestion = (0, _react.useMemo)(() => (0, _helpers__.parseArrayToInputOptions)(orderData === null || orderData === void 0 ? void 0 : orderData.durationAnswerOptions), [orderData === null || orderData === void 0 ? void 0 : orderData.durationAnswerOptions]);
   return {
-    isLoadingQuestions: isFetchingOrder,
+    isLoadingQuestions: isFetchingOrder || isLoadingOrder,
     isQuestionsError: isOrderError,
     execution1Answer: orderData === null || orderData === void 0 || (_orderData$answers = orderData.answers) === null || _orderData$answers === void 0 ? void 0 : _orderData$answers.execution1,
     execution2Answer: orderData === null || orderData === void 0 || (_orderData$answers2 = orderData.answers) === null || _orderData$answers2 === void 0 ? void 0 : _orderData$answers2.execution2,
@@ -733,14 +735,14 @@ const useQuestionsQuery = exports.useQuestionsQuery = function useQuestionsQuery
   };
 };
 const useSingleOrderBranchesQuery = branchesParams => {
-  var _branchesParams;
+  var _branchesParams, _branchesParams2;
   branchesParams = _objectSpread(_objectSpread({}, branchesParams), {}, {
     type: 'single-order'
   });
   const branchesParamsString = new URLSearchParams((0, _helpers__.removeNullishProps)(branchesParams)).toString();
   const branchesQuery = (0, _reactQuery.useQuery)(['single-order-branches', branchesParamsString], {
     queryFn: () => _authenticatedProxyApi.authenticatedProxyApi.getSingleOrderBranches(branchesParamsString).then(res => res.data),
-    enabled: !!((_branchesParams = branchesParams) !== null && _branchesParams !== void 0 && _branchesParams.branchTypeId)
+    enabled: !!((_branchesParams = branchesParams) !== null && _branchesParams !== void 0 && _branchesParams.branchTypeId) || (0, _constants__.isLooseOrderOnlyFormula)((_branchesParams2 = branchesParams) === null || _branchesParams2 === void 0 ? void 0 : _branchesParams2.formula)
   });
   return {
     isLoadingSingleOrderBranches: branchesQuery.isLoading,

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/ProductCardPortalNote.js

@@ -0,0 +1,61 @@
+"use strict";
+
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.js");
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+/**
+ * @description Partner-portal-only note on an extra article (Hyper
+ * `textPartnerPortalConfigurator`). Hyper sends a plain string or Quill ops;
+ * bold, italic, underline and colour are kept, and it is never truncated.
+ */
+const ProductCardPortalNote = _ref => {
+  let {
+    note
+  } = _ref;
+  const ops = Array.isArray(note === null || note === void 0 ? void 0 : note.ops) ? note.ops : typeof note === 'string' ? [{
+    insert: note
+  }] : [];
+  const parts = ops.filter(op => typeof (op === null || op === void 0 ? void 0 : op.insert) === 'string' && op.insert.length);
+  if (!parts.some(op => op.insert.trim())) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('mb-2'),
+    style: {
+      whiteSpace: 'pre-line'
+    }
+  }, parts.map((_ref2, index) => {
+    let {
+      insert,
+      attributes = {}
+    } = _ref2;
+    const content = attributes.bold ? /*#__PURE__*/_react.default.createElement("strong", null, insert) : insert;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: index,
+      style: {
+        color: attributes.color,
+        fontStyle: attributes.italic ? 'italic' : undefined,
+        textDecoration: attributes.underline ? 'underline' : undefined
+      }
+    }, content);
+  }));
+};
+var _default = exports.default = ProductCardPortalNote;

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

@@ -25,6 +25,7 @@ var _ProductCardCheckbox = _interopRequireDefault(require("./ProductCardCheckbox
 var _ProductCardDescription = _interopRequireDefault(require("./ProductCardDescription"));
 var _ProductCardDiscountAlert = _interopRequireDefault(require("./ProductCardDiscountAlert"));
 var _ProductCardImage = _interopRequireDefault(require("./ProductCardImage"));
+var _ProductCardPortalNote = _interopRequireDefault(require("./ProductCardPortalNote"));
 var _ProductCardPrice = _interopRequireDefault(require("./ProductCardPrice"));
 var _ProductCardRibbon = _interopRequireDefault(require("./ProductCardRibbon"));
 var _ProductCardSpecifications = _interopRequireDefault(require("./ProductCardSpecifications"));
@@ -129,7 +130,8 @@ const ProductCard = _ref => {
     isTmg = false,
     isBoardComputer = false,
     productSubgroup,
-    productWebsiteTitle
+    productWebsiteTitle,
+    productPortalNote = null
   } = _ref;
   const [isSelected, setIsSelected] = (0, _react.useState)(defaultSelected);
   const {
@@ -226,6 +228,8 @@ const ProductCard = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_ProductCardDescription.default, {
     description: productDescription,
     onDescriptionToggle: onDescriptionToggle
+  }), productPortalNote && /*#__PURE__*/_react.default.createElement(_ProductCardPortalNote.default, {
+    note: productPortalNote
   })), /*#__PURE__*/_react.default.createElement("div", {
     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", {

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.isInvoicedOrFinishedXdmsStatus = 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.INVOICED_OR_FINISHED_XDMS_STATUS_IDS = 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.isInvoicedOrFinishedXdmsStatus = 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.INVOICED_OR_FINISHED_XDMS_STATUS_IDS = 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");
@@ -48,19 +48,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',
@@ -249,17 +258,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;
@@ -291,7 +312,6 @@ const getConfiguratorFormulaCode = formula => {
   switch (normalizedFormula.toLowerCase()) {
     case 'tow':
     case 'tm':
-    case 'th':
     case 'towmotive':
       return CONFIGURATOR_FORMULAS.TOW;
     case 'tmg':
@@ -307,11 +327,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__/ExtraProductsOverview.js

@@ -173,7 +173,12 @@ const ExtraProductsOverview = () => {
           isRecommended: false,
           productId: product.articleNumber,
           productTitle: product.name,
-          productDescription: product.description,
+          productDescription: product.description
+          // Only the partner portal shows this note; the middleware
+          // only adds it to the private order as well.
+          ,
+
+          productPortalNote: APP_CONFIG.internal ? product.textPartnerPortalConfigurator : null,
           productImage: product !== null && product !== void 0 && (_product$images = product.images) !== null && _product$images !== void 0 && _product$images[0] ? (0, _image.getImageFromHyper)({
             imageId: product === null || product === void 0 || (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2[0]
           }) : _thLogoBlack.default,