thm-p3-configurator 0.0.155 → 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/package.json

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