thm-p3-configurator 0.0.155 → 0.0.157

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

@@ -99,6 +99,7 @@ const useCreateSingleOrderMutation = () => {
       model,
       cart,
       customer,
+      channel,
       formula,
       branchId,
       vehicle,
@@ -110,6 +111,7 @@ const useCreateSingleOrderMutation = () => {
       model,
       cart,
       customer,
+      channel,
       formula,
       branchId,
       vehicle,

package/dist/src/shared/__components__/ProductCard/ProductCardImage.js

@@ -13,14 +13,15 @@ function _interopRequireDefault(e) {
 }
 const ProductCardImage = _ref => {
   let {
-    image
+    image,
+    isBoardComputer
   } = _ref;
   if (!image) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("img", {
     src: image,
-    className: (0, _helpers__.withStyle)('card__image img-fluid'),
+    className: (0, _helpers__.withStyle)("card__image img-fluid ".concat(isBoardComputer ? 'mb-2' : '')),
     alt: "product afbeelding"
   });
 };

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

@@ -74,7 +74,8 @@ const ProductCard = _ref => {
     onSelect = () => {},
     isOnlyProductInCategory = false,
     isAnotherProductSelected = true,
-    isTmg = false
+    isTmg = false,
+    isBoardComputer = false
   } = _ref;
   const [isSelected, setIsSelected] = (0, _react.useState)(defaultSelected);
   const {
@@ -114,7 +115,8 @@ const ProductCard = _ref => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-md-4 d-flex justify-content-center position-relative')
   }, /*#__PURE__*/_react.default.createElement(_ProductCardImage.default, {
-    image: productImage
+    image: productImage,
+    isBoardComputer: isBoardComputer
   }), /*#__PURE__*/_react.default.createElement(_ProductCardDiscountAlert.default, {
     label: productDiscountedLabel,
     price: productPrice,

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

@@ -4,10 +4,11 @@ require("core-js/modules/es.promise.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.find.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");
 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");
 Object.defineProperty(exports, "__esModule", {
@@ -15,6 +16,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("core-js/modules/es.promise.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _yup = require("yup");
@@ -26,6 +30,7 @@ var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
 var _LinkButton = _interopRequireDefault(require("../Buttons/LinkButton"));
 var _CardWide = _interopRequireDefault(require("../Cards/CardWide"));
 var _DatePickerInput = _interopRequireDefault(require("../Form/DatePickerInput"));
+var _DropdownInput = _interopRequireDefault(require("../Form/DropdownInput"));
 var _RadioButtons = _interopRequireDefault(require("../Form/RadioButtons"));
 var _TextAreaInput = _interopRequireDefault(require("../Form/TextAreaInput"));
 var _TextInput = _interopRequireDefault(require("../Form/TextInput"));
@@ -115,7 +120,9 @@ const customerDetailsFormSchema = (0, _yup.object)({
   city: (0, _yup.string)().nullable(),
   date: (0, _yup.string)().nullable(),
   time: (0, _yup.string)().nullable(),
-  internalNote: (0, _yup.string)().nullable()
+  internalNote: (0, _yup.string)().nullable(),
+  channelType: (0, _yup.string)().required('Kanaal is verplicht'),
+  channelId: (0, _yup.string)().required('Kanaal is verplicht')
 });
 const InternalCustomerDetailsForm = (_ref, ref) => {
   var _branchTypes$byId$aut, _authSession$branch;
@@ -144,6 +151,14 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     marketingChannels,
     isLoadingMarketingChannels
   } = (0, _queries.useMarketingChannels)(branchType);
+  const initialChannel = (0, _react.useMemo)(() => {
+    if (!(channel !== null && channel !== void 0 && channel.channelId) || !(marketingChannels !== null && marketingChannels !== void 0 && marketingChannels.length)) return null;
+    const selectedChannel = marketingChannels === null || marketingChannels === void 0 ? void 0 : marketingChannels.find(marketingC => (marketingC === null || marketingC === void 0 ? void 0 : marketingC.entityId) === (channel === null || channel === void 0 ? void 0 : channel.channelId));
+    return selectedChannel ? {
+      label: selectedChannel === null || selectedChannel === void 0 ? void 0 : selectedChannel.title,
+      value: selectedChannel
+    } : null;
+  }, [channel, marketingChannels]);
   const handleAutofillButtonClicked = () => {
     dispatch({
       type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_LAST_NAME,
@@ -222,6 +237,37 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: 'Vestiginggegevens invullen?',
     onClick: handleAutofillButtonClicked,
     isDisabled: !branchById
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-12 mb-2')
+  }, /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
+    options: marketingChannels === null || marketingChannels === void 0 ? void 0 : marketingChannels.map(channel => ({
+      label: channel === null || channel === void 0 ? void 0 : channel.title,
+      value: channel
+    })),
+    name: "channel",
+    label: "Kanaal:",
+    isRequired: true,
+    isLoading: isLoadingMarketingChannels,
+    noOptionsMessage: "Geen opties beschikbaar",
+    placeholder: "Maak een keuze",
+    errorMessage: (errors === null || errors === void 0 ? void 0 : errors['channelType']) || (errors === null || errors === void 0 ? void 0 : errors['channelId']),
+    initialValue: initialChannel,
+    onChange: _ref2 => {
+      var _value$kanaalType;
+      let {
+        label,
+        value
+      } = _ref2;
+      return dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
+        payload: {
+          channel: {
+            channelType: value === null || value === void 0 || (_value$kanaalType = value.kanaalType) === null || _value$kanaalType === void 0 || (_value$kanaalType = _value$kanaalType[0]) === null || _value$kanaalType === void 0 ? void 0 : _value$kanaalType.entityId,
+            channelId: value === null || value === void 0 ? void 0 : value.entityId
+          }
+        }
+      });
+    }
   })), /*#__PURE__*/_react.default.createElement(_RadioButtons.default, {
     name: "singleOrderOwnershipType",
     label: "Type:",

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

@@ -51,6 +51,7 @@ const BoardComputerCard = _ref => {
     description,
     title,
     price,
+    productImage,
     onSelect = _ref2 => {
       let {
         isSelected,
@@ -102,7 +103,7 @@ const BoardComputerCard = _ref => {
     productTitle: title,
     productDescription: description,
     productUsps: [],
-    productImage: null,
+    productImage: productImage,
     isDisabled: false,
     defaultSelected: isSelected,
     onSelect: handleSelect,
@@ -111,7 +112,8 @@ const BoardComputerCard = _ref => {
     productSpecifications: [],
     showPrice: APP_CONFIG.internal,
     canUnselect: canUnselect,
-    isOnlyProductInCategory: isSelected
+    isOnlyProductInCategory: isSelected,
+    isBoardComputer: true
   }), anchorEl && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_Modal.default, {
     isOpen: isModalOpen,
     size: "large",

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

@@ -276,11 +276,16 @@ const ProductsOverview = () => {
       product: a,
       category: productCategory
     }) ? -1 : 0).map(product => {
-      var _product$locationPric, _product$images, _product$images2;
+      var _product$images, _product$images2, _product$locationPric;
       const isRecommended = (0, _product.checkIfTowbarIsRecommended)({
         product,
         category: productCategory
       });
+
+      // Generate the product image URL
+      const productImageUrl = product !== null && product !== void 0 && (_product$images = product.images) !== null && _product$images !== void 0 && _product$images[0] ? (0, _image.getImageFromHyper)({
+        imageId: product === null || product === void 0 || (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2[0]
+      }) : _logoPrimary.default;
       if (productCategory === _constants__.PRODUCT_CATEGORIES.BOARD_COMPUTER && selectedCableset) {
         return /*#__PURE__*/_react.default.createElement(_BoardComputerCard.default, {
           defaultSelected: selectedBoardComputer === product.articleNumber,
@@ -299,7 +304,8 @@ const ProductsOverview = () => {
           id: product.articleNumber,
           description: (0, _product.formatHyperDescription)(product === null || product === void 0 ? void 0 : product.description),
           title: product === null || product === void 0 ? void 0 : product.subgroupName,
-          price: product === null || product === void 0 ? void 0 : product.price
+          price: product === null || product === void 0 ? void 0 : product.price,
+          productImage: productImageUrl
         });
       }
       return /*#__PURE__*/_react.default.createElement(_ProductCard.default, {
@@ -321,9 +327,7 @@ const ProductsOverview = () => {
           type: 'remark',
           text: product === null || product === void 0 ? void 0 : product.remark
         }],
-        productImage: product !== null && product !== void 0 && (_product$images = product.images) !== null && _product$images !== void 0 && _product$images[0] ? (0, _image.getImageFromHyper)({
-          imageId: product === null || product === void 0 || (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2[0]
-        }) : _logoPrimary.default,
+        productImage: productImageUrl,
         isDisabled: false,
         defaultSelected: productCategory === _constants__.PRODUCT_CATEGORIES.TOWBAR && selectedTowbar === product.articleNumber || productCategory === _constants__.PRODUCT_CATEGORIES.CABLESET && selectedCableset === product.articleNumber || productCategory === _constants__.PRODUCT_CATEGORIES.COMBISET && selectedCombiset === product.articleNumber
         // Set both to false to prevent auto-selection when navigating back

package/package.json

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