thm-p3-configurator 0.0.154 → 0.0.156

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__/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__/ProductsOverview.js

@@ -62,7 +62,7 @@ function _interopRequireWildcard(e, r) {
   return n.default = e, t && t.set(e, n), n;
 }
 const ProductsOverview = () => {
-  var _products$Trekhaak, _products$Kabelset, _products$Combiset;
+  var _products$Trekhaak2, _products$Kabelset, _products$Combiset;
   const isProductsInitialLoad = (0, _react.useRef)(true);
   const formula = (0, _FormulaContext.useFormula)();
   const isTmg = (0, _useIsTmg.useIsTmg)();
@@ -115,11 +115,36 @@ const ProductsOverview = () => {
     priceCalculationDate,
     skipFilters
   });
+  (0, _react.useEffect)(() => {
+    var _products$Trekhaak;
+    // Only run this if we have products loaded and no towbar is currently selected
+    if (!isLoadingProducts && (products === null || products === void 0 || (_products$Trekhaak = products.Trekhaak) === null || _products$Trekhaak === void 0 ? void 0 : _products$Trekhaak.length) === 1 && !selectedTowbar) {
+      var _products$PRODUCT_CAT;
+      const towbarId = products.Trekhaak[0].articleNumber;
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_SELECTED_TOWBAR,
+        payload: {
+          towbarId
+        }
+      });
+
+      // Auto-select kabelset if there's exactly one kabelset available (reusing existing logic)
+      if (!selectedCableset && ((_products$PRODUCT_CAT = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT === void 0 ? void 0 : _products$PRODUCT_CAT.length) === 1) {
+        const kabelsetId = products[_constants__.PRODUCT_CATEGORIES.CABLESET][0].articleNumber;
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_SELECTED_CABLESET,
+          payload: {
+            cabelsetId: kabelsetId
+          }
+        });
+      }
+    }
+  }, [isLoadingProducts, products, selectedTowbar, selectedCableset, dispatch]);
   if (isLoadingProducts && isProductsInitialLoad.current === true) {
     isProductsInitialLoad.current = false;
     return /*#__PURE__*/_react.default.createElement(_FullPageSpinner.default, null);
   }
-  if (isProductsError || !isLoadingProducts && (!(products !== null && products !== void 0 && (_products$Trekhaak = products.Trekhaak) !== null && _products$Trekhaak !== void 0 && _products$Trekhaak.length) || !(products !== null && products !== void 0 && (_products$Kabelset = products.Kabelset) !== null && _products$Kabelset !== void 0 && _products$Kabelset.length)) && !(products !== null && products !== void 0 && (_products$Combiset = products.Combiset) !== null && _products$Combiset !== void 0 && _products$Combiset.length)) {
+  if (isProductsError || !isLoadingProducts && (!(products !== null && products !== void 0 && (_products$Trekhaak2 = products.Trekhaak) !== null && _products$Trekhaak2 !== void 0 && _products$Trekhaak2.length) || !(products !== null && products !== void 0 && (_products$Kabelset = products.Kabelset) !== null && _products$Kabelset !== void 0 && _products$Kabelset.length)) && !(products !== null && products !== void 0 && (_products$Combiset = products.Combiset) !== null && _products$Combiset !== void 0 && _products$Combiset.length)) {
     return /*#__PURE__*/_react.default.createElement(_reactRouter.Redirect, {
       to: "/configurator/geen-producten"
     });
@@ -151,9 +176,9 @@ const ProductsOverview = () => {
 
           // Auto-select kabelset if towbar is selected and no kabelset is currently selected
           if (isSelected && !selectedCableset) {
-            var _products$PRODUCT_CAT;
+            var _products$PRODUCT_CAT2;
             // Check if there's exactly one kabelset available
-            if (((_products$PRODUCT_CAT = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT === void 0 ? void 0 : _products$PRODUCT_CAT.length) === 1) {
+            if (((_products$PRODUCT_CAT2 = products[_constants__.PRODUCT_CATEGORIES.CABLESET]) === null || _products$PRODUCT_CAT2 === void 0 ? void 0 : _products$PRODUCT_CAT2.length) === 1) {
               const kabelsetId = products[_constants__.PRODUCT_CATEGORIES.CABLESET][0].articleNumber;
               dispatch({
                 type: _OrderSessionContext.orderSessionActions.SET_SELECTED_CABLESET,

package/package.json

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