thm-p3-configurator 0.0.86 → 0.0.88

package/dist/src/shared/__components__/Form/DropdownInput.js

@@ -107,7 +107,8 @@ const DropdownInput = _ref => {
     form,
     initialValue = '',
     errorMessage = '',
-    isClearable = false
+    isClearable = false,
+    isDisabled = false
   } = _ref;
   const [value, setValue] = (0, _react.useState)(() => {
     if (!initialValue || !(options !== null && options !== void 0 && options.length)) return null;
@@ -152,6 +153,7 @@ const DropdownInput = _ref => {
     classNamePrefix: (0, _helpers__.withStyle)('form-select'),
     onChange: option => handleChange(option),
     isLoading: isLoading,
+    isDisabled: isDisabled,
     styles: {
       menuList: base => _objectSpread(_objectSpread({}, base), {}, {
         maxHeight: lgSize ? '20vh' : xxlSize ? '10vh' : '18vh'

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VEHICLE_OWNERSHIP_TYPE = exports.USER_GEOLOCATION_KEY = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.ORDER_SESSION_KEY = 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.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.CONFIGURATOR_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
+exports.VESTIGING_TYPE_ID = exports.VEHICLE_OWNERSHIP_TYPE = exports.USER_GEOLOCATION_KEY = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.ORDER_SESSION_KEY = 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.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.CONFIGURATOR_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
 const DOSSIER_TYPES = exports.DOSSIER_TYPES = {
   Quotation: 'quotation',
   AppointmentRequest: 'appointment-request',
@@ -18,6 +18,7 @@ const FORM_ERROR_MESSAGES = exports.FORM_ERROR_MESSAGES = {
   licensePlateMin: 'Kenteken moet minimaal 6 characters bevatten',
   licensePlateMax: 'Kenteken mag maximaal 8 characters bevatten'
 };
+const VESTIGING_TYPE_ID = exports.VESTIGING_TYPE_ID = 'kyDouClQsfmXWWloLdwzG';
 const NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_INTERNAL = [{
   to: '/configurator/trekhaakpakket',
   title: '1. Trekhaakpakket',

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

@@ -84,7 +84,7 @@ const ButtonByType = _ref => {
   }
 };
 const BottomNavigationBar = () => {
-  var _history$location, _history$location2;
+  var _history$location, _history$location2, _history$location3;
   const history = (0, _reactRouterDom.useHistory)();
   const buttons = _constants__.NAVIGATION_BUTTONS === null || _constants__.NAVIGATION_BUTTONS === void 0 ? void 0 : _constants__.NAVIGATION_BUTTONS[history === null || history === void 0 || (_history$location = history.location) === null || _history$location === void 0 ? void 0 : _history$location.pathname];
   let [{
@@ -93,6 +93,7 @@ const BottomNavigationBar = () => {
     selectedCombiset,
     selectedBranch,
     existingDossierType,
+    existingDossierId,
     allowLocationChange,
     currentDossierType
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
@@ -111,10 +112,14 @@ const BottomNavigationBar = () => {
     className: (0, _helpers__.withStyle)('container justify-content-center')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row justify-content-center')
-  }, APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('col-12 mt-2 mb-1')
-  }, /*#__PURE__*/_react.default.createElement(_InternalPriceCalculationSelector.default, null)), buttons.map(_ref2 => {
-    var _history$location3, _history$location4;
+  }, APP_CONFIG.internal && (history === null || history === void 0 || (_history$location3 = history.location) === null || _history$location3 === void 0 ? void 0 : _history$location3.pathname) === '/configurator/trekhaakpakket' && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-7 mt-2 mb-1')
+  }, /*#__PURE__*/_react.default.createElement(_InternalPriceCalculationSelector.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-12')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('row justify-content-center')
+  }, buttons.map(_ref2 => {
+    var _history$location4;
     let {
       to,
       label,
@@ -154,8 +159,8 @@ const BottomNavigationBar = () => {
       state: {
         prevPathName: history.location.pathname
       },
-      isDisabled: !(existingDossierType === _constants__.DOSSIER_TYPES.Quotation && (history === null || history === void 0 || (_history$location3 = history.location) === null || _history$location3 === void 0 ? void 0 : _history$location3.pathname) === '/configurator/montagelocatie') && ((!selectedCableset || !selectedTowbar) && !selectedCombiset && type === 'next' || type === 'next' && (history === null || history === void 0 || (_history$location4 = history.location) === null || _history$location4 === void 0 ? void 0 : _history$location4.pathname) === '/configurator/montagelocatie' && !selectedBranch)
+      isDisabled: (!selectedCableset || !selectedTowbar) && !selectedCombiset && type === 'next' || type === 'next' && (history === null || history === void 0 || (_history$location4 = history.location) === null || _history$location4 === void 0 ? void 0 : _history$location4.pathname) === '/configurator/montagelocatie' && !selectedBranch
     })));
-  })))));
+  })))))));
 };
 var _default = exports.default = BottomNavigationBar;

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

@@ -26,6 +26,8 @@ var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
+var _useIsTmg = require("../__hooks__/useIsTmg");
+var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -60,6 +62,8 @@ const ExtraProductsOverview = () => {
   var _products$Extras;
   const isProductsInitialLoad = (0, _react.useRef)(true);
   const formula = (0, _FormulaContext.useFormula)();
+  const isTmg = (0, _useIsTmg.useIsTmg)();
+  const [skipFilters, setSkipFilters] = (0, _react.useState)(false);
   const [{
     licensePlate,
     model,
@@ -102,7 +106,8 @@ const ExtraProductsOverview = () => {
     selectBoardComputerUpdate: selectedBoardComputer != null,
     cart: cartInput ? JSON.stringify(cartInput) : undefined,
     formula,
-    discountCode
+    discountCode,
+    skipFilters
   });
   if (isLoadingProducts && isProductsInitialLoad.current === true) {
     isProductsInitialLoad.current = false;
@@ -142,7 +147,14 @@ const ExtraProductsOverview = () => {
   delete products[_constants__.PRODUCT_CATEGORIES.CABLESET];
   delete products[_constants__.PRODUCT_CATEGORIES.COMBISET];
   delete products[_constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(products).map((_ref3, index) => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isTmg && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+    name: 'skipFilters',
+    initialValue: skipFilters,
+    onChange: value => {
+      setSkipFilters(value);
+    },
+    label: "Toon alle artikelen"
+  }), Object.entries(products).map((_ref3, index) => {
     let [productCategory, productsPerCategory] = _ref3;
     if (!productsPerCategory.length || productCategory !== _constants__.PRODUCT_CATEGORIES.EXTRAS) {
       return null;

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

@@ -32,11 +32,13 @@ var _ProductCard = _interopRequireDefault(require("../__components__/ProductCard
 var _FullPageSpinner = _interopRequireDefault(require("../__components__/Spinners/FullPageSpinner"));
 var _constants__ = require("../__constants__");
 var _FormulaContext = require("../__context__/FormulaContext");
+var _useIsTmg = require("../__hooks__/useIsTmg");
 var _OrderSessionContext = require("../__context__/OrderSessionContext");
 var _helpers__ = require("../__helpers__");
 var _image = require("../__helpers__/image");
 var _product = require("../__helpers__/product");
 var _BoardComputerCard = _interopRequireDefault(require("./BoardComputerCard"));
+var _CheckboxInput = _interopRequireDefault(require("../__components__/Form/CheckboxInput"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -71,6 +73,8 @@ const ProductsOverview = () => {
   var _products$Trekhaak, _products$Kabelset, _products$Combiset;
   const isProductsInitialLoad = (0, _react.useRef)(true);
   const formula = (0, _FormulaContext.useFormula)();
+  const isTmg = (0, _useIsTmg.useIsTmg)();
+  const [skipFilters, setSkipFilters] = (0, _react.useState)(false);
   const [{
     licensePlate,
     model,
@@ -116,7 +120,8 @@ const ProductsOverview = () => {
     cart: cartInput ? JSON.stringify(cartInput) : undefined,
     formula,
     discountCode,
-    priceCalculationDate
+    priceCalculationDate,
+    skipFilters
   });
   if (isLoadingProducts && isProductsInitialLoad.current === true) {
     isProductsInitialLoad.current = false;
@@ -183,7 +188,14 @@ const ProductsOverview = () => {
 
   // Filter out Extras category from products object
   delete products[_constants__.PRODUCT_CATEGORIES.EXTRAS];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(products).map((_ref3, index) => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isTmg && /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+    name: 'skipFilters',
+    initialValue: skipFilters,
+    onChange: value => {
+      setSkipFilters(value);
+    },
+    label: "Toon alle artikelen"
+  }), Object.entries(products).map((_ref3, index) => {
     let [productCategory, productsPerCategory] = _ref3;
     if (!productsPerCategory.length) {
       return null;

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

@@ -164,6 +164,7 @@ const InternalAppointmentForm = _ref => {
     channel,
     durationAnswer,
     allowLocationChange,
+    existingDossierId,
     selectedBoardComputer,
     selectedCableset,
     selectedCombiset,
@@ -395,7 +396,8 @@ const InternalAppointmentForm = _ref => {
           }
         }
       });
-    }
+    },
+    isDisabled: !!existingDossierId
   }), /*#__PURE__*/_react.default.createElement(_RadioButtons.default, {
     name: "ownershipType",
     label: "Type:",

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

@@ -3,6 +3,7 @@
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -13,6 +14,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -63,11 +65,11 @@ const NormalPageModalContent = _ref => {
     isLocation,
     selectedBranch,
     existingDossierId,
+    formula,
     dispatch
   } = _ref;
   const [_selectedBranchId, _setSelectedBranchId] = (0, _react.useState)();
   const [_branches, _setBranches] = (0, _react.useState)([]);
-  const formula = (0, _FormulaContext.useFormula)();
   const {
     myBranches,
     isLoadingMyBranches
@@ -132,7 +134,8 @@ const SingleOrderModalContent = _ref3 => {
     authSession,
     selectedBranch,
     dispatch,
-    isTMGOrganization
+    isTMGOrganization,
+    formula
   } = _ref3;
   const [singleOrderBranchType, setSingleOrderBranchType] = (0, _react.useState)();
   const [selectedBranchId, setLocalBranchId] = (0, _react.useState)();
@@ -144,14 +147,25 @@ const SingleOrderModalContent = _ref3 => {
     singleOrderBranches,
     isLoadingSingleOrderBranches
   } = (0, _queries.useSingleOrderBranchesQuery)({
-    branchTypeId: singleOrderBranchType,
+    branchTypeId: formula === _constants__.CONFIGURATOR_FORMULAS.TMG ? singleOrderBranchType : _constants__.VESTIGING_TYPE_ID,
     limit: 500,
     offset: 0
   });
+
+  // Filter branches based on formula if not TMG
+  const filteredBranches = _react.default.useMemo(() => {
+    if (formula === _constants__.CONFIGURATOR_FORMULAS.TMG || !singleOrderBranches) {
+      return singleOrderBranches;
+    }
+    return singleOrderBranches.filter(branch => {
+      var _branch$formule;
+      return (branch === null || branch === void 0 || (_branch$formule = branch.formule) === null || _branch$formule === void 0 ? void 0 : _branch$formule.code) === formula;
+    });
+  }, [singleOrderBranches, formula]);
   const branchIdWithFormulaCode = new Map();
-  singleOrderBranches === null || singleOrderBranches === void 0 || singleOrderBranches.forEach(branch => {
-    var _branch$formule$code, _branch$formule;
-    branchIdWithFormulaCode.set(branch === null || branch === void 0 ? void 0 : branch.entityId, (_branch$formule$code = branch === null || branch === void 0 || (_branch$formule = branch.formule) === null || _branch$formule === void 0 ? void 0 : _branch$formule.code) !== null && _branch$formule$code !== void 0 ? _branch$formule$code : _constants__.CONFIGURATOR_FORMULAS.THC);
+  filteredBranches === null || filteredBranches === void 0 || filteredBranches.forEach(branch => {
+    var _branch$formule$code, _branch$formule2;
+    branchIdWithFormulaCode.set(branch === null || branch === void 0 ? void 0 : branch.entityId, (_branch$formule$code = branch === null || branch === void 0 || (_branch$formule2 = branch.formule) === null || _branch$formule2 === void 0 ? void 0 : _branch$formule2.code) !== null && _branch$formule$code !== void 0 ? _branch$formule$code : _constants__.CONFIGURATOR_FORMULAS.THC);
   });
   (0, _react.useEffect)(() => {
     if (isLocation && !selectedBranch && !isTMGOrganization) {
@@ -164,7 +178,7 @@ const SingleOrderModalContent = _ref3 => {
       });
     }
   }, [dispatch, isLocation, authSession, selectedBranch, isTMGOrganization]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formula === _constants__.CONFIGURATOR_FORMULAS.TMG && /*#__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
@@ -185,8 +199,8 @@ const SingleOrderModalContent = _ref3 => {
       setSelectedBranchId(undefined);
       setLocalBranchId(undefined);
     }
-  }), singleOrderBranchType && /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
-    options: singleOrderBranches === null || singleOrderBranches === void 0 ? void 0 : singleOrderBranches.map(branch => ({
+  }), (formula === _constants__.CONFIGURATOR_FORMULAS.TMG ? singleOrderBranchType : true) && /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
+    options: filteredBranches === null || filteredBranches === void 0 ? void 0 : filteredBranches.map(branch => ({
       label: branch === null || branch === void 0 ? void 0 : branch.name,
       value: branch === null || branch === void 0 ? void 0 : branch.entityId
     })),
@@ -221,6 +235,7 @@ const InternalBranchSelectorModal = () => {
   const [_selectedBranchId, _setSelectedBranchId] = (0, _react.useState)();
   const authSession = _LocalStorageWorker.lsw.getJson(_constants__.AUTH_SESSION_KEY);
   const isSingleOrderPage = (0, _useIsSingleOrder.default)();
+  const formula = (0, _FormulaContext.useFormula)();
   const isTMGOrganization = _react.default.useMemo(() => {
     var _branchTypes$byId$aut, _authSession$branch2;
     return (branchTypes === null || branchTypes === void 0 || (_branchTypes$byId$aut = branchTypes.byId[authSession === null || authSession === void 0 || (_authSession$branch2 = authSession.branch) === null || _authSession$branch2 === void 0 || (_authSession$branch2 = _authSession$branch2.organisatietype) === null || _authSession$branch2 === void 0 ? void 0 : _authSession$branch2[0]]) === null || _branchTypes$byId$aut === void 0 ? void 0 : _branchTypes$byId$aut.title) === _constants__.TMG_ORGANIZATION_TYPE;
@@ -262,7 +277,8 @@ const InternalBranchSelectorModal = () => {
     authSession: authSession,
     selectedBranch: selectedBranch,
     dispatch: dispatch,
-    isTMGOrganization: isTMGOrganization
+    isTMGOrganization: isTMGOrganization,
+    formula: formula
   }) : /*#__PURE__*/_react.default.createElement(NormalPageModalContent, {
     setSelectedBranchId: _setSelectedBranchId,
     isTMGOrganization: isTMGOrganization,
@@ -270,7 +286,8 @@ const InternalBranchSelectorModal = () => {
     authSession: authSession,
     selectedBranch: selectedBranch,
     existingDossierId: existingDossierId,
-    dispatch: dispatch
+    dispatch: dispatch,
+    formula: formula
   }));
 };
 var _default = exports.default = InternalBranchSelectorModal;

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

@@ -47,7 +47,7 @@ const InternalCancelDossierEdit = () => {
     className: (0, _helpers__.withStyle)('col-12 col-md-8 mb-1 mb-md-0')
   }, /*#__PURE__*/_react.default.createElement("p", {
     className: (0, _helpers__.withStyle)('mb-0')
-  }, ' ', "U bewerkt het dossier", ' ', /*#__PURE__*/_react.default.createElement("strong", null, (dossierById === null || dossierById === void 0 ? void 0 : dossierById.title) || existingDossierId, " "))), /*#__PURE__*/_react.default.createElement("div", {
+  }, ' ', "U bewerkt het dossier ", /*#__PURE__*/_react.default.createElement("strong", null, dossierById === null || dossierById === void 0 ? void 0 : dossierById.title, " "))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12 col-md-4')
   }, /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
     type: "button",
@@ -56,6 +56,6 @@ const InternalCancelDossierEdit = () => {
       className: "fa fa-times"
     }), " Wijzigingen annuleren"),
     onClick: handleCancel
-  }))));
+  }), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("em", null, "Dossier ID: ", (dossierById === null || dossierById === void 0 ? void 0 : dossierById.dossierId) || existingDossierId))));
 };
 var _default = exports.default = InternalCancelDossierEdit;

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

@@ -149,6 +149,7 @@ const InternalQuotationForm = _ref => {
     executionAnswer2,
     priceCalculationDate,
     durationAnswer,
+    existingDossierId,
     selectedBoardComputer,
     selectedCableset,
     selectedCombiset,
@@ -297,6 +298,7 @@ const InternalQuotationForm = _ref => {
     name: "channel",
     label: "Kanaal:",
     isRequired: true,
+    isDisabled: !!existingDossierId,
     isLoading: isLoadingMarketingChannels,
     noOptionsMessage: "Geen opties beschikbaar",
     placeholder: "Maak een keuze",

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

@@ -18,11 +18,11 @@ var _DangerAlert = _interopRequireDefault(require("../../__components__/DangerAl
 var _CheckboxInput = _interopRequireDefault(require("../../__components__/Form/CheckboxInput"));
 var _DropdownInput = _interopRequireDefault(require("../../__components__/Form/DropdownInput"));
 var _TextInput = _interopRequireDefault(require("../../__components__/Form/TextInput"));
-var _constants__ = require("../../__constants__");
 var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
 var _useAuthSession = require("../../__hooks__/useAuthSession");
+var _useIsTmg = require("../../__hooks__/useIsTmg");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -82,11 +82,7 @@ const InternalSingleOrderFilters = /*#__PURE__*/(0, _react.forwardRef)((_ref, re
   const {
     branch
   } = (0, _useAuthSession.useAuthSession)();
-  const isTmg = (0, _react.useMemo)(() => {
-    var _branchTypes$byId;
-    const branchType = branchTypes === null || branchTypes === void 0 || (_branchTypes$byId = branchTypes.byId) === null || _branchTypes$byId === void 0 ? void 0 : _branchTypes$byId[branch === null || branch === void 0 ? void 0 : branch.organisatietype];
-    return (branchType === null || branchType === void 0 ? void 0 : branchType.title) === _constants__.TMG_ORGANIZATION_TYPE;
-  }, [branchTypes, branch]);
+  const isTmg = (0, _useIsTmg.useIsTmg)();
   const [selectedArticleType, setSelectedArticleType] = (0, _react.useState)('');
   const [selectedArticleGroup, setSelectedArticleGroup] = (0, _react.useState)('');
   const [selectedArticleSubGroup, setSelectedArticleSubGroup] = (0, _react.useState)('');
@@ -131,9 +127,7 @@ const InternalSingleOrderFilters = /*#__PURE__*/(0, _react.forwardRef)((_ref, re
     }
   }, [selectedArticleGroup]);
   (0, _react.useEffect)(() => {
-    if (!licensePlate && !model) {
-      onFilterChange('showAllArticles', showAllArticles);
-    }
+    onFilterChange('showAllArticles', showAllArticles);
   }, [showAllArticles]);
   (0, _react.useEffect)(() => {
     if (!licensePlate && !model) {
@@ -245,7 +239,6 @@ const InternalSingleOrderFilters = /*#__PURE__*/(0, _react.forwardRef)((_ref, re
     name: 'showAllArticles',
     initialValue: showAllArticles,
     onChange: value => {
-      resetLicensePlateFilters();
       setShowAllArticles(value);
     },
     label: "Toon alle artikelen"

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsTmg = void 0;
+var _react = require("react");
+var _queries = require("../__api__/queries");
+var _constants__ = require("../__constants__");
+var _useAuthSession = require("./useAuthSession");
+const useIsTmg = () => {
+  const {
+    branchTypes
+  } = (0, _queries.useBranchTypes)();
+  const {
+    branch
+  } = (0, _useAuthSession.useAuthSession)();
+  return (0, _react.useMemo)(() => {
+    var _branchTypes$byId;
+    const branchType = branchTypes === null || branchTypes === void 0 || (_branchTypes$byId = branchTypes.byId) === null || _branchTypes$byId === void 0 ? void 0 : _branchTypes$byId[branch === null || branch === void 0 ? void 0 : branch.organisatietype];
+    return (branchType === null || branchType === void 0 ? void 0 : branchType.title) === _constants__.TMG_ORGANIZATION_TYPE;
+  }, [branchTypes, branch]);
+};
+exports.useIsTmg = useIsTmg;

package/package.json

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