https://www.nieuwbouw-denieuwedefensie.nl/frontend/hestia/assets/js/chunks/427.695b1a4c98c57e9df0e3.js

1"use strict";(self.webpackChunkfrontend_setup=self.webpackChunkfrontend_setup||[]).push([[427],{8427:(e,t,r)=>{r.r(t);r(2086);var a=r(9490),o=r(7995),n=r(2503),s=r(5044),i=r(2835);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){_defineProperty(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function _defineProperty(e,t,r){return(t=function _toPropertyKey(e){var t=function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const MessageFormModal=({element:e})=>{const[t]=(0,a.v9)("contactReason",""),[r]=(0,a.v9)("complaintTypes","");return(0,a.YP)("bpd-pages",{as:"bpdPages"}),(0,s.Rd)(i.Z),(0,o.h)(n.A,{id:"message-form-modal",active:!1,onClose:function onClose(){setTimeout(()=>e.bpdPages.setPage("0"),500)}},(0,o.h)("bpd-pages",{selector:"[js-hook-message-form-page]"},(0,o.h)("div",{"js-hook-message-form-page":!0},(0,o.h)("h2",{class:"message-form-modal__title u-h4 u-h3--md"},(0,s.qM)("LeaveMessage")),(0,o.h)("message-form",_objectSpread(_objectSpread({onSuccess:function onSuccess(){e.bpdPages.selectNext()}},t&&{contactReason:t}),r&&{complaintTypes:JSON.parse(r)}))),(0,o.h)("div",{"js-hook-message-form-page":!0},(0,o.h)("h3",{class:"u-h4 u-h3--md u-margin-bottom-2"},(0,s.qM)("ThankYouForYourMessage")),(0,o.h)("p",{class:"message-form-modal__confirmation-subtitle"},(0,s.qM)("MessageFormConfirmationSubtitle")))))};MessageFormModal.props={contactReason:{type:String,reflectToAttr:!0},complaintTypes:{type:String}},(0,a.Nk)("message-form-modal",MessageFormModal)},2086:(e,t,r)=>{var a=r(9490),o=r(7995),n=r(1856),s=r(8178),i=r(6346),l=r(1408);var c=r(5044),m=r(3748),p=r(8314);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){_defineProperty(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function _defineProperty(e,t,r){return(t=function _toPropertyKey(e){var t=function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u=["Makelaar","Aannemer","BPD","Website / Account","Overig"],d="u-sr-only",MessageForm=({element:e})=>{const[t]=(0,a.v9)("onSuccess",null),[r]=(0,a.v9)("onError",null),[f,b,y]=(0,a.v9)("contactReason",null),[g]=(0,a.v9)("complaintTypes",u),h=(0,c.iY)("[js-hook-message-form-submit]");(0,c.Rd)(p.Z);const v=["Question","Complaint"],S=[],_=[];let j;const O="Complaint"===f;let w,P,T,q;function toggleComplaintTypeSelect(){T&&q&&("Complaint"===e.contactReason?(T.classList.remove(d),q.disabled=!1):(T.classList.add(d),q.disabled=!0),updateSubmitButtonState())}function updateSubmitButtonState(){w?.validate&&P&&(w.validate(!1).valid?P.removeAttribute("disabled"):P.setAttribute("disabled","disabled"))}async function generateTranslatedOptions(e,t,r){for(const a of e){const e=await(0,c.WU)(a);t.push(_objectSpread({label:e||a,value:e||a,rawValue:a},a===r&&{selected:!0}))}}(0,a.N_)(async()=>{j=await(0,c.WU)("Message"),await generateTranslatedOptions(v,S,e.contactReason),await generateTranslatedOptions(g,_),function renderForm(){e.innerHTML="",e.append((0,o.h)("bpd-form",null,(0,o.h)("form",{class:"message-form__container"},(0,o.h)(i.X2,null,(0,o.h)(i.JX,{cols:[12,,8]},(0,o.h)(s.aR,{label:(0,c.qM)("Salutation"),validationTypes:"required",horizontal:!0,options:[{label:(0,c.qM)("Acronym-Mister"),id:"message-form-gender-dhr",name:"gender",value:"Mr"},{label:(0,c.qM)("Acronym-Misses"),id:"message-form-gender-ms",name:"gender",value:"Mrs"}]})),(0,o.h)(i.JX,{cols:(0,m.F)()?[12,,6]:[12,,5]},(0,o.h)(s.kO,{label:(0,c.qM)("FirstName"),id:"message-form-first-name",name:"first_name",validationTypes:"required,text"})),(0,m.F)()?null:(0,o.h)(i.JX,{cols:[12,,2]},(0,o.h)(s.kO,{label:(0,c.qM)("LastNamePrefix"),id:"message-form-last-name-prefix",name:"last_name_prefix",validationTypes:"text"})),(0,o.h)(i.JX,{cols:(0,m.F)()?[12,,6]:[12,,5]},(0,o.h)(s.kO,{label:(0,c.qM)("LastName"),id:"message-form-last-name",name:"last_name",validationTypes:"required,text"})),(0,o.h)(i.JX,{cols:[12]},(0,o.h)(s.kO,{label:(0,c.qM)("EmailAdres"),id:"message-form-email",name:"email",validationTypes:"required,email"})),!O&&(0,o.h)(i.JX,{cols:[12]},(0,o.h)(s.nj,{label:(0,c.qM)("SelectReason"),id:"message-form-contact-reason",name:"contact_reason",validationTypes:"required",customSelect:!0,options:[{label:"",value:"",default:!0},...S],onOptionSelect:({rawValue:e})=>{b(e)}})),(0,m.F)()?null:(0,o.h)(i.JX,{cols:[12],extraClass:"message-form__complaint-type-wrapper u-sr-only"},(0,o.h)(s.nj,{label:(0,c.qM)("SelectComplaintCategory"),id:"message-form-complaint-type",name:"complaint_type",validationTypes:"required",customSelect:!0,options:[{label:"",value:"",default:!0},..._]})),(0,o.h)(i.JX,{cols:[12]},(0,o.h)(s.K2,{label:j,id:"message-form-message",name:"message",required:!0})),(0,o.h)(i.JX,{cols:[12,,9],extraClass:"s-rich-text"},(0,o.h)("p",{"js-hook-message-form-privacy-statement":!0})),(0,o.h)(i.JX,{cols:[12,,3],extraClass:"u-flex u-flex-end message-form__submit"},(0,o.h)(n.zx,{label:(0,c.qM)("Send"),variant:"primary",width:"full-width-mobile",hook:"message-form-submit",type:"submit",hasLoading:!0,disabled:!0}))))))}(),function queryElements(){w=e.querySelector("bpd-form"),P=e.querySelector("[js-hook-message-form-submit]"),T=e.querySelector(".message-form__complaint-type-wrapper"),q=T?.querySelector("select")||null}(),function bindEvents(){if(!w)return;w.addEventListener("change",updateSubmitButtonState),w.addEventListener("serializedForm",async e=>{h(!0);const{email:a,message:o,gender:n,first_name:s,last_name:i,last_name_prefix:c,complaint_type:m}=e.detail,p=_objectSpread(_objectSpread({gender:n,firstName:s,lastName:i,email:a,message:o,c

1ontactReason:e.detail.contact_reason||S.find(({rawValue:e})=>e===f)?.label,refererUrl:window.location.href,areaId:window.__ENVIRONMENT_DETAILS__.areaId},c&&{lastNamePrefix:c}),m&&{complaintType:m});try{await(async({regionId:e,projectId:t,propertyTypeId:r,areaId:a,districtId:o,lastNamePrefix:n,firstName:s,lastName:i,email:c,message:m,refererUrl:p,contactReason:u,complaintType:d,phoneNumber:f,webcareSubject:b,chatUrl:y,appointmentSelection:g,isAppointmentForm:h,url:v})=>{const S={FirstName:s,LastName:i,Email:c,Message:m,AreaId:a};e&&(S.RegionId=e),t&&(S.ProjectId=t),r&&(S.PropertyTypeId=r),o&&(S.DistrictId=o),n&&(S.LastNamePrefix=n),p&&(S.RefererUrl=p),u&&(S.ContactReason=u),d&&(S.ComplaintType=d),f&&(S.PhoneNumber=f),b&&(S.WebcareSubject=b),y&&(S.ChatUrl=y),g&&(S.AppointmentSelection=g),h&&(S.IsAppointmentForm=h),v&&(S.Url=v),l.Z.isLocal&&console.log(S),await fetch("/umbraco/api/AjaxForm/SubmitAskAQuestionForm",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(S)})})(p),t&&t(),w?.clearInputs(),O?updateSubmitButtonState():b(null)}catch(e){r&&r(e)}finally{h(!1)}})}(),toggleComplaintTypeSelect(),async function setPrivacyStatement(){const t=e.querySelector("[js-hook-message-form-privacy-statement]"),r=await(0,c.WU)("PrivacyLinkContactForm");t.innerHTML=r}()}),y(toggleComplaintTypeSelect)};MessageForm.props={onSuccess:{type:Function},onError:{type:Function},contactReason:{type:String,reflectToAttr:!0},complaintTypes:{type:Array}},(0,a.Nk)("message-form",MessageForm)},2835:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(8081),o=r.n(a),n=r(3645),s=r.n(n)()(o());s.push([e.id,".message-form-modal__title{margin-bottom:2.4rem}.message-form-modal__confirmation-subtitle{margin-top:.8rem}",""]);const i=s.toString()},8314:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(8081),o=r.n(a),n=r(3645),s=r.n(n)()(o());s.push([e.id,"@media only screen and (max-width:47.96875em){.message-form__submit{margin-top:2.4rem}}",""]);const i=s.toString()}}]);
2//# sourceMappingURL=427.695b1a4c98c57e9df0e3.js.map