thm-p3-configurator 0.0.270 → 0.0.271

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

@@ -115,6 +115,28 @@ const authenticatedProxyApi = exports.authenticatedProxyApi = {
   getAppointmentRequestById: id => authenticateClient("api/v1/appointment-requests/".concat(id), {
     method: 'GET'
   }),
+  getDossiers: _ref2 => {
+    let {
+      term,
+      offset = 0,
+      limit = 10,
+      branchId,
+      formula
+    } = _ref2;
+    return authenticateClient("api/v1/dossiers?term=".concat(term, "&offset=").concat(offset, "&limit=").concat(limit).concat(branchId ? "&branchId=".concat(branchId) : '').concat(formula ? "&formula=".concat(formula) : ''), {
+      method: 'GET'
+    });
+  },
+  putDossierById: _ref3 => {
+    let {
+      id,
+      payload
+    } = _ref3;
+    return authenticateClient("api/v1/dossiers/".concat(id), {
+      method: 'PUT',
+      data: payload
+    });
+  },
   postAppointmentRequest: appointmentRequestPayload => authenticateClient("api/v1/appointment-requests", {
     method: 'POST',
     data: appointmentRequestPayload,
@@ -150,11 +172,11 @@ const authenticatedProxyApi = exports.authenticatedProxyApi = {
       'Content-Type': 'application/json'
     }
   }),
-  putQuotationById: _ref2 => {
+  putQuotationById: _ref4 => {
     let {
       payload,
       id
-    } = _ref2;
+    } = _ref4;
     return authenticateClient("api/v1/quotations/".concat(id), {
       method: 'PUT',
       data: payload,
@@ -163,11 +185,11 @@ const authenticatedProxyApi = exports.authenticatedProxyApi = {
       }
     });
   },
-  putAppointmentById: _ref3 => {
+  putAppointmentById: _ref5 => {
     let {
       payload,
       id
-    } = _ref3;
+    } = _ref5;
     return authenticateClient("api/v1/appointments/".concat(id), {
       method: 'PUT',
       data: payload,
@@ -176,11 +198,11 @@ const authenticatedProxyApi = exports.authenticatedProxyApi = {
       }
     });
   },
-  putAppointmentRequestById: _ref4 => {
+  putAppointmentRequestById: _ref6 => {
     let {
       payload,
       id
-    } = _ref4;
+    } = _ref6;
     return authenticateClient("api/v1/appointment-requests/".concat(id, "?action=order"), {
       method: 'PUT',
       data: payload,
@@ -189,12 +211,12 @@ const authenticatedProxyApi = exports.authenticatedProxyApi = {
       }
     });
   },
-  getActiveDiscounts: _ref5 => {
+  getActiveDiscounts: _ref7 => {
     let {
       formulaCode,
       limit,
       offset
-    } = _ref5;
+    } = _ref7;
     return authenticateClient("api/v1/discounts?limit=".concat(limit, "&offset=").concat(offset, "&formulaCode=").concat(formulaCode), {
       method: 'GET',
       headers: {

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

@@ -1,12 +1,44 @@
 "use strict";
 
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useUpdatePrivateQuotationByIdMutation = exports.useUpdatePrivateAppointmentRequestByIdMutation = exports.useUpdatePrivateAppointmentByIdMutation = exports.useCreateSingleOrderMutation = exports.useCreateShopifyOrderMutation = exports.useCreateQuotationMutation = exports.useCreatePrivateQuotationMutation = exports.useCreatePrivateAppointmentRequestMutation = exports.useCreatePrivateAppointmentMutation = exports.useCreateAppointmentRequestMutation = void 0;
+require("core-js/modules/es.promise.js");
 var _reactQuery = require("react-query");
 var _authenticatedProxyApi = require("./authenticatedProxyApi");
 var _publicProxyApi = require("./publicProxyApi");
+const _excluded = ["linkToExistingCustomerId"],
+  _excluded2 = ["linkToExistingCustomerId"],
+  _excluded3 = ["linkToExistingCustomerId"],
+  _excluded4 = ["linkToExistingCustomerId"],
+  _excluded5 = ["linkToExistingCustomerId"],
+  _excluded6 = ["linkToExistingCustomerId"];
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
 /**
  * @description Creates a quotation
  */
@@ -193,7 +225,12 @@ const useCreatePrivateQuotationMutation = () => {
       isExitIntent = false,
       montageRate
     } = _ref5;
-    return _authenticatedProxyApi.authenticatedProxyApi.postQuotation({
+    const _ref6 = customer || {},
+      {
+        linkToExistingCustomerId
+      } = _ref6,
+      restCustomer = _objectWithoutProperties(_ref6, _excluded);
+    const createQuotation = () => _authenticatedProxyApi.authenticatedProxyApi.postQuotation({
       isExitIntent,
       model,
       vehicle,
@@ -205,10 +242,41 @@ const useCreatePrivateQuotationMutation = () => {
       answers,
       cart,
       selectBoardComputerUpdate,
-      customer: customer,
+      customer: restCustomer,
       branchId,
       montageRate
     });
+    if (linkToExistingCustomerId) {
+      return _authenticatedProxyApi.authenticatedProxyApi.postQuotation({
+        isExitIntent,
+        model,
+        vehicle,
+        chassisNumber,
+        licensePlate,
+        channel,
+        formula,
+        discount,
+        answers,
+        cart,
+        selectBoardComputerUpdate,
+        customer: restCustomer,
+        branchId,
+        montageRate
+      }).then(async res => {
+        var _res$data;
+        const entityId = (_res$data = res.data) === null || _res$data === void 0 || (_res$data = _res$data.data) === null || _res$data === void 0 ? void 0 : _res$data.entityId;
+        if (entityId) {
+          await _authenticatedProxyApi.authenticatedProxyApi.putDossierById({
+            id: entityId,
+            payload: {
+              klant: linkToExistingCustomerId
+            }
+          });
+        }
+        return res;
+      });
+    }
+    return createQuotation();
   });
   return {
     isCreatingQuotation: createQuotationMutation.isLoading,
@@ -226,7 +294,8 @@ const useCreatePrivateQuotationMutation = () => {
  */
 exports.useCreatePrivateQuotationMutation = useCreatePrivateQuotationMutation;
 const useCreatePrivateAppointmentMutation = () => {
-  const createPlannedAppointmentMutation = (0, _reactQuery.useMutation)(_ref6 => {
+  const createPlannedAppointmentMutation = (0, _reactQuery.useMutation)(async _ref7 => {
+    var _response$data;
     let {
       vehicle,
       customer,
@@ -244,8 +313,13 @@ const useCreatePrivateAppointmentMutation = () => {
       customerAgreed,
       invoicePaymentByLeaseCompany,
       montageRate
-    } = _ref6;
-    return _authenticatedProxyApi.authenticatedProxyApi.postAppointment({
+    } = _ref7;
+    const _ref8 = customer || {},
+      {
+        linkToExistingCustomerId
+      } = _ref8,
+      restCustomer = _objectWithoutProperties(_ref8, _excluded2);
+    const response = await _authenticatedProxyApi.authenticatedProxyApi.postAppointment({
       appointment,
       model,
       vehicle,
@@ -257,12 +331,22 @@ const useCreatePrivateAppointmentMutation = () => {
       answers,
       cart,
       selectBoardComputerUpdate,
-      customer: customer,
+      customer: restCustomer,
       branchId,
       customerAgreed,
       invoicePaymentByLeaseCompany,
       montageRate
     });
+    const entityId = (_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.data) === null || _response$data === void 0 ? void 0 : _response$data.entityId;
+    if (linkToExistingCustomerId && entityId) {
+      await _authenticatedProxyApi.authenticatedProxyApi.putDossierById({
+        id: entityId,
+        payload: {
+          klant: linkToExistingCustomerId
+        }
+      });
+    }
+    return response;
   });
   return {
     isCreatingPlannedAppointment: createPlannedAppointmentMutation.isLoading,
@@ -280,7 +364,8 @@ const useCreatePrivateAppointmentMutation = () => {
  */
 exports.useCreatePrivateAppointmentMutation = useCreatePrivateAppointmentMutation;
 const useCreatePrivateAppointmentRequestMutation = () => {
-  const createAppointmentRequestMutation = (0, _reactQuery.useMutation)(_ref7 => {
+  const createAppointmentRequestMutation = (0, _reactQuery.useMutation)(async _ref9 => {
+    var _response$data2;
     let {
       vehicle,
       customer,
@@ -297,8 +382,13 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       discount,
       customerAgreed,
       montageRate
-    } = _ref7;
-    return _authenticatedProxyApi.authenticatedProxyApi.postAppointmentRequest({
+    } = _ref9;
+    const _ref10 = customer || {},
+      {
+        linkToExistingCustomerId
+      } = _ref10,
+      restCustomer = _objectWithoutProperties(_ref10, _excluded3);
+    const response = await _authenticatedProxyApi.authenticatedProxyApi.postAppointmentRequest({
       appointment,
       model,
       vehicle,
@@ -310,11 +400,21 @@ const useCreatePrivateAppointmentRequestMutation = () => {
       answers,
       cart,
       selectBoardComputerUpdate,
-      customer: customer,
+      customer: restCustomer,
       branchId,
       customerAgreed,
       montageRate
     });
+    const entityId = (_response$data2 = response.data) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.entityId;
+    if (linkToExistingCustomerId && entityId) {
+      await _authenticatedProxyApi.authenticatedProxyApi.putDossierById({
+        id: entityId,
+        payload: {
+          klant: linkToExistingCustomerId
+        }
+      });
+    }
+    return response;
   });
   return {
     isCreatingAppointmentRequest: createAppointmentRequestMutation.isLoading,
@@ -332,7 +432,7 @@ const useCreatePrivateAppointmentRequestMutation = () => {
  */
 exports.useCreatePrivateAppointmentRequestMutation = useCreatePrivateAppointmentRequestMutation;
 const useUpdatePrivateAppointmentRequestByIdMutation = id => {
-  const updateAppointmentRequestByIdMutation = (0, _reactQuery.useMutation)(_ref8 => {
+  const updateAppointmentRequestByIdMutation = (0, _reactQuery.useMutation)(async _ref11 => {
     let {
       vehicle,
       customer,
@@ -349,7 +449,20 @@ const useUpdatePrivateAppointmentRequestByIdMutation = id => {
       discount,
       priceCalculationDate,
       customerAgreed
-    } = _ref8;
+    } = _ref11;
+    const _ref12 = customer || {},
+      {
+        linkToExistingCustomerId
+      } = _ref12,
+      restCustomer = _objectWithoutProperties(_ref12, _excluded4);
+    if (linkToExistingCustomerId) {
+      await _authenticatedProxyApi.authenticatedProxyApi.putDossierById({
+        id,
+        payload: {
+          klant: linkToExistingCustomerId
+        }
+      });
+    }
     return _authenticatedProxyApi.authenticatedProxyApi.putAppointmentRequestById({
       id,
       payload: {
@@ -364,7 +477,7 @@ const useUpdatePrivateAppointmentRequestByIdMutation = id => {
         answers,
         cart,
         selectBoardComputerUpdate,
-        customer,
+        customer: restCustomer,
         branchId,
         priceCalculationDate,
         customerAgreed
@@ -387,7 +500,7 @@ const useUpdatePrivateAppointmentRequestByIdMutation = id => {
  */
 exports.useUpdatePrivateAppointmentRequestByIdMutation = useUpdatePrivateAppointmentRequestByIdMutation;
 const useUpdatePrivateQuotationByIdMutation = id => {
-  const updateQuotationMutation = (0, _reactQuery.useMutation)(_ref9 => {
+  const updateQuotationMutation = (0, _reactQuery.useMutation)(async _ref13 => {
     let {
       vehicle,
       customer,
@@ -401,7 +514,20 @@ const useUpdatePrivateQuotationByIdMutation = id => {
       formula,
       discount,
       priceCalculationDate
-    } = _ref9;
+    } = _ref13;
+    const _ref14 = customer || {},
+      {
+        linkToExistingCustomerId
+      } = _ref14,
+      restCustomer = _objectWithoutProperties(_ref14, _excluded5);
+    if (linkToExistingCustomerId) {
+      await _authenticatedProxyApi.authenticatedProxyApi.putDossierById({
+        id,
+        payload: {
+          klant: linkToExistingCustomerId
+        }
+      });
+    }
     return _authenticatedProxyApi.authenticatedProxyApi.putQuotationById({
       id,
       payload: {
@@ -414,7 +540,7 @@ const useUpdatePrivateQuotationByIdMutation = id => {
         answers,
         cart,
         selectBoardComputerUpdate,
-        customer,
+        customer: restCustomer,
         branchId,
         priceCalculationDate
       }
@@ -436,7 +562,7 @@ const useUpdatePrivateQuotationByIdMutation = id => {
  */
 exports.useUpdatePrivateQuotationByIdMutation = useUpdatePrivateQuotationByIdMutation;
 const useUpdatePrivateAppointmentByIdMutation = id => {
-  const updateAppointmentByIdMutation = (0, _reactQuery.useMutation)(_ref10 => {
+  const updateAppointmentByIdMutation = (0, _reactQuery.useMutation)(async _ref15 => {
     let {
       vehicle,
       customer,
@@ -453,7 +579,20 @@ const useUpdatePrivateAppointmentByIdMutation = id => {
       discount,
       priceCalculationDate,
       customerAgreed
-    } = _ref10;
+    } = _ref15;
+    const _ref16 = customer || {},
+      {
+        linkToExistingCustomerId
+      } = _ref16,
+      restCustomer = _objectWithoutProperties(_ref16, _excluded6);
+    if (linkToExistingCustomerId) {
+      await _authenticatedProxyApi.authenticatedProxyApi.putDossierById({
+        id,
+        payload: {
+          klant: linkToExistingCustomerId
+        }
+      });
+    }
     return _authenticatedProxyApi.authenticatedProxyApi.putAppointmentById({
       id,
       payload: {
@@ -468,7 +607,7 @@ const useUpdatePrivateAppointmentByIdMutation = id => {
         answers,
         cart,
         selectBoardComputerUpdate,
-        customer,
+        customer: restCustomer,
         branchId,
         priceCalculationDate,
         customerAgreed

package/dist/src/shared/__components__/Header.js

@@ -8,7 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _logoPrimaryIcon = _interopRequireDefault(require("../../../public/assets/images/logo-primary-icon.svg"));
 var _logoThcWhite = _interopRequireDefault(require("../../../public/assets/images/logo-thc-white.svg"));
 var _logoTmgPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-tmg-primary.png"));
+var _tmLogo = _interopRequireDefault(require("../../../public/assets/images/tm-logo.png"));
 var _constants__ = require("../__constants__");
+var _FormulaContext = require("../__context__/FormulaContext");
 var _helpers__ = require("../__helpers__");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");
 function _interopRequireDefault(e) {
@@ -22,6 +24,7 @@ const Header = _ref => {
     subtitle = ''
   } = _ref;
   const theme = (0, _useBranchTheme.useBranchTheme)();
+  const formula = (0, _FormulaContext.useFormula)();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)("hero hero--offset")
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -32,7 +35,7 @@ const Header = _ref => {
     className: (0, _helpers__.withStyle)('col hero__logo-container')
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)("hero__logo ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'hero__logo--tmg' : '')),
-    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoPrimaryIcon.default,
+    src: formula === _constants__.CONFIGURATOR_FORMULAS.TM ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoPrimaryIcon.default,
     alt: "Trekhaak Montage"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('hero__inner d-none d-lg-block')

package/dist/src/shared/__components__/Navbar.js

@@ -8,7 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _logoThcWhite = _interopRequireDefault(require("../../../public/assets/images/logo-thc-white.svg"));
 var _logoTmgPrimary = _interopRequireDefault(require("../../../public/assets/images/logo-tmg-primary.png"));
 var _logoWhite = _interopRequireDefault(require("../../../public/assets/images/logo-white.svg"));
+var _tmLogo = _interopRequireDefault(require("../../../public/assets/images/tm-logo.png"));
 var _constants__ = require("../__constants__");
+var _FormulaContext = require("../__context__/FormulaContext");
 var _helpers__ = require("../__helpers__");
 var _useBranchTheme = require("../__hooks__/useBranchTheme");
 function _interopRequireDefault(e) {
@@ -21,6 +23,7 @@ const Navbar = _ref => {
     onPhoneClicked
   } = _ref;
   const theme = (0, _useBranchTheme.useBranchTheme)();
+  const formula = (0, _FormulaContext.useFormula)();
   return /*#__PURE__*/_react.default.createElement("nav", {
     className: (0, _helpers__.withStyle)("navbar fixed-top ".concat(theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? 'thc' : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? 'tmg' : ''))
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -30,7 +33,7 @@ const Navbar = _ref => {
     href: APP_CONFIG.websiteHost
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('img-fluid'),
-    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
+    src: formula === _constants__.CONFIGURATOR_FORMULAS.TM ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
     alt: "Trekhaakmontage"
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('navbar__phone ms-10 d-none d-sm-flex')

package/dist/src/shared/__components__/Spinners/FullPageSpinner.js

@@ -11,10 +11,12 @@ require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _logoThcWhite = _interopRequireDefault(require("../../../../public/assets/images/logo-thc-white.svg"));
 var _logoTmgPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-tmg-primary.png"));
+var _tmLogo = _interopRequireDefault(require("../../../../public/assets/images/tm-logo.png"));
 var _logoWhite = _interopRequireDefault(require("../../../../public/assets/images/logo-white.png"));
 var _constants__ = require("../../__constants__");
 var _helpers__ = require("../../__helpers__");
 var _useBranchTheme = require("../../__hooks__/useBranchTheme");
+var _FormulaContext = require("../../__context__/FormulaContext");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -51,6 +53,7 @@ const FullPageSpinner = _ref => {
   } = _ref;
   const [hasRendered, setHasRendered] = (0, _react.useState)();
   const theme = (0, _useBranchTheme.useBranchTheme)();
+  const formula = (0, _FormulaContext.useFormula)();
   (0, _react.useEffect)(() => {
     setHasRendered(true);
   }, []);
@@ -64,7 +67,7 @@ const FullPageSpinner = _ref => {
     className: "fas fa-cog fa-spin"
   }), ' '), children ? children : /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _helpers__.withStyle)('loader__logo'),
-    src: theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
+    src: formula === _constants__.CONFIGURATOR_FORMULAS.TM ? _tmLogo.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.Trekhaakcentrum ? _logoThcWhite.default : theme === _constants__.BRANCH_THEME_BY_FORMULA.TowMotiveGroup ? _logoTmgPrimary.default : _logoWhite.default,
     alt: "Trekhaak Montage - Configurator"
   }));
 };

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

@@ -28,6 +28,7 @@ var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
 var _useIsTmg = require("../../__hooks__/useIsTmg");
+var _AddressLookupService = _interopRequireDefault(require("../../__services__/AddressLookupService"));
 var _LocalStorageWorker = require("../../__services__/LocalStorageWorker");
 var _LinkButton = _interopRequireDefault(require("../Buttons/LinkButton"));
 var _CardWide = _interopRequireDefault(require("../Cards/CardWide"));
@@ -179,6 +180,9 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
   const formula = (0, _FormulaContext.useFormula)();
   const [companySearchTerm, setCompanySearchTerm] = (0, _react.useState)('');
   const [isCompanyInputFocused, setIsCompanyInputFocused] = (0, _react.useState)(false);
+  const [addressLookupLoading, setAddressLookupLoading] = (0, _react.useState)(false);
+  const [addressLookupTimeoutId, setAddressLookupTimeoutId] = (0, _react.useState)(null);
+  const addressLookupService = new _AddressLookupService.default();
   const branchType = 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;
   const {
     marketingChannels,
@@ -311,6 +315,62 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
       });
     }
   };
+
+  /**
+   * @description Debounced address lookup function
+   */
+  const performAddressLookup = async (postcode, houseNumber) => {
+    if (!postcode || !houseNumber) return;
+    try {
+      setAddressLookupLoading(true);
+      const addressInfo = await addressLookupService.lookup(postcode, houseNumber);
+      if (addressInfo && addressInfo.street && addressInfo.city) {
+        // Auto-fill street and city fields
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_STREET_NAME,
+          payload: {
+            streetName: addressInfo.street
+          }
+        });
+        dispatch({
+          type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_CITY,
+          payload: {
+            city: addressInfo.city
+          }
+        });
+      }
+    } catch (error) {
+      console.error('Address lookup failed:', error);
+    } finally {
+      setAddressLookupLoading(false);
+    }
+  };
+
+  /**
+   * @description Handles address lookup with debouncing
+   */
+  const handleAddressLookup = (postcode, houseNumber) => {
+    // Clear existing timeout
+    if (addressLookupTimeoutId) {
+      clearTimeout(addressLookupTimeoutId);
+    }
+
+    // Set new timeout for debounced lookup
+    const newTimeoutId = setTimeout(() => {
+      performAddressLookup(postcode, houseNumber);
+    }, 800); // 800ms delay
+
+    setAddressLookupTimeoutId(newTimeoutId);
+  };
+
+  // Cleanup timeout on unmount
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (addressLookupTimeoutId) {
+        clearTimeout(addressLookupTimeoutId);
+      }
+    };
+  }, [addressLookupTimeoutId]);
   const validateForm = async () => {
     try {
       let validationSchema = webshop || !isTmg ? customerDetailsFormSchema.omit(['channelType', 'channelId']) : customerDetailsFormSchema;
@@ -653,12 +713,18 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     placeholder: "",
     initialValue: customer.zipCode,
     name: "zipCode",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ZIP_CODE,
-      payload: {
-        zipCode: value
+    onChange: value => {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_ZIP_CODE,
+        payload: {
+          zipCode: value
+        }
+      });
+      // Trigger address lookup if house number is also available
+      if (customer.houseNumber) {
+        handleAddressLookup(value, customer.houseNumber);
       }
-    }),
+    },
     isRequired: false,
     form: form,
     label: "Postcode:",
@@ -667,12 +733,18 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     placeholder: "",
     initialValue: customer.houseNumber,
     name: "houseNumber",
-    onChange: value => dispatch({
-      type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_HOUSE_NUMBER,
-      payload: {
-        houseNumber: value
+    onChange: value => {
+      dispatch({
+        type: _OrderSessionContext.orderSessionActions.SET_CUSTOMER_HOUSE_NUMBER,
+        payload: {
+          houseNumber: value
+        }
+      });
+      // Trigger address lookup if postcode is also available
+      if (customer.zipCode) {
+        handleAddressLookup(customer.zipCode, value);
       }
-    }),
+    },
     isRequired: false,
     form: form,
     label: "Huisnummer:",
@@ -692,7 +764,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     label: "Huisnummer toevoeging:",
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['houseNumberAddition']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
+    placeholder: addressLookupLoading ? 'Adres wordt opgezocht...' : '',
     initialValue: customer.streetName,
     name: "streetName",
     onChange: value => dispatch({
@@ -703,10 +775,10 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     }),
     isRequired: false,
     form: form,
-    label: "Straat:",
+    label: "Straat:".concat(addressLookupLoading ? ' (wordt opgezocht...)' : ''),
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['streetName']
   }), /*#__PURE__*/_react.default.createElement(_TextInput.default, {
-    placeholder: "",
+    placeholder: addressLookupLoading ? 'Stad wordt opgezocht...' : '',
     initialValue: customer.city,
     name: "city",
     onChange: value => dispatch({
@@ -717,7 +789,7 @@ const InternalCustomerDetailsForm = (_ref, ref) => {
     }),
     isRequired: false,
     form: form,
-    label: "Stad:",
+    label: "Stad:".concat(addressLookupLoading ? ' (wordt opgezocht...)' : ''),
     errorMessage: errors === null || errors === void 0 ? void 0 : errors['city']
   }), /*#__PURE__*/_react.default.createElement(_DropdownInput.default, {
     options: countryOptions,

package/dist/src/shared/__hooks__/useCheckEmailExists.js

@@ -0,0 +1,73 @@
+"use strict";
+
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCheckEmailExists = void 0;
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = require("react");
+var _authenticatedProxyApi = require("../__api__/authenticatedProxyApi");
+const useCheckEmailExists = () => {
+  const [isChecking, setIsChecking] = (0, _react.useState)(false);
+  const checkEmailExists = async email => {
+    if (!email || !email.trim()) {
+      return {
+        status: 'error',
+        emailExists: null,
+        message: 'Geen e-mailadres opgegeven.'
+      };
+    }
+    setIsChecking(true);
+    try {
+      var _response$data;
+      const response = await _authenticatedProxyApi.authenticatedProxyApi.getDossiers({
+        term: email.trim(),
+        limit: 1
+      });
+      if (response.status === 200 && (_response$data = response.data) !== null && _response$data !== void 0 && _response$data.results) {
+        var _matchingDossier$klan, _matchingDossier$klan2;
+        const hasMatchingDossier = response.data.results.length > 0;
+        const matchingDossier = hasMatchingDossier ? response.data.results[0] : null;
+        const matchingCustomerId = (matchingDossier === null || matchingDossier === void 0 || (_matchingDossier$klan = matchingDossier.klant) === null || _matchingDossier$klan === void 0 ? void 0 : _matchingDossier$klan.entityId) || (matchingDossier === null || matchingDossier === void 0 || (_matchingDossier$klan2 = matchingDossier.klant) === null || _matchingDossier$klan2 === void 0 ? void 0 : _matchingDossier$klan2.id) || (matchingDossier === null || matchingDossier === void 0 ? void 0 : matchingDossier.klant) || null;
+        setIsChecking(false);
+        if (hasMatchingDossier) {
+          return {
+            status: 'success',
+            emailExists: true,
+            message: 'Dit e-mailadres is al in gebruik.',
+            matchingDossier,
+            existingCustomerId: matchingCustomerId
+          };
+        }
+        return {
+          status: 'success',
+          emailExists: false,
+          message: null,
+          matchingDossier: null,
+          existingCustomerId: null
+        };
+      }
+    } catch (error) {
+      setIsChecking(false);
+      return {
+        status: 'error',
+        emailExists: null,
+        message: 'Er is een fout opgetreden bij het controleren van het e-mailadres.',
+        matchingDossier: null,
+        existingCustomerId: null
+      };
+    } finally {
+      setIsChecking(false);
+    }
+  };
+  return {
+    checkEmailExists,
+    isChecking
+  };
+};
+exports.useCheckEmailExists = useCheckEmailExists;

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

@@ -1,17 +1,30 @@
 "use strict";
 
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.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");
 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", {
   value: true
 });
 exports.default = void 0;
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
 var _reactQuery = require("react-query");
 var _mutations = require("../../__api__/mutations");
+var _queries = require("../../__api__/queries");
 var _Header = _interopRequireDefault(require("../../__components__/Header"));
+var _Modal = _interopRequireDefault(require("../../__components__/Modal"));
 var _NavigationSteps = _interopRequireDefault(require("../../__components__/NavigationSteps"));
 var _constants__ = require("../../__constants__");
 var _internal = require("../../__containers__/internal");
@@ -20,18 +33,108 @@ var _ProductCartSide = _interopRequireDefault(require("../../__containers__/Prod
 var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
+var _useCheckEmailExists = require("../../__hooks__/useCheckEmailExists");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
   };
 }
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
 const InternalAppointmentPage = () => {
   const formula = (0, _FormulaContext.useFormula)();
   const [{
-    existingDossierId
+    existingDossierId,
+    existingDossierType
   }] = (0, _OrderSessionContext.useOrderSession)();
   const queryClient = (0, _reactQuery.useQueryClient)();
   const [createdEntityId, setCreatedEntityId] = _react.default.useState(null);
+  const [isEmailConflictModalShown, setIsEmailConflictModalShown] = (0, _react.useState)(false);
+  const [pendingPayload, setPendingPayload] = (0, _react.useState)(null);
+  const [emailConflictData, setEmailConflictData] = (0, _react.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined') {
+      const appEl = window.document.getElementsByTagName('main');
+      setAnchorEl(appEl === null || appEl === void 0 ? void 0 : appEl[0]);
+    }
+  }, []);
+  const {
+    checkEmailExists,
+    isChecking: isCheckingEmail
+  } = (0, _useCheckEmailExists.useCheckEmailExists)();
+  const {
+    dossierById
+  } = (0, _queries.usePrivateDossierByTypeAndIdQuery)({
+    dossierId: existingDossierId,
+    dossierType: existingDossierType
+  });
   const {
     createPlannedAppointment,
     isCreatePlannedAppointmentError,
@@ -60,7 +163,7 @@ const InternalAppointmentPage = () => {
     isUpdatingAppointmentRequest,
     data: updateAppointmentRequestData
   } = (0, _mutations.useUpdatePrivateAppointmentRequestByIdMutation)(existingDossierId);
-  const handleSubmit = async payload => {
+  const performSubmit = async payload => {
     if (payload !== null && payload !== void 0 && payload.appointmentType && payload.appointmentType === _constants__.DOSSIER_TYPES.PlannedAppointment) {
       var _response$data2;
       if (existingDossierId) {
@@ -91,6 +194,44 @@ const InternalAppointmentPage = () => {
       }
     }
   };
+  const handleSubmit = async payload => {
+    var _dossierById$klant, _payload$customer;
+    const originalEmail = (dossierById === null || dossierById === void 0 || (_dossierById$klant = dossierById.klant) === null || _dossierById$klant === void 0 ? void 0 : _dossierById$klant.email2) || '';
+    const normalizedOriginalEmail = originalEmail.trim().toLowerCase();
+    const normalizedCurrentEmail = (((_payload$customer = payload.customer) === null || _payload$customer === void 0 ? void 0 : _payload$customer.email) || '').trim().toLowerCase();
+    if (normalizedCurrentEmail && normalizedCurrentEmail !== normalizedOriginalEmail) {
+      const emailCheckResult = await checkEmailExists(payload.customer.email);
+      if (emailCheckResult.status === 'success' && emailCheckResult.emailExists) {
+        setPendingPayload(payload);
+        setEmailConflictData(emailCheckResult);
+        setIsEmailConflictModalShown(true);
+        return;
+      }
+    }
+    await performSubmit(payload);
+  };
+  const handleLinkContact = () => {
+    if (pendingPayload) {
+      const linkToExistingCustomerId = emailConflictData === null || emailConflictData === void 0 ? void 0 : emailConflictData.existingCustomerId;
+      const payloadToSubmit = linkToExistingCustomerId ? _objectSpread(_objectSpread({}, pendingPayload), {}, {
+        customer: _objectSpread(_objectSpread({}, pendingPayload.customer), {}, {
+          linkToExistingCustomerId
+        })
+      }) : pendingPayload;
+      performSubmit(payloadToSubmit);
+    }
+    setIsEmailConflictModalShown(false);
+    setPendingPayload(null);
+    setEmailConflictData(null);
+  };
+  const handleCancelLink = () => {
+    if (pendingPayload) {
+      performSubmit(pendingPayload);
+    }
+    setIsEmailConflictModalShown(false);
+    setPendingPayload(null);
+    setEmailConflictData(null);
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('vh-100')
   }, ' ', /*#__PURE__*/_react.default.createElement(_internal.InternalCancelDossierEdit, null), /*#__PURE__*/_react.default.createElement(_Header.default, {
@@ -117,11 +258,27 @@ const InternalAppointmentPage = () => {
   }, /*#__PURE__*/_react.default.createElement(_InternalAppointmentForm.default, {
     onSubmit: handleSubmit,
     isError: isCreatePlannedAppointmentError || isUpdateAppointmentError || isCreateAppointmentRequestError || isUpdateAppointmentRequestError,
-    isLoading: isUpdatingAppointment || isCreatingPlannedAppointment || isCreatingAppointmentRequest || isUpdatingAppointmentRequest,
+    isLoading: isUpdatingAppointment || isCreatingPlannedAppointment || isCreatingAppointmentRequest || isUpdatingAppointmentRequest || isCheckingEmail,
     isSuccess: isCreatePlannedAppointmentSuccess || isCreateAppointmentRequestSuccess || isUpdateAppointmentSuccess || isUpdateAppointmentRequestSuccess,
     entityId: createdEntityId || existingDossierId
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)("sidebar col col-xxl-4 pt-5")
-  }, /*#__PURE__*/_react.default.createElement(_ProductCartSide.default, null))))));
+  }, /*#__PURE__*/_react.default.createElement(_ProductCartSide.default, null))))), anchorEl && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_Modal.default, {
+    isOpen: isEmailConflictModalShown,
+    title: "Contact koppelen?",
+    onClose: () => {
+      setIsEmailConflictModalShown(false);
+      setPendingPayload(null);
+      setEmailConflictData(null);
+    },
+    primaryButtonText: "Ja, koppel contact",
+    secondaryButtonText: "Annuleren",
+    onPrimaryButtonClicked: handleLinkContact,
+    onSecondaryButtonClicked: handleCancelLink
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-center')
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "mb-2"
+  }, "Dit mail adres is al in gebruik, wilt u dit contact koppelen aan de al bestaande customer?"))), anchorEl));
 };
 var _default = exports.default = InternalAppointmentPage;

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

@@ -1,16 +1,29 @@
 "use strict";
 
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.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");
 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", {
   value: true
 });
 exports.default = void 0;
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.trim.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
 var _mutations = require("../../__api__/mutations");
+var _queries = require("../../__api__/queries");
 var _Header = _interopRequireDefault(require("../../__components__/Header"));
+var _Modal = _interopRequireDefault(require("../../__components__/Modal"));
 var _NavigationSteps = _interopRequireDefault(require("../../__components__/NavigationSteps"));
 var _constants__ = require("../../__constants__");
 var _internal = require("../../__containers__/internal");
@@ -19,17 +32,106 @@ var _QuotationSuccessModal = _interopRequireDefault(require("../../__containers_
 var _FormulaContext = require("../../__context__/FormulaContext");
 var _OrderSessionContext = require("../../__context__/OrderSessionContext");
 var _helpers__ = require("../../__helpers__");
+var _useCheckEmailExists = require("../../__hooks__/useCheckEmailExists");
 function _interopRequireDefault(e) {
   return e && e.__esModule ? e : {
     default: e
   };
 }
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != typeof e && "function" != typeof e) return {
+    default: e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n.default = e, t && t.set(e, n), n;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
 const InternalQuotationPage = () => {
   const formula = (0, _FormulaContext.useFormula)();
   const [{
     existingDossierId
   }] = (0, _OrderSessionContext.useOrderSession)();
   const [createdEntityId, setCreatedEntityId] = _react.default.useState(null);
+  const [isEmailConflictModalShown, setIsEmailConflictModalShown] = (0, _react.useState)(false);
+  const [pendingPayload, setPendingPayload] = (0, _react.useState)(null);
+  const [emailConflictData, setEmailConflictData] = (0, _react.useState)(null);
+  const [anchorEl, setAnchorEl] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    if (typeof window !== 'undefined') {
+      const appEl = window.document.getElementsByTagName('main');
+      setAnchorEl(appEl === null || appEl === void 0 ? void 0 : appEl[0]);
+    }
+  }, []);
+  const {
+    checkEmailExists,
+    isChecking: isCheckingEmail
+  } = (0, _useCheckEmailExists.useCheckEmailExists)();
+  const {
+    dossierById
+  } = (0, _queries.usePrivateDossierByTypeAndIdQuery)({
+    dossierId: existingDossierId,
+    dossierType: _constants__.DOSSIER_TYPES.Quotation
+  });
   const {
     createQuotation,
     isCreateQuotationSuccess,
@@ -44,7 +146,7 @@ const InternalQuotationPage = () => {
     isUpdatingQuotation,
     data: updateQuotationData
   } = (0, _mutations.useUpdatePrivateQuotationByIdMutation)(existingDossierId);
-  const handleSubmit = async payload => {
+  const performSubmit = async payload => {
     var _response$data2;
     if (existingDossierId) {
       var _response$data;
@@ -59,6 +161,44 @@ const InternalQuotationPage = () => {
       setCreatedEntityId(response.data.data.entityId);
     }
   };
+  const handleSubmit = async payload => {
+    var _dossierById$klant, _payload$customer;
+    const originalEmail = (dossierById === null || dossierById === void 0 || (_dossierById$klant = dossierById.klant) === null || _dossierById$klant === void 0 ? void 0 : _dossierById$klant.email2) || '';
+    const normalizedOriginalEmail = originalEmail.trim().toLowerCase();
+    const normalizedCurrentEmail = (((_payload$customer = payload.customer) === null || _payload$customer === void 0 ? void 0 : _payload$customer.email) || '').trim().toLowerCase();
+    if (normalizedCurrentEmail && normalizedCurrentEmail !== normalizedOriginalEmail) {
+      const emailCheckResult = await checkEmailExists(payload.customer.email);
+      if (emailCheckResult.status === 'success' && emailCheckResult.emailExists) {
+        setPendingPayload(payload);
+        setEmailConflictData(emailCheckResult);
+        setIsEmailConflictModalShown(true);
+        return;
+      }
+    }
+    await performSubmit(payload);
+  };
+  const handleLinkContact = () => {
+    if (pendingPayload) {
+      const linkToExistingCustomerId = emailConflictData === null || emailConflictData === void 0 ? void 0 : emailConflictData.existingCustomerId;
+      const payloadToSubmit = linkToExistingCustomerId ? _objectSpread(_objectSpread({}, pendingPayload), {}, {
+        customer: _objectSpread(_objectSpread({}, pendingPayload.customer), {}, {
+          linkToExistingCustomerId
+        })
+      }) : pendingPayload;
+      performSubmit(payloadToSubmit);
+    }
+    setIsEmailConflictModalShown(false);
+    setPendingPayload(null);
+    setEmailConflictData(null);
+  };
+  const handleCancelLink = () => {
+    if (pendingPayload) {
+      performSubmit(pendingPayload);
+    }
+    setIsEmailConflictModalShown(false);
+    setPendingPayload(null);
+    setEmailConflictData(null);
+  };
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _helpers__.withStyle)('vh-100')
   }, /*#__PURE__*/_react.default.createElement(_internal.InternalCancelDossierEdit, null), " ", /*#__PURE__*/_react.default.createElement(_Header.default, null), ' ', /*#__PURE__*/_react.default.createElement(_QuotationSuccessModal.default, {
@@ -86,9 +226,25 @@ const InternalQuotationPage = () => {
   }, /*#__PURE__*/_react.default.createElement(_InternalQuotationForm.default, {
     onSubmit: handleSubmit,
     isError: isCreateQuotationError || isUpdateQuotationError,
-    isLoading: isUpdatingQuotation || isCreatingQuotation,
+    isLoading: isUpdatingQuotation || isCreatingQuotation || isCheckingEmail,
     isSuccess: isCreateQuotationSuccess || isUpdateQuotationSuccess,
     entityId: createdEntityId || existingDossierId
-  }))))));
+  }))))), anchorEl && /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_Modal.default, {
+    isOpen: isEmailConflictModalShown,
+    title: "Contact koppelen?",
+    onClose: () => {
+      setIsEmailConflictModalShown(false);
+      setPendingPayload(null);
+      setEmailConflictData(null);
+    },
+    primaryButtonText: "Ja, koppel contact",
+    secondaryButtonText: "Annuleren",
+    onPrimaryButtonClicked: handleLinkContact,
+    onSecondaryButtonClicked: handleCancelLink
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-center')
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "mb-2"
+  }, "Dit mail adres is al in gebruik, wilt u dit contact koppelen aan de al bestaande customer?"))), anchorEl));
 };
 var _default = exports.default = InternalQuotationPage;

package/package.json

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