https://www.hypotheker.nl/assets/js/chunks/5431.d1f1c8ad1a88cc189139.js

1(self.webpackChunk=self.webpackChunk||[]).push([[5431,3120],{5431:(module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _api=_interopRequireDefault(__webpack_require__(7376)),_api2=_interopRequireDefault(__webpack_require__(2210)),_events=_interopRequireDefault(__webpack_require__(3358)),_scrollTo=__webpack_require__(3120),_services=__webpack_require__(5472),_url=__webpack_require__(4749),_jquery=_interopRequireDefault(__webpack_require__(8291)),_form=_interopRequireDefault(__webpack_require__(4614));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}const UTM_MEDIUM_META_KEYS=["ansichtkaart"];class VestigingZoekerEmailCheck extends _form.default{constructor(element){super(element),this.$hiddenOfficeId=(0,_jquery.default)(document).find("[js-hook-vestiging-zoeker-hidden]"),this.$emailCheckWrapper=(0,_jquery.default)(document).find("[js-hook-vestiging-zoeker-email-check-wrapper]"),this.$emailCheckErrorMessage=(0,_jquery.default)(element).find("[js-hook-vestiging-zoeker-email-check-error-message]"),this.$emailInput=this.$element.find("#form-element--email"),this.formData={},this.office=null,this.emailCheck=null,this.subject=this.getPrefilledSubject();const $vestigingZoeker=this.$element.closest("[js-hook-vestiging-zoeker]");this.overruledReason=$vestigingZoeker.attr("data-overruled-reason-for-appointment")||"",this.remarksLabel=$vestigingZoeker.attr("data-remarks-label")||"",this.isCustomerRecruitsCustomer="klant-werft-klant"===this.overruledReason.trim().toLowerCase(),this.utmMediumMetaKey=this.getUtmMediumMetaKey(),this._bindEventsVestigingZoekerEmailCheck()}_bindEventsVestigingZoekerEmailCheck(){this.initFormSubmit(),_events.default.$on("vestiging-zoeker::set-office",((event,office)=>{this.office=office,this.hideErrorMessage(this.$hiddenOfficeId)}))}initFormSubmit(){this.$element.on("submit",(e=>{if(this.$element.removeClass("is-submit-error is-submit-success"),this._validateInputFields(),!this.$element.find(".is-invalid").length){if(!this.office){this.setErrorMessage("location");const officeSearchSection=document.querySelector(".s-appointment__form__left");return(0,_scrollTo.ScrollToElementWithOffset)(officeSearchSection,100),void document.getElementById("vestiging-zoeker--default").focus()}this.setFormData();const{email,addToMarketing}=this.formData,existingCustomer="true"===this.formData.existingCustomer||!1;this.$buttons.attr("disabled","disabled").addClass("is-loading"),"true"===this.formData.addNewsLetter&&this.doNewsLetterSignUp(this.formData.email,this.office.officeId).then((()=>{})),this.doEmailCheck(this.formData.email,this.office.officeId,existingCustomer).then((data=>{data&&(this.emailCheck=data,this.getPexipInstance(),this.initAppointmentForm(data.showPexipForm),this.$buttons.attr("disabled",!1).removeClass("is-loading"),setTimeout((()=>{addToMarketing&&(0,_services.addToMarketingListService)(email,"AF")}),0))}))}e.preventDefault()}))}initAppointmentForm(showPexip){const formStart=document.querySelector(".c-afspraak-maken");if(_events.default.$trigger("vestiging-zoeker::init-form"),this.$emailCheckWrapper.hide(),showPexip){const pluginElement=document.querySelector("#skedify-plugin-wrapper");document.querySelector(".c-afspraak-maken__pexip").id="pexip-form-shown",pluginElement.setAttribute("data-pexip-office-ids",this.office.intermediaryCode),pluginElement.setAttribute("data-pexip-customer-first_name",this.formData.firstName),this.subject&&this.subject.pexi

1p&&(pluginElement.setAttribute("data-pexip-subject-ids",this.subject.pexip),pluginElement.setAttribute("data-pexip-subject-type","externalId"));const subjectQuestions=[{externalId:"gender",value:this.formData.genderEmailCheck.toLowerCase()},{externalId:"initials",value:this.formData.initials}];this.isCustomerRecruitsCustomer&&subjectQuestions.push({externalId:"remarks",value:this.overruledReason}),pluginElement.setAttribute("data-pexip-subject_questions",JSON.stringify(subjectQuestions)),this.emailCheck.existingCustomer&&pluginElement.setAttribute("data-pexip-flow","SMETCQ");const subjectGroupId=this.emailCheck.existingCustomer?"OG":"OGP";pluginElement.setAttribute("data-pexip-subject_group-ids",subjectGroupId),pluginElement.setAttribute("data-pexip-subject_group-type","externalId"),pluginElement.setAttribute("data-pexip-application-go_back","enable"),pluginElement.setAttribute("data-pexip-customer-email",this.formData.email),pluginElement.setAttribute("data-pexip-customer-last_name",this.formData.infix?`${this.formData.infix} ${this.formData.lastName}`:this.formData.lastName),pluginElement.setAttribute("data-pexip-customer-phone_number",this.formData.telephoneNumber),pluginElement.setAttribute("data-pexip-language",(0,_url.getLanguageFromUrl)()),pluginElement.classList.add("skedify-plugin"),pluginElement.style.display="block",window.PexipEngage("create",{element:pluginElement})}else{const afspraakMaken=document.querySelector(".c-afspraak-maken__pexip");if(afspraakMaken.classList.remove("u-hidden"),afspraakMaken.querySelector(`#gender--${this.formData.genderEmailCheck}`).checked=!0,afspraakMaken.querySelector("#form-element--email").value=this.formData.email,afspraakMaken.querySelector("#form-element--firstName").value=this.formData.firstName,afspraakMaken.querySelector("#form-element--initials").value=this.formData.initials,afspraakMaken.querySelector("#form-element--infix").value=this.formData.infix,afspraakMaken.querySelector("#form-element--lastName").value=this.formData.lastName,afspraakMaken.querySelector("#form-element--telephoneNumber").value=this.formData.telephoneNumber,this.subject&&this.subject.form){afspraakMaken.querySelector("#form-element--reasonForAppointment").value=this.subject.form}this.setCustomerRecruitsCustomerRemarks(afspraakMaken)}formStart&&formStart.scrollIntoView({behavior:"smooth",block:"start"})}setCustomerRecruitsCustomerRemarks(afspraakMaken){if(!this.isCustomerRecruitsCustomer)return;const commentsLabel=afspraakMaken.querySelector('label[for="form-element--comments"]');commentsLabel&&this.remarksLabel&&(commentsLabel.textContent=this.remarksLabel)}setFormData(){_jquery.default.each(this.$element.serializeArray(),((_,kv)=>{this.formData[kv.name]=kv.value})),Object.values(this.formData).length>0&&(window.localStorage.setItem("hypo.emailCheckOfficeId",this.office.officeId),window.localStorage.setItem("hypo.emailCheckData",JSON.stringify(this.formData)))}doEmailCheck(email,officeId,existingCustomer){return new Promise(((resolve,reject)=>{const url=`${_api2.default.getApiUrl(2)}clientcommunication/emailcheck?Email=${email}&OfficeId=${officeId}&ExistingCustomer=${existingCustomer||!1}`;_api.default.makeRequest({url,method:"GET"},"",{withoutApiUrl:!0,withoutCredentials:!1}).then((data=>this.data=data)).then((()=>resolve(this.data))).catch((error=>{var _error$responseJSON;this.$buttons.attr("disabled",!1).removeClass("is-loading"),"INVALID_EMAIL"===(null==error||null===(_error$responseJSON=error.responseJSON)||void 0===_error$responseJSON?void 0:_error$responseJSON.errorMessage)?(this.$emailInput.addClass("is-invalid").removeClass("is-valid"),this.showErrorMessage(this.$emailInput,"invalid")):this.$emailCheckErrorMessage.removeClass("u-hidden"),reject(error)}))}))}doNewsLetterSignUp(email,officeId){return new Promise(((resolve,reject)=>{_api2.default.post("subscriptions/addsubscription",{email,officeId},!1,!1,2).then((data=>this.data=data)).then((()=>resolve(this.data))).catch((error=>{this.$buttons.attr("disabled",!1).removeClass("is-loading"),this.$emailCheckErrorMessage.removeClass("u-hidden"),reject(error)}))}

1))}setErrorMessage(type="location"){const errorMessage=this.$buttons.attr(`data-translation-${type}-error`)||"Kies een locatie.";this.showErrorMessage(this.$hiddenOfficeId,errorMessage,"c-form__error__office-search")}getExternalId(){try{const visitorID=window.gaGlobal.vid;return void 0!==visitorID?visitorID:null}catch(error){return null}}getPrefilledSubject(){let subject=(0,_url.getParameterByName)("subject");if(!subject&&document.referrer){const url={"jouw-woonsituatie/mijn-eerste-woning-kopen":"|starter","jouw-woonsituatie/volgende-woning-kopen":"|doorstromer","jouw-woonsituatie/mijn-huis-verbouwen":"|verbouwen-verduurzamen","jouw-woonsituatie/mijn-huis-verduurzamen":"verduurzaming|verbouwen-verduurzamen","jouw-woonsituatie/hypotheek-oversluiten":"hypotheek oversluiten|hypotheek-oversluiten","jouw-woonsituatie/wij-gaan-uit-elkaar":"Relatiebreuk|relatiebreuk"};try{subject=url[new URL(document.referrer).pathname.replace(/^\/|\/$/g,"")]}catch{}}if(subject){const arr=subject.split("|");return{form:arr[0],pexip:arr[1]}}}getUtmMediumMetaKey(){const utmMedium=(0,_url.getParameterByName)("utm_medium");if(!utmMedium)return null;const normalized=utmMedium.trim().toLowerCase();return UTM_MEDIUM_META_KEYS.includes(normalized)?normalized:null}getPexipInstance(){window.PexipEngage&&window.PexipEngage("get-instance").then((instance=>{this.emailCheck&&void 0!==this.emailCheck.existingCustomer&&instance.appointment.meta.set("existing-customer",this.emailCheck.existingCustomer);let externalRefValue=this.getExternalId();null!=externalRefValue&&instance.appointment.meta.set("externalreference",externalRefValue),this.utmMediumMetaKey&&instance.appointment.meta.set(this.utmMediumMetaKey,!0);const EVENT_TYPES={[instance.EVENT_LOADED]:"plugin-loaded",[instance.EVENT_APPOINTMENT_CREATED]:"appointment-created",[instance.EVENT_APPOINTMENT_EDITED]:"appointment-edited",[instance.EVENT_APPOINTMENT_CANCELLED]:"appointment-cancelled",[instance.EVENT_APPOINTMENT_COMPLETED]:"appointment-completed",[instance.EVENT_INVITE_ACCEPTED]:"invite-accepted",[instance.EVENT_STEP_SHOWN]:"user-progress",[instance.EVENT_PRESSED_EXTERNAL_LINK]:"external-link-pressed"};instance.addEventListener((event=>{if(event.detail.type===instance.EVENT_APPOINTMENT_CREATED&&_events.default.$trigger("vote-popup::appointment-created"),!(event.detail.type in EVENT_TYPES))return null;{var _event$detail;const GTM_KEY=EVENT_TYPES[event.detail.type];let gtm={event:GTM_KEY};if(null!==(_event$detail=event.detail)&&void 0!==_event$detail&&_event$detail.payload){const _event$detail$payload=event.detail.payload,{step}=_event$detail$payload;gtm={event:GTM_KEY,activeStep:step,currentSelection:_objectWithoutProperties(_event$detail$payload,["step"])}}window.dataLayer.push(gtm)}}))}))}}var _default=VestigingZoekerEmailCheck;exports.default=_default,module.exports=exports.default},9460:(module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=function getApiUrlV2(){var hostname=location.hostname,api="https://api.hypotheker.nl/v2";return-1!==hostname.indexOf("staging")&&(api="https://staging-api.hypotheker.nl/v2"),-1!==hostname.indexOf("test")&&(api="https://test-api.hypotheker.nl/v2"),-1!==hostname.indexOf("acc")&&(api="https://acc-api.hypotheker.nl/v2"),-1!==hostname.indexOf("localhost")&&(api="https://acc-api.hypotheker.nl/v2"),api}();exports.default=_default,module.exports=exports.default},7376:(module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _jquery=_interopRequireDefault(__webpack_require__(8291)),_api=_interopRequireDefault(__webpack_require__(9460)),_environment=_interopRequireDefault(__webpack_require__(9606));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}const endpointBase={local:"https://test-www.hypotheker.nl/api/",test:"/api/",acceptation:"/api/",staging:"/api/",production:"/api/"};var _default=new class ApiUtil{makeRequest(obj,name,options){return options||(options={}),options.cancelPreviousRequest&&this.request&&this.request.abort(),options.withoutCredentials||(obj.xhrFields={withCredentials:!0}),options.withoutApiUrl||(obj.url=_api.default+obj.url),this.request=_jquery.default.ajax(obj),this.request.done((function(data){return data})),this.request.fail((function(jqXHR,textStatus){return jqXHR})),this.request}getEndpoint(path,json,method){if(path)return"http"===path.substr(0,4)||"?"===path.substr(0,1)?path:!0===json||"local"===json&&_environment.default.isLocal()?endpointBase.json+path+`--${method}.json`:endpointBase[_environment.default.get()]+path}};exports.default=_default,module.exports=exports.default},3120:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScrollToElementWithOffset=function ScrollToElementWithOffset(element,offset){const offsetPosition=element.getBoundingClientRect().top+window.scrollY-offset;window.scrollTo({top:offsetPosition,behavior:"smooth"})}},5472:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.addToMarketingListService=function addToMarketingListService(email,source){return new Promise(((resolve,reject)=>{const url=`${_api2.default.getApiUrl(2)}clientcommunication/marketinglist`;

1_api.default.makeRequest({url,method:"POST",headers:{"Content-Type":"application/json"},data:JSON.stringify({email,source,consent:!0,language:(0,_url.getLanguageFromUrl)()})},"",{withoutApiUrl:!0,withoutCredentials:!1}).then((()=>resolve())).catch((error=>{reject(error)}))}))};var _api=_interopRequireDefault(__webpack_require__(7376)),_api2=_interopRequireDefault(__webpack_require__(2210)),_url=__webpack_require__(4749);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}}}]);