thm-p3-configurator 0.0.87 → 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/__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 [{
@@ -112,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;
+  }, 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,
@@ -155,8 +159,8 @@ const BottomNavigationBar = () => {
       state: {
         prevPathName: history.location.pathname
       },
-      isDisabled: (!selectedCableset || !selectedTowbar) && !selectedCombiset && type === 'next' || type === 'next' && (history === null || history === void 0 || (_history$location3 = history.location) === null || _history$location3 === void 0 ? void 0 : _history$location3.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/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.87",
+  "version": "0.0.88",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "author": "EnoRm.",