thm-p3-configurator 0.0.48 → 0.0.50

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

@@ -273,7 +273,7 @@ const useSingleOrderArticles = exports.useSingleOrderArticles = function useSing
           totalCount
         } = await (0, _singleOrderArticles.fetchArticlesByArticleNumbers)([articleNumber]));
       }
-      if (totalCount === 0) {
+      if (totalCount === 0 || !articles.length) {
         return {
           articles: [],
           totalArticles: 0

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

@@ -101,6 +101,7 @@ const DropdownInput = _ref => {
     noOptionsMessage: _noOptionsMessage = 'Geen opties beschikbaar',
     placeholder = 'Maak een keuze',
     onChange,
+    className,
     form,
     initialValue = '',
     errorMessage = '',
@@ -117,7 +118,7 @@ const DropdownInput = _ref => {
     onChange(option);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)("form-group form-select__group ".concat(errorMessage !== null && errorMessage !== void 0 && errorMessage.length ? 'is-invalid' : ''))
+    className: (0, _helpers__.withStyle)("form-group form-select__group ".concat(errorMessage !== null && errorMessage !== void 0 && errorMessage.length ? 'is-invalid' : '', " ").concat(className))
   }, /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: name,
     className: (0, _helpers__.withStyle)('form-label')

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

@@ -52,7 +52,8 @@ const TextInput = _ref => {
     isRequired = true,
     form,
     label,
-    errorMessage = ''
+    errorMessage = '',
+    className = ''
   } = _ref;
   const [value, setValue] = (0, _react.useState)(initialValue);
   (0, _react.useEffect)(() => {
@@ -65,7 +66,7 @@ const TextInput = _ref => {
     onChange(newValue);
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('form-group')
+    className: (0, _helpers__.withStyle)("form-group ".concat(className))
   }, label && /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: name,
     className: (0, _helpers__.withStyle)('form-label')

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

@@ -81,7 +81,7 @@ const ProductSpecifications = _ref3 => {
 };
 const ProductActions = _ref4 => {
   let {
-    isDisabled,
+    isOutOfStock,
     quantity,
     productId,
     handleQuantityChange,
@@ -92,11 +92,11 @@ const ProductActions = _ref4 => {
     className: (0, _helpers__.withStyle)('d-flex justify-content-end')
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end')
-  }, isDisabled && /*#__PURE__*/_react.default.createElement("div", {
+  }, isOutOfStock && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('text-danger mb-1')
-  }, "Out of stock"), /*#__PURE__*/_react.default.createElement("div", {
+  }, "Niet op voorraad"), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('d-flex align-items-center')
-  }, !isDisabled && /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
+  }, /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
     className: (0, _helpers__.withStyle)('me-2 rounded'),
     width: "100px",
     height: "55px",
@@ -105,7 +105,6 @@ const ProductActions = _ref4 => {
     buttonTransformY: 40
   }), quantity === 0 ? /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
     onClick: () => handleSelected(productId, quantity + 1),
-    isDisabled: isDisabled,
     label: "Toevoegen"
   }) : /*#__PURE__*/_react.default.createElement(_OutlinedButton.default, {
     onClick: () => removeFromCart(productId),
@@ -116,7 +115,7 @@ const SingleOrderProductCard = _ref5 => {
   let {
     productId,
     isSelected,
-    isDisabled,
+    isOutOfStock,
     handleSelected,
     productImage,
     productTitle,
@@ -129,8 +128,7 @@ const SingleOrderProductCard = _ref5 => {
   } = _ref5;
   return /*#__PURE__*/_react.default.createElement("div", {
     key: productId + "-".concat(Date.now()),
-    className: (0, _helpers__.withStyle)("card card__horizontal card__link ".concat(isSelected ? 'active' : '', " container-fluid p-0 my-3")),
-    disabled: isDisabled
+    className: (0, _helpers__.withStyle)("card card__horizontal card__link ".concat(isSelected ? 'active' : '', " container-fluid p-0 my-3"))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('row g-0')
   }, /*#__PURE__*/_react.default.createElement(ProductImage, {
@@ -148,7 +146,7 @@ const SingleOrderProductCard = _ref5 => {
   }), /*#__PURE__*/_react.default.createElement(ProductSpecifications, {
     specifications: productSpecifications
   })), /*#__PURE__*/_react.default.createElement(ProductActions, {
-    isDisabled: isDisabled,
+    isOutOfStock: isOutOfStock,
     quantity: quantity,
     productId: productId,
     handleQuantityChange: handleQuantityChange,

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

@@ -26,11 +26,11 @@ var _queries = require("../../__api__/queries");
 var _constants__ = require("../../__constants__");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
-var _LinkButton = _interopRequireDefault(require("../Buttons/LinkButton"));
 var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
+var _LinkButton = _interopRequireDefault(require("../Buttons/LinkButton"));
 var _CardWide = _interopRequireDefault(require("../Cards/CardWide"));
-var _TextInput = _interopRequireDefault(require("../Form/TextInput"));
 var _DropdownInput = _interopRequireDefault(require("../Form/DropdownInput"));
+var _TextInput = _interopRequireDefault(require("../Form/TextInput"));
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -111,11 +111,7 @@ const customerDetailsFormSchema = (0, _yup.object)({
   infix: (0, _yup.string)().nullable(),
   lastName: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
   email: (0, _yup.string)().email(_constants__.FORM_ERROR_MESSAGES.email).required(_constants__.FORM_ERROR_MESSAGES.required),
-  phoneNumber: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  zipCode: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  houseNumber: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  streetName: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  city: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required)
+  phoneNumber: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required)
 });
 const InternalCustomerDetailsForm = (_ref, ref) => {
   var _branchTypes$byId$aut, _authSession$branch;
@@ -160,24 +156,6 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         phoneNumber: branchById === null || branchById === void 0 ? void 0 : branchById.phone
       }
     });
-    dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ZIP_CODE,
-      payload: {
-        zipCode: branchById === null || branchById === void 0 ? void 0 : branchById.postalCode
-      }
-    });
-    dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_STREET_NAME,
-      payload: {
-        streetName: branchById === null || branchById === void 0 ? void 0 : branchById.street
-      }
-    });
-    dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_CITY,
-      payload: {
-        city: branchById === null || branchById === void 0 ? void 0 : branchById.city
-      }
-    });
   };
   const validateForm = async () => {
     try {
@@ -213,9 +191,8 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: 'Vestiginggegevens invullen?',
     onClick: handleAutofillButtonClicked,
     isDisabled: !branchById
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('col-12 col-md-6 mb-2')
-  }, /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
+  })), /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
+    className: 'col-12 col-md-6',
     options: marketingChannels === null || marketingChannels === void 0 ? void 0 : marketingChannels.map(channel => ({
       label: channel === null || channel === void 0 ? void 0 : channel.title,
       value: channel
@@ -251,6 +228,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
       });
     }
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
     placeholder: "",
     initialValue: customer.firstName,
     name: "firstName",
@@ -265,6 +243,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: "Voornaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['firstName']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
     placeholder: "",
     initialValue: customer.infix,
     name: "infix",
@@ -279,6 +258,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: "Tussenvoegsel:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['infix']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
     placeholder: "",
     initialValue: customer.lastName,
     name: "lastName",
@@ -293,6 +273,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: "Achternaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['lastName']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
     placeholder: "",
     initialValue: customer.email,
     name: "email",
@@ -306,9 +287,8 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     form: form,
     label: "E-mailadres:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['email']
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _helpers__.withStyle)('col-12 col-md-6')
-  }, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
     placeholder: "",
     initialValue: customer.phoneNumber,
     name: "phoneNumber",
@@ -322,62 +302,6 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     isRequired: true,
     label: "Telefoonnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['phoneNumber']
-  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
-    initialValue: customer.zipCode,
-    name: "zipCode",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ZIP_CODE,
-      payload: {
-        zipCode: value
-      }
-    }),
-    form: form,
-    isRequired: true,
-    label: "Postcode:",
-    errorMessage: errors === null || errors === void 0 ? void 0 : errors['zipCode']
-  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
-    initialValue: customer.houseNumber,
-    name: "houseNumber",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_HOUSE_NUMBER,
-      payload: {
-        houseNumber: value
-      }
-    }),
-    form: form,
-    isRequired: true,
-    label: "Huisnummer:",
-    errorMessage: errors === null || errors === void 0 ? void 0 : errors['houseNumber']
-  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
-    initialValue: customer.streetName,
-    name: "streetName",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_STREET_NAME,
-      payload: {
-        streetName: value
-      }
-    }),
-    form: form,
-    isRequired: true,
-    label: "Straat:",
-    errorMessage: errors === null || errors === void 0 ? void 0 : errors['streetName']
-  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
-    initialValue: customer.city,
-    name: "city",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_CITY,
-      payload: {
-        city: value
-      }
-    }),
-    form: form,
-    isRequired: true,
-    label: "Stad:",
-    errorMessage: errors === null || errors === void 0 ? void 0 : errors['city']
-  })))));
+  }))));
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(InternalCustomerDetailsForm);

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.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.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.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',
@@ -130,6 +130,7 @@ const CONFIGURATOR_FORMULAS = exports.CONFIGURATOR_FORMULAS = {
   THC: 'THC'
 };
 const TMG_ORGANIZATION_TYPE = exports.TMG_ORGANIZATION_TYPE = 'TowMotive Group';
+const LOCATION_TYPE = exports.LOCATION_TYPE = 'Vestiging';
 const ANWB_DISCOUNT_CODE = exports.ANWB_DISCOUNT_CODE = 'ANWBTHC25';
 const AUTH_SESSION_KEY = exports.AUTH_SESSION_KEY = '__authSession';
 const VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = {

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

@@ -64,6 +64,10 @@ const InternalBranchSelectorModal = () => {
     var _branchTypes$byId$aut, _authSession$branch;
     return (branchTypes === null || branchTypes === void 0 || (_branchTypes$byId$aut = branchTypes.byId[authSession === null || authSession === void 0 || (_authSession$branch = authSession.branch) === null || _authSession$branch === void 0 || (_authSession$branch = _authSession$branch.organisatietype) === null || _authSession$branch === void 0 ? void 0 : _authSession$branch[0]]) === null || _branchTypes$byId$aut === void 0 ? void 0 : _branchTypes$byId$aut.title) === _constants__.TMG_ORGANIZATION_TYPE;
   }, [branchTypes, authSession]);
+  const isLocation = _react.default.useMemo(() => {
+    var _branchTypes$byId$aut2, _authSession$branch2;
+    return (branchTypes === null || branchTypes === void 0 || (_branchTypes$byId$aut2 = 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$aut2 === void 0 ? void 0 : _branchTypes$byId$aut2.title) === _constants__.LOCATION_TYPE;
+  }, [branchTypes, authSession]);
   const {
     myBranches,
     isLoadingMyBranches
@@ -87,7 +91,7 @@ const InternalBranchSelectorModal = () => {
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   (0, _react.useEffect)(() => {
     var _branches$;
-    const shouldAutoSelect = !isSingleOrderPage && !existingDossierId && !isTMGOrganization && (_branches === null || _branches === void 0 ? void 0 : _branches.length) === 1 && !selectedBranch;
+    const shouldAutoSelect = !isSingleOrderPage && !isLocation && !existingDossierId && !isTMGOrganization && (_branches === null || _branches === void 0 ? void 0 : _branches.length) === 1 && !selectedBranch;
     if (!shouldAutoSelect) return;
     dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
@@ -95,7 +99,18 @@ const InternalBranchSelectorModal = () => {
         branchId: (_branches$ = _branches[0]) === null || _branches$ === void 0 ? void 0 : _branches$.entityId
       }
     });
-  }, [selectedBranch, branchTypes, authSession, existingDossierId, isSingleOrderPage]);
+  }, [selectedBranch, branchTypes, authSession, isLocation, existingDossierId, isSingleOrderPage]);
+  (0, _react.useEffect)(() => {
+    if (isLocation && !selectedBranch) {
+      var _authSession$branch3;
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
+        payload: {
+          branchId: authSession === null || authSession === void 0 || (_authSession$branch3 = authSession.branch) === null || _authSession$branch3 === void 0 ? void 0 : _authSession$branch3.entityId
+        }
+      });
+    }
+  }, [dispatch, isLocation, authSession, selectedBranch]);
   const handlePrimaryButtonClicked = () => {
     dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,

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

@@ -73,13 +73,13 @@ function InternalSingleOrderFilters(_ref) {
     resetFilters();
   };
   (0, _react.useEffect)(() => {
-    onFilterChange('articleType', selectedArticleType);
+    onFilterChange('type', selectedArticleType);
   }, [selectedArticleType]);
   (0, _react.useEffect)(() => {
-    onFilterChange('articleGroup', selectedArticleGroup);
+    onFilterChange('group', selectedArticleGroup);
   }, [selectedArticleGroup]);
   (0, _react.useEffect)(() => {
-    onFilterChange('articleSubGroup', selectedArticleSubGroup);
+    onFilterChange('subgroup', selectedArticleSubGroup);
   }, [selectedArticleSubGroup]);
   (0, _react.useEffect)(() => {
     onFilterChange('articleNumber', selectedArticleNumber);

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

@@ -91,7 +91,7 @@ const InternalSingleOrderProductOverview = _ref => {
     licensePlate,
     model,
     selectedBranch
-  }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
+  }] = (0, _OrderSessionContext.useOrderSession)();
   const formula = (0, _FormulaContext.useFormula)();
   const mergedFilters = _objectSpread(_objectSpread({}, filters), {}, {
     licensePlate,
@@ -117,7 +117,7 @@ const InternalSingleOrderProductOverview = _ref => {
       productId: article.articleNumber,
       quantity: (_cart$find$quantity = (_cart$find = cart.find(product => product.articleNumber === article.articleNumber)) === null || _cart$find === void 0 ? void 0 : _cart$find.quantity) !== null && _cart$find$quantity !== void 0 ? _cart$find$quantity : 0,
       isSelected: false,
-      isDisabled: (article === null || article === void 0 || (_article$locationPric = article.locationPrices) === null || _article$locationPric === void 0 || (_article$locationPric = _article$locationPric.stock) === null || _article$locationPric === void 0 ? void 0 : _article$locationPric.status) == _constants__.StockStatus.OutOfStock,
+      isOutOfStock: (article === null || article === void 0 || (_article$locationPric = article.locationPrices) === null || _article$locationPric === void 0 || (_article$locationPric = _article$locationPric.stock) === null || _article$locationPric === void 0 ? void 0 : _article$locationPric.status) == _constants__.StockStatus.OutOfStock,
       handleSelected: () => handleQuantityChange(article.articleNumber, 1),
       handleQuantityChange: handleQuantityChange,
       productSpecifications: article === null || article === void 0 ? void 0 : article.specifications,

package/dist/src/shared/__pages__/internal/InternalSingleOrderPage.js

@@ -112,9 +112,9 @@ const InternalSingleOrderPage = () => {
   const [showProductOverview, setShowProductOverview] = (0, _react.useState)(true);
   const [customerErrors, setCustomerErrors] = (0, _react.useState)({});
   const [filters, setFilters] = (0, _react.useState)({
-    articleType: null,
-    articleGroup: null,
-    articleSubGroup: null,
+    type: null,
+    group: null,
+    subgroup: null,
     articleNumber: null,
     model: null,
     page: 1
@@ -151,7 +151,7 @@ const InternalSingleOrderPage = () => {
   const handleSelectedFilterChange = (0, _react.useCallback)((filter, value) => {
     filters.licensePlate = null;
     filters.model = null;
-    if (['articleType', 'articleGroup', 'articleSubGroup', 'articleNumber'].includes(filter)) {
+    if (['type', 'group', 'subgroup', 'articleNumber'].includes(filter)) {
       dispatch({
         type: _OrderSessionContext.orderSessionActions.RESET_VEHICLE_FILTERS
       });
@@ -162,9 +162,9 @@ const InternalSingleOrderPage = () => {
   }, [filters]);
   const resetFilters = (0, _react.useCallback)(() => {
     setFilters({
-      articleType: null,
-      articleGroup: null,
-      articleSubGroup: null,
+      type: null,
+      group: null,
+      subgroup: null,
       articleNumber: null,
       model: null,
       page: 1

package/package.json

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