thm-p3-configurator 0.0.32 → 0.0.35

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

@@ -50,13 +50,16 @@ const LicensePlateInput = _ref => {
     onChange = () => {},
     onSubmit = () => {}
   } = _ref;
-  const [value, setValue] = (0, _react.useState)(licensePlateValidator.init(initialValue));
+  const [value, setValue] = (0, _react.useState)(licensePlateValidator.init(initialValue) || '');
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const handleChange = value => {
-    const parsedLicensePlate = licensePlateValidator.init(value);
+    const parsedLicensePlate = licensePlateValidator.init(value) || '';
     setValue(parsedLicensePlate);
     onChange(parsedLicensePlate);
   };
+  (0, _react.useEffect)(() => {
+    handleChange(initialValue);
+  }, [initialValue]);
   const handleKeyDown = key => {
     if (isFocused) {
       setIsFocused(false);

package/dist/src/shared/__components__/LocationsSelector/LocationList.js

@@ -128,7 +128,7 @@ const LocationList = _ref => {
     selectedBranch
   }] = (0, _OrderSessionContext.useOrderSession)();
   const selectedRef = (0, _react.useRef)(null);
-  const locationsWithDistance = locationIds.map(locationId => {
+  const locationsWithDistance = locationIds.map((locationId, index) => {
     const location = locationsById[locationId];
     const coordinates = location.googleMapsLocation;
     if (!coordinates) return null;

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

@@ -123,7 +123,7 @@ const LocationsSelector = /*#__PURE__*/_react.default.memo(() => {
   }), franchiseName && /*#__PURE__*/_react.default.createElement("h6", {
     className: (0, _helpers__.withStyle)('my-2')
   }, "Keten: ", franchiseName), /*#__PURE__*/_react.default.createElement(_LocationList.default, {
-    locationIds: visibleIds,
+    locationIds: allIds,
     locationsById: byId,
     userLocation: userLocation
   })))));

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

@@ -78,7 +78,7 @@ const LicensePlateForm = _ref => {
   } = (0, _reactRouter.useLocation)();
   const searchParams = new URLSearchParams(search);
   (0, _react.useEffect)(() => {
-    initialValue && handleLicensePlateChange(initialValue);
+    handleLicensePlateChange(initialValue);
   }, [initialValue]);
   const handleManualSwitch = () => {
     history.push("/configurator/manual".concat(searchParams !== null && searchParams !== void 0 && searchParams.size ? "?".concat(searchParams.toString()) : '') // append search params if found
@@ -118,7 +118,7 @@ const LicensePlateForm = _ref => {
     className: (0, _helpers__.withStyle)('btn btn-primary'),
     type: "button",
     onClick: onSubmit,
-    isDisabled: !licensePlate || licensePlate.length < 6,
+    isDisabled: !licensePlate || (licensePlate === null || licensePlate === void 0 ? void 0 : licensePlate.length) < 6,
     label: 'Volgende'
   })))));
 };

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

@@ -1,6 +1,8 @@
 "use strict";
 
+require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.weak-map.js");
@@ -11,7 +13,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/esnext.iterator.map.js");
@@ -173,8 +177,15 @@ const ProductsOverview = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _helpers__.withStyle)(index === 0 ? 'mt-0' : 'mt-5'),
       key: "category-".concat(productCategory)
-    }, /*#__PURE__*/_react.default.createElement("h2", null, productCategory), productsPerCategory.map(product => {
+    }, /*#__PURE__*/_react.default.createElement("h2", null, productCategory), productsPerCategory.sort((a, b) => (0, _product.checkIfTowbarIsRecommended)({
+      product: a,
+      category: productCategory
+    }) ? -1 : 0).map(product => {
       var _product$images, _product$images2;
+      const isRecommended = (0, _product.checkIfTowbarIsRecommended)({
+        product,
+        category: productCategory
+      });
       if (productCategory === _constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER && selectedCableset) {
         return /*#__PURE__*/_react.default.createElement(_BoardComputerCard.default, {
           defaultSelected: !isBoardComputerDeselected || selectedBoardComputer === product.articleNumber,
@@ -191,7 +202,7 @@ const ProductsOverview = () => {
           },
           key: product.articleNumber,
           id: product.articleNumber,
-          description: "Bij deze auto is het noodzakelijk om de boordcomputer te updaten, zodat functies als ESP, \n                        parkeersensoren, mistlampuitschakeling, lane-assist, e.a. correct blijven werken.",
+          description: (0, _product.formatHyperDescription)(product === null || product === void 0 ? void 0 : product.description),
           title: product === null || product === void 0 ? void 0 : product.title,
           price: product === null || product === void 0 ? void 0 : product.price
         });
@@ -199,7 +210,7 @@ const ProductsOverview = () => {
       return /*#__PURE__*/_react.default.createElement(_ProductCard.default, {
         key: product.articleNumber,
         hasCheckbox: (productsPerCategory === null || productsPerCategory === void 0 ? void 0 : productsPerCategory.length) > 1,
-        isRecommended: false,
+        isRecommended: isRecommended,
         productId: product === null || product === void 0 ? void 0 : product.articleNumber,
         productTitle: product === null || product === void 0 ? void 0 : product.title,
         productDescription: product === null || product === void 0 ? void 0 : product.productDescription,

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

@@ -64,20 +64,13 @@ const InternalBranchSelectorModal = () => {
     myBranchesError
   } = (0, _queries.useMyBranches)(formula);
   const [{
-    selectedBranch
+    selectedBranch,
+    existingDossierId
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
-  const handlePrimaryButtonClicked = () => {
-    dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
-      payload: {
-        branchId: _selectedBranchId
-      }
-    });
-  };
   (0, _react.useEffect)(() => {
     var _branchTypes$byId$aut, _authSession$branch, _myBranches$;
     // If it's a TMG group, do nothing
-    if ((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) {
+    if (existingDossierId || (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) {
       return;
     }
 
@@ -93,7 +86,15 @@ const InternalBranchSelectorModal = () => {
         branchId: myBranches === null || myBranches === void 0 || (_myBranches$ = myBranches[0]) === null || _myBranches$ === void 0 ? void 0 : _myBranches$.entityId
       }
     });
-  }, [selectedBranch, myBranches, branchTypes, authSession]);
+  }, [selectedBranch, myBranches, branchTypes, authSession, existingDossierId]);
+  const handlePrimaryButtonClicked = () => {
+    dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_SELECTED_BRANCH,
+      payload: {
+        branchId: _selectedBranchId
+      }
+    });
+  };
   if (isLoadingBranchTypes) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "thm-configurator-wrapper--offset"
@@ -101,7 +102,7 @@ const InternalBranchSelectorModal = () => {
   }
 
   // Note: if the current formula is TowMotive Group, do not show the modal (the branch selection happens on the step before the appointment)
-  if ((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__.TMG_ORGANIZATION_TYPE) {
+  if (existingDossierId || (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__.TMG_ORGANIZATION_TYPE) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_Modal.default, {

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

@@ -36,7 +36,7 @@ const InternalCancelDossierEdit = () => {
         shouldForceReset: true
       }
     });
-    history.push('/configurator');
+    history.push('/dashboard');
   };
   if (!existingDossierId) return null;
   return /*#__PURE__*/_react.default.createElement("div", {

package/dist/src/shared/__context__/OrderSessionContext.js

@@ -125,6 +125,10 @@ const INITIAL_ORDER_SESSION_STATE = {
   },
   discountAmount: null,
   discountPercentage: null,
+  channel: {
+    channelId: null,
+    channelType: null
+  },
   appointment: {
     date: null,
     time: null,

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

@@ -74,8 +74,8 @@ const parseDossierToOrderSession = exports.parseDossierToOrderSession = function
     model: dossier !== null && dossier !== void 0 && dossier.kenteken ? null : dossier === null || dossier === void 0 ? void 0 : dossier.model,
     // Note: only fill in when license plate is empty
     channel: {
-      id: dossier === null || dossier === void 0 || (_dossier$kanaal = dossier.kanaal) === null || _dossier$kanaal === void 0 ? void 0 : _dossier$kanaal.entityId,
-      partnerId: dossier === null || dossier === void 0 || (_dossier$kanaalPartne = dossier.kanaalPartner) === null || _dossier$kanaalPartne === void 0 ? void 0 : _dossier$kanaalPartne.entityId
+      channelType: dossier === null || dossier === void 0 || (_dossier$kanaal = dossier.kanaal) === null || _dossier$kanaal === void 0 ? void 0 : _dossier$kanaal.entityId,
+      channelId: dossier === null || dossier === void 0 || (_dossier$kanaalPartne = dossier.kanaalPartner) === null || _dossier$kanaalPartne === void 0 ? void 0 : _dossier$kanaalPartne.entityId
     },
     durationAnswer: dossier === null || dossier === void 0 ? void 0 : dossier.looptijd,
     executionAnswer1: dossier === null || dossier === void 0 ? void 0 : dossier.uitvoeringTrekhaakExecuton1,

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

@@ -7,11 +7,12 @@ require("core-js/modules/es.string.includes.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateCartInput = exports.extractProductSpecsArray = void 0;
+exports.validateCartInput = exports.formatHyperDescription = exports.extractProductSpecsArray = exports.checkIfTowbarIsRecommended = 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");
@@ -19,6 +20,7 @@ require("core-js/modules/es.string.includes.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.flat-map.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _constants__ = require("../__constants__");
 /**
@@ -48,4 +50,25 @@ const validateCartInput = exports.validateCartInput = function validateCartInput
     return filteredCart;
   }
   return;
-};
+};
+
+/**
+ * @description Checks if a product is recommended, by checking if it both a towbar and is detachable
+ */
+const checkIfTowbarIsRecommended = _ref3 => {
+  var _product$subgroupName;
+  let {
+    product,
+    category
+  } = _ref3;
+  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')));
+};
+
+/**
+ * @description Formats the description of a product
+ */
+exports.checkIfTowbarIsRecommended = checkIfTowbarIsRecommended;
+const formatHyperDescription = description => {
+  return description === null || description === void 0 ? void 0 : description.ops.map(phrase => phrase.insert).join('');
+};
+exports.formatHyperDescription = formatHyperDescription;

package/package.json

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