thm-p3-configurator 0.0.99 → 0.0.100

package/dist/src/shared/App.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _TEST_ONLY_INTERNAL_ROUTES = _interopRequireDefault(require("./__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES"));
 var _react = _interopRequireWildcard(require("react"));
 require("react-datepicker/src/stylesheets/datepicker-cssmodules.scss");
 var _reactGtmModule = _interopRequireDefault(require("react-gtm-module"));
@@ -30,6 +29,11 @@ var _index = _interopRequireDefault(require("./__pages__/index"));
 var _Experiments = _interopRequireDefault(require("./__services__/Experiments"));
 var _mainExternal = _interopRequireDefault(require("./__style__/main-external.scss"));
 var _main = _interopRequireDefault(require("./__style__/main.scss"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 function _getRequireWildcardCache(e) {
   if ("function" != typeof WeakMap) return null;
   var r = new WeakMap(),
@@ -55,11 +59,8 @@ function _interopRequireWildcard(e, r) {
   }
   return n.default = e, t && t.set(e, n), n;
 }
-function _interopRequireDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
+// import TEST_ONLY_INTERNAL_ROUTES from './__pages__/internal/__TEST_ONLY_INTERNAL_ROUTES';
+
 _reactGtmModule.default.initialize({
   gtmId: APP_CONFIG.googleTagManagerId || 'GTM-TC67SZ4'
 });
@@ -75,6 +76,6 @@ const App = () => {
     defaultCountry: APP_CONFIG.country
   }, /*#__PURE__*/_react.default.createElement(_OrderSessionContext.OrderSessionController, null, /*#__PURE__*/_react.default.createElement(_reactQuery.QueryClientProvider, {
     client: _queryClient.default
-  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_reactHotLoader.AppContainer, null, /*#__PURE__*/_react.default.createElement(_ActiveMarkerContext.ActiveMarkerProvider, null, /*#__PURE__*/_react.default.createElement(_StyleWrapper.default, null, !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_Navbar.default, null), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalBranchSelectorModal.default, null), APP_CONFIG.nodeEnv === 'development' && APP_CONFIG.internal === true && /*#__PURE__*/_react.default.createElement(_TEST_ONLY_INTERNAL_ROUTES.default, null))))))))));
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_reactHotLoader.AppContainer, null, /*#__PURE__*/_react.default.createElement(_ActiveMarkerContext.ActiveMarkerProvider, null, /*#__PURE__*/_react.default.createElement(_StyleWrapper.default, null, !APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_Navbar.default, null), APP_CONFIG.internal && /*#__PURE__*/_react.default.createElement(_InternalBranchSelectorModal.default, null), /*#__PURE__*/_react.default.createElement(_index.default, null))))))))));
 };
 var _default = exports.default = App;

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

@@ -101,7 +101,7 @@ const useCreateSingleOrderMutation = () => {
       customer,
       formula,
       branchId,
-      channel,
+      vehicle,
       preferredDateTime,
       internalNote
     } = _ref3;
@@ -112,7 +112,7 @@ const useCreateSingleOrderMutation = () => {
       customer,
       formula,
       branchId,
-      channel,
+      vehicle,
       preferredDateTime,
       internalNote
     });

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

@@ -4,11 +4,10 @@ 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", {
@@ -16,9 +15,6 @@ 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");
@@ -30,7 +26,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"));
 var _TimePickerInput = _interopRequireDefault(require("../Form/TimePickerInput"));
@@ -108,19 +104,22 @@ function _toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 const customerDetailsFormSchema = (0, _yup.object)({
+  singleOrderOwnershipType: (0, _yup.string)().nullable(),
   firstName: (0, _yup.string)().nullable(),
-  channelType: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  channelId: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
   infix: (0, _yup.string)().nullable(),
-  lastName: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
-  email: (0, _yup.string)().email(_constants__.FORM_ERROR_MESSAGES.email).required(_constants__.FORM_ERROR_MESSAGES.required),
-  phoneNumber: (0, _yup.string)().required(_constants__.FORM_ERROR_MESSAGES.required),
+  lastName: (0, _yup.string)().nullable(),
+  email: (0, _yup.string)().nullable(),
+  phoneNumber: (0, _yup.string)().nullable(),
+  zipCode: (0, _yup.string)().nullable(),
+  houseNumber: (0, _yup.string)().nullable(),
+  streetName: (0, _yup.string)().nullable(),
+  city: (0, _yup.string)().nullable(),
   date: (0, _yup.string)().nullable(),
   time: (0, _yup.string)().nullable(),
   internalNote: (0, _yup.string)().nullable()
 });
 const InternalCustomerDetailsForm = (_ref, ref) => {
-  var _branchTypes$byId$aut, _authSession$branch, _marketingChannels$fi;
+  var _branchTypes$byId$aut, _authSession$branch;
   let {
     errors = {},
     onValidationError,
@@ -131,7 +130,8 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     channel,
     selectedBranch,
     appointment,
-    internalNote
+    internalNote,
+    vehicle
   }, dispatch] = (0, _OrderSessionContext.useOrderSession)();
   const {
     branchById
@@ -199,39 +199,21 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: 'Vestiginggegevens invullen?',
     onClick: handleAutofillButtonClicked,
     isDisabled: !branchById
-  })), /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
-    className: 'col-12 col-md-6',
-    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: channel !== null && channel !== void 0 && channel.channelId ? {
-      label: marketingChannels === null || marketingChannels === void 0 || (_marketingChannels$fi = marketingChannels.find(marketingC => (marketingC === null || marketingC === void 0 ? void 0 : marketingC.entityId) === (channel === null || channel === void 0 ? void 0 : channel.channelId))) === null || _marketingChannels$fi === void 0 ? void 0 : _marketingChannels$fi.title,
-      value: 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))
-    } : null,
-    onChange: _ref2 => {
-      var _value$kanaalType;
-      let {
-        label,
-        value
-      } = _ref2;
-      return dispatch({
-        type: _OrderSessionContext.orderSessionActions.SET_MARKETING_CHANNEL,
+  })), /*#__PURE__*/_react.default.createElement(_RadioButtons.default, {
+    name: "singleOrderOwnershipType",
+    label: "Type:",
+    initialValue: vehicle === null || vehicle === void 0 ? void 0 : vehicle.singleOrderOwnershipType,
+    onChange: val => {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE,
         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
-          }
+          singleOrderOwnershipType: val
         }
       });
-    }
+    },
+    options: Object.values(_constants__.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE),
+    isRequired: false,
+    errorMessage: errors === null || errors === void 0 ? void 0 : errors['singleOrderOwnershipType']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
     className: 'col-12 col-md-6',
     placeholder: "",
@@ -273,7 +255,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         lastName: value
       }
     }),
-    isRequired: true,
+    isRequired: false,
     form: form,
     label: "Achternaam:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['lastName']
@@ -288,7 +270,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
         email: value
       }
     }),
-    isRequired: true,
+    isRequired: false,
     form: form,
     label: "E-mailadres:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['email']
@@ -304,9 +286,69 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
       }
     }),
     form: form,
-    isRequired: true,
+    isRequired: false,
     label: "Telefoonnummer:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['phoneNumber']
+  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
+    placeholder: "",
+    initialValue: customer.zipCode,
+    name: "zipCode",
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ZIP_CODE,
+      payload: {
+        zipCode: value
+      }
+    }),
+    isRequired: false,
+    form: form,
+    label: "Postcode:",
+    errorMessage: errors === null || errors === void 0 ? void 0 : errors['zipCode']
+  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
+    placeholder: "",
+    initialValue: customer.houseNumber,
+    name: "houseNumber",
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_HOUSE_NUMBER,
+      payload: {
+        houseNumber: value
+      }
+    }),
+    isRequired: false,
+    form: form,
+    label: "Huisnummer:",
+    errorMessage: errors === null || errors === void 0 ? void 0 : errors['houseNumber']
+  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
+    placeholder: "",
+    initialValue: customer.streetName,
+    name: "streetName",
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_STREET_NAME,
+      payload: {
+        streetName: value
+      }
+    }),
+    isRequired: false,
+    form: form,
+    label: "Straat:",
+    errorMessage: errors === null || errors === void 0 ? void 0 : errors['streetName']
+  }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
+    className: 'col-12 col-md-6',
+    placeholder: "",
+    initialValue: customer.city,
+    name: "city",
+    onChange: value => dispatch({
+      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_CITY,
+      payload: {
+        city: value
+      }
+    }),
+    isRequired: false,
+    form: form,
+    label: "Stad:",
+    errorMessage: errors === null || errors === void 0 ? void 0 : errors['city']
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('col-12')
   }, /*#__PURE__*/_react.default.createElement(_CardWide.default, null, /*#__PURE__*/_react.default.createElement("div", {

package/dist/src/shared/__constants__/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VESTIGING_TYPE_ID = exports.VEHICLE_OWNERSHIP_TYPE = exports.USER_GEOLOCATION_KEY = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.ORDER_SESSION_KEY = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.CONFIGURATOR_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
+exports.VESTIGING_TYPE_ID = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = exports.USER_GEOLOCATION_KEY = exports.TMG_ORGANIZATION_TYPE = exports.StockStatus = exports.PRODUCT_CATEGORIES = exports.PRIVATE_SINGLE_ORDER_SESSION_KEY = exports.ORDER_SESSION_KEY = exports.NAVIGATION_STEPS_INTERNAL = exports.NAVIGATION_STEPS_EXTERNAL = exports.NAVIGATION_BUTTONS = exports.MOUSE_EXIT_INTENT_THROTTLE = exports.MOUSE_EXIT_INTENT_OFFSET = exports.LOCATION_TYPE = exports.LOCATION_CHANGE_BUTTON_LABEL = exports.LOCALE = exports.FORM_ERROR_MESSAGES = exports.DOSSIER_TYPES = exports.DISCOUNT_TYPES = exports.DEFAULT_MAP_LONGITUDE = exports.DEFAULT_MAP_LATITUDE = exports.DEFAULT_ARTICLE_BRAND = exports.CONFIGURATOR_FORMULAS = exports.BOARD_COMPUTER_DISABLED_KEY = exports.AUTH_SESSION_KEY = exports.ARTICLES_SYSTEM_FIELDS = exports.API_ERROR_CODES = exports.ANWB_DISCOUNT_CODE = exports.ALL_EXPERIMENTS = exports.ACTIVE_VARIANTS = void 0;
 const DOSSIER_TYPES = exports.DOSSIER_TYPES = {
   Quotation: 'quotation',
   AppointmentRequest: 'appointment-request',
@@ -154,6 +154,10 @@ const VEHICLE_OWNERSHIP_TYPE = exports.VEHICLE_OWNERSHIP_TYPE = {
   Zakelijk: 'Zakelijk',
   Leasemaatschappij: 'Leasemaatschappij'
 };
+const VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = exports.VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE = {
+  Particulier: 'Particulier',
+  Zakelijk: 'Zakelijk'
+};
 const DISCOUNT_TYPES = exports.DISCOUNT_TYPES = {
   Percentage: '%',
   Amount: '€'

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

@@ -135,6 +135,7 @@ const INITIAL_ORDER_SESSION_STATE = {
   customerAgreed: undefined,
   vehicle: {
     ownershipType: _constants__.VEHICLE_OWNERSHIP_TYPE.Particulier,
+    singleOrderOwnershipType: null,
     leaseNumber: '',
     leaseNumberUnknown: true
   },
@@ -209,6 +210,7 @@ const orderSessionActions = exports.orderSessionActions = {
   SET_VEHICLE_LEASE_NUMBER: 'SET_VEHICLE_LEASE_NUMBER',
   SET_VEHICLE_LEASE_NUMBER_UNKNOWN: 'SET_VEHICLE_LEASE_NUMBER_UNKNOWN',
   SET_VEHICLE_OWNERSHIP_TYPE: 'SET_VEHICLE_OWNERSHIP_TYPE',
+  SET_VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE: 'SET_VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE',
   SET_MARKETING_CHANNEL: 'SET_MARKETING_CHANNEL',
   SET_CUSTOMER_ZIP_CODE: 'SET_CUSTOMER_ZIP_CODE',
   SET_CUSTOMER_CITY: 'SET_CUSTOMER_CITY',
@@ -838,6 +840,17 @@ const orderSessionReducer = (state, action) => {
           })
         });
       }
+    case orderSessionActions.SET_VEHICLE_SINGLE_ORDER_OWNERSHIP_TYPE:
+      {
+        const {
+          singleOrderOwnershipType
+        } = action.payload;
+        return _objectSpread(_objectSpread({}, state), {}, {
+          vehicle: _objectSpread(_objectSpread({}, state === null || state === void 0 ? void 0 : state.vehicle), {}, {
+            singleOrderOwnershipType
+          })
+        });
+      }
     case orderSessionActions.REMOVE_DISCOUNTED_PRODUCT:
       {
         var _state$selectedDiscou;

package/dist/src/shared/__pages__/internal/InternalSingleOrderPage.js

@@ -143,6 +143,7 @@ const InternalSingleOrderPage = () => {
     channel,
     customer,
     selectedBranch,
+    vehicle,
     appointment,
     internalNote,
     singleOrderFormulaCode,
@@ -215,7 +216,6 @@ const InternalSingleOrderPage = () => {
       });
     }
   };
-  const [filtersResetTrigger, setFiltersResetTrigger] = (0, _react.useState)(false);
   const filterModelOrLicenseplate = filter => {
     var _filtersRef$current;
     (_filtersRef$current = filtersRef.current) === null || _filtersRef$current === void 0 || _filtersRef$current.resetFilters(true);
@@ -258,10 +258,34 @@ const InternalSingleOrderPage = () => {
     const isValid = await ((_customerFormRef$curr = customerFormRef.current) === null || _customerFormRef$curr === void 0 ? void 0 : _customerFormRef$curr.validateForm());
     if (isValid) {
       const preferredDateTime = appointment !== null && appointment !== void 0 && appointment.date && appointment !== null && appointment !== void 0 && appointment.time ? (0, _helpers__.parseDateAndTimeToTimestamp)(appointment === null || appointment === void 0 ? void 0 : appointment.date, appointment === null || appointment === void 0 ? void 0 : appointment.time) : null;
+      console.log({
+        licensePlate: filters.licensePlate,
+        model: filters.model,
+        cart: singleOrderCart,
+        customer,
+        vehicle,
+        formula,
+        branchId: selectedBranch,
+        preferredDateTime,
+        internalNote: internalNote === null || internalNote === void 0 ? void 0 : internalNote.internalNote
+      });
+      vehicle.ownershipType = vehicle.singleOrderOwnershipType;
+      delete vehicle.singleOrderOwnershipType;
+      // Check and set default values for empty or null fields
+      if (!customer.email || customer.email === '') {
+        customer.email = branchById === null || branchById === void 0 ? void 0 : branchById.email;
+      }
+      if (!customer.phoneNumber || customer.phoneNumber === '') {
+        customer.phoneNumber = branchById === null || branchById === void 0 ? void 0 : branchById.phone;
+      }
+      if (!customer.lastName || customer.lastName === '') {
+        customer.lastName = branchById === null || branchById === void 0 ? void 0 : branchById.name;
+      }
       createSingleOrder({
         licensePlate: filters.licensePlate,
         model: filters.model,
         cart: singleOrderCart,
+        vehicle,
         customer,
         formula,
         branchId: selectedBranch,

package/package.json

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