thm-p3-configurator 0.0.445 → 0.0.447

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/__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,

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

@@ -47,6 +47,7 @@ const ORDER_TYPES = exports.ORDER_TYPES = {
   OFFLINE: 'offline'
 };
 const WEBSHOPS = exports.WEBSHOPS = {
+  WESTFALIA_BENELUX: 'Westfalia Benelux',
   TREKHAAKLAND: 'Trekhaakland',
   TREKHAKEN_NL: 'Trekhaken.nl'
 };
@@ -112,6 +113,13 @@ const OrderTypeSelectorModal = _ref => {
     },
     onClick: () => handleTypeSelect(ORDER_TYPES.OFFLINE)
   }, "Offline order")), step === 'webshop' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: (0, _helpers__.withStyle)('btn btn-outline-primary btn-lg w-100 d-flex align-items-center justify-content-center p-4'),
+    style: {
+      minHeight: '80px'
+    },
+    onClick: () => handleWebshopSelect(WEBSHOPS.WESTFALIA_BENELUX)
+  }, "Westfalia Benelux"), /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: (0, _helpers__.withStyle)('btn btn-outline-primary btn-lg w-100 d-flex align-items-center justify-content-center p-4'),
     style: {

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

@@ -46,4 +46,15 @@ describe('product helpers', () => {
     expect(result.priceInclVat).toBe(189);
     expect(result.priceExclVat).toBeCloseTo(156.2, 2);
   });
+});
+describe('getDetachableTowbarOrientation', () => {
+  it('returns horizontaal or verticaal for detachable towbars', () => {
+    expect((0, _product.getDetachableTowbarOrientation)('Trekhaken horizontaal afneembaar')).toBe('horizontaal');
+    expect((0, _product.getDetachableTowbarOrientation)('Trekhaken verticaal afneembaar')).toBe('verticaal');
+  });
+  it('does not infer a type for other hitch names', () => {
+    expect((0, _product.getDetachableTowbarOrientation)('Afneembare trekhaak')).toBeNull();
+    expect((0, _product.getDetachableTowbarOrientation)('Trekhaken vast')).toBeNull();
+    expect((0, _product.getDetachableTowbarOrientation)('')).toBeNull();
+  });
 });

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

@@ -0,0 +1,64 @@
+"use strict";
+
+var _singleOrderBranchSelector = require("../singleOrderBranchSelector");
+var _constants__ = require("../../__constants__");
+describe('single-order branch selector helpers', () => {
+  it.each([_constants__.CONFIGURATOR_FORMULAS.TMG, _constants__.CONFIGURATOR_FORMULAS.WB, _constants__.CONFIGURATOR_FORMULAS.THL, _constants__.CONFIGURATOR_FORMULAS.TH])('shows dependent organization types for TMG formula %s', formula => {
+    expect((0, _singleOrderBranchSelector.shouldShowSingleOrderBranchTypeSelector)({
+      isTmgOrganization: true,
+      formula
+    })).toBe(true);
+    expect((0, _singleOrderBranchSelector.getSingleOrderBranchTypeId)({
+      isTmgOrganization: true,
+      formula,
+      selectedBranchTypeId: 'type-id'
+    })).toBe('type-id');
+  });
+  it('still opens the two-field customer picker for webshop formulas', () => {
+    expect((0, _singleOrderBranchSelector.shouldOpenSingleOrderCustomerSelector)({
+      isSingleOrderPage: true,
+      selectedBranch: null,
+      existingDossierId: null,
+      isDismissed: false
+    })).toBe(true);
+    expect((0, _singleOrderBranchSelector.shouldOpenSingleOrderCustomerSelector)({
+      isSingleOrderPage: true,
+      selectedBranch: 'branch-id',
+      existingDossierId: null,
+      isDismissed: false
+    })).toBe(false);
+  });
+  it('keeps the fixed branch type for non-TMG organizations', () => {
+    expect((0, _singleOrderBranchSelector.getSingleOrderBranchTypeId)({
+      isTmgOrganization: false,
+      formula: _constants__.CONFIGURATOR_FORMULAS.WB,
+      selectedBranchTypeId: 'type-id'
+    })).toBe(_constants__.VESTIGING_TYPE_ID);
+  });
+  it('resets a branch when its formula or organization type changes', () => {
+    expect((0, _singleOrderBranchSelector.shouldResetSingleOrderBranchSelection)({
+      previousFormula: _constants__.CONFIGURATOR_FORMULAS.WB,
+      formula: _constants__.CONFIGURATOR_FORMULAS.THL,
+      previousBranchTypeId: 'webshop',
+      branchTypeId: 'webshop'
+    })).toBe(true);
+    expect((0, _singleOrderBranchSelector.shouldResetSingleOrderBranchSelection)({
+      previousFormula: _constants__.CONFIGURATOR_FORMULAS.WB,
+      formula: _constants__.CONFIGURATOR_FORMULAS.WB,
+      previousBranchTypeId: 'webshop',
+      branchTypeId: 'customer'
+    })).toBe(true);
+    expect((0, _singleOrderBranchSelector.shouldResetSingleOrderBranchSelection)({
+      previousFormula: 'Westfalia Benelux',
+      formula: _constants__.CONFIGURATOR_FORMULAS.WB,
+      previousBranchTypeId: 'webshop',
+      branchTypeId: 'webshop'
+    })).toBe(false);
+  });
+  it('formats branch options as branch name followed by organization name', () => {
+    expect((0, _singleOrderBranchSelector.getSingleOrderBranchOptionLabel)({
+      naamVestiging: 'Rotterdam',
+      name: 'Voorbeeld B.V.'
+    })).toBe('Rotterdam - Voorbeeld B.V.');
+  });
+});

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _constants__ = require("../../__constants__");
+var _singleOrderWebshop = require("../singleOrderWebshop");
+describe('single-order webshop helpers', () => {
+  it.each([[_constants__.CONFIGURATOR_FORMULAS.WB, _singleOrderWebshop.WEBSHOPS.WESTFALIA_BENELUX], ['Westfalia Benelux', _singleOrderWebshop.WEBSHOPS.WESTFALIA_BENELUX], [_constants__.CONFIGURATOR_FORMULAS.THL, _singleOrderWebshop.WEBSHOPS.TREKHAAKLAND], ['Trekhaakland', _singleOrderWebshop.WEBSHOPS.TREKHAAKLAND], [_constants__.CONFIGURATOR_FORMULAS.TH, _singleOrderWebshop.WEBSHOPS.TREKHAKEN_NL], ['Trekhaken.nl', _singleOrderWebshop.WEBSHOPS.TREKHAKEN_NL], [_constants__.CONFIGURATOR_FORMULAS.TMG, null]])('maps formula %s to webshop %s', (formula, webshop) => {
+    expect((0, _singleOrderWebshop.getWebshopForFormula)(formula)).toBe(webshop);
+  });
+  it.each([['Westfalia Benelux', _constants__.CONFIGURATOR_FORMULAS.WB], ['westfalia trekhaken', _constants__.CONFIGURATOR_FORMULAS.WB], ['Trekhaakland', _constants__.CONFIGURATOR_FORMULAS.THL], ['Trekhaken.nl', _constants__.CONFIGURATOR_FORMULAS.TH], ['trekhaken', _constants__.CONFIGURATOR_FORMULAS.TH]])('maps webshop %s back to formula %s', (webshop, formula) => {
+    expect((0, _singleOrderWebshop.getSingleOrderFormulaForWebshop)(webshop)).toBe(formula);
+  });
+  it('uses Shopify only for Trekhaakland and Trekhaken.nl', () => {
+    expect((0, _singleOrderWebshop.isShopifyWebshop)(_singleOrderWebshop.WEBSHOPS.TREKHAAKLAND)).toBe(true);
+    expect((0, _singleOrderWebshop.isShopifyWebshop)(_singleOrderWebshop.WEBSHOPS.TREKHAKEN_NL)).toBe(true);
+    expect((0, _singleOrderWebshop.isShopifyWebshop)(_singleOrderWebshop.WEBSHOPS.WESTFALIA_BENELUX)).toBe(false);
+  });
+});

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

@@ -150,6 +150,12 @@ const getConfiguratorThemeClass = theme => {
       return 'tm';
     case _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup:
       return 'tmg';
+    case _constants__.BRANCH_THEME_BY_FORMULA.WestfaliaBenelux:
+      return 'wb';
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakland:
+      return 'thl';
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaken:
+      return 'th';
     default:
       return '';
   }
@@ -161,8 +167,13 @@ const getConfiguratorThemeClassByFormula = formula => {
       return 'thc';
     case _constants__.CONFIGURATOR_FORMULAS.TMG:
       return 'tmg';
-    case _constants__.CONFIGURATOR_FORMULAS.TOW:
+    case _constants__.CONFIGURATOR_FORMULAS.WB:
+      return 'wb';
+    case _constants__.CONFIGURATOR_FORMULAS.THL:
+      return 'thl';
     case _constants__.CONFIGURATOR_FORMULAS.TH:
+      return 'th';
+    case _constants__.CONFIGURATOR_FORMULAS.TOW:
     case _constants__.CONFIGURATOR_FORMULAS.TowMotive:
       return 'tm';
     default:
@@ -179,6 +190,12 @@ const getConfiguratorButtonVariant = exports.getConfiguratorButtonVariant = func
       return outline ? 'outline-tm-primary' : 'tm-primary';
     case _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup:
       return outline ? 'outline-tmg-primary' : 'tmg-primary';
+    case _constants__.BRANCH_THEME_BY_FORMULA.WestfaliaBenelux:
+      return outline ? 'outline-wb-primary' : 'wb-primary';
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakland:
+      return outline ? 'outline-thl-primary' : 'thl-primary';
+    case _constants__.BRANCH_THEME_BY_FORMULA.Trekhaken:
+      return outline ? 'outline-th-primary' : 'th-primary';
     default:
       return outline ? 'outline-primary' : 'primary';
   }

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

@@ -9,12 +9,11 @@ require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateCartInput = exports.shouldSelectBoardComputerUpdate = exports.shouldRequestUnfilteredProductsForCart = exports.resolveSingleOrderArticlePrices = exports.parseProductSpecifications = exports.getEffectiveBoardComputerSelection = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = exports.buildCartInput = void 0;
+exports.validateCartInput = exports.shouldSelectBoardComputerUpdate = exports.resolveSingleOrderArticlePrices = exports.parseProductSpecifications = exports.getTowbarInfoTitle = exports.getEffectiveBoardComputerSelection = exports.getDetachableTowbarOrientation = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = exports.buildCartInput = void 0;
 require("core-js/modules/es.array.flat-map.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.unscopables.flat-map.js");
@@ -24,7 +23,6 @@ require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _constants__ = require("../__constants__");
 function ownKeys(e, r) {
@@ -98,16 +96,6 @@ const validateCartInput = exports.validateCartInput = function validateCartInput
   }
   return;
 };
-
-/**
- * @description Cart overviews resolve selected articles from the order article lists.
- * If the user selected an article that only appears with skipFilters enabled,
- * those read-only lookups must request the unfiltered product list too.
- */
-const shouldRequestUnfilteredProductsForCart = exports.shouldRequestUnfilteredProductsForCart = function shouldRequestUnfilteredProductsForCart() {
-  let cart = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return Array.isArray(cart) && cart.some(lineItem => (lineItem === null || lineItem === void 0 ? void 0 : lineItem.articleNumber) != null);
-};
 const getEffectiveBoardComputerSelection = exports.getEffectiveBoardComputerSelection = function getEffectiveBoardComputerSelection() {
   var _ref3;
   let {
@@ -227,11 +215,39 @@ const checkIfTowbarIsRecommended = _ref8 => {
   } = _ref8;
   return category === _constants__.PRODUCT_CATEGORIES.TOWBAR && ((product === null || product === void 0 ? void 0 : product.subgroupName.toLowerCase().includes('afneembaar')) || (product === null || product === void 0 || (_product$subgroupName = product.subgroupName) === null || _product$subgroupName === void 0 ? void 0 : _product$subgroupName.toLowerCase().includes('afneembare')));
 };
+exports.checkIfTowbarIsRecommended = checkIfTowbarIsRecommended;
+const getTowbarInfoTitle = title => {
+  const lower = (title || '').toLowerCase();
+  if (lower.includes('afneemba')) {
+    return 'Afneembare trekhaak';
+  }
+  if (lower.includes('wegklapba') || lower.includes('wegdraai')) {
+    return 'Wegklapbare trekhaak';
+  }
+  if (lower.includes('vast')) {
+    return 'Vaste trekhaak';
+  }
+  return title;
+};
+exports.getTowbarInfoTitle = getTowbarInfoTitle;
+const getDetachableTowbarOrientation = title => {
+  const lower = (title || '').toLowerCase();
+  if (!lower.includes('afneemba')) {
+    return null;
+  }
+  if (lower.includes('horizontaal')) {
+    return 'horizontaal';
+  }
+  if (lower.includes('verticaal')) {
+    return 'verticaal';
+  }
+  return null;
+};
 
 /**
  * @description Formats the description of a product
  */
-exports.checkIfTowbarIsRecommended = checkIfTowbarIsRecommended;
+exports.getDetachableTowbarOrientation = getDetachableTowbarOrientation;
 const formatHyperDescription = description => {
   return description === null || description === void 0 ? void 0 : description.ops.map(phrase => phrase.insert).join('');
 };