https://www.broekwest.nl/frontend/hestia/assets/js/chunks/279.2856d6ca4919b1346d7f.js

1"use strict";(self.webpackChunkfrontend_setup=self.webpackChunkfrontend_setup||[]).push([[279],{8279:(e,t,r)=>{r.r(t);r(2086);var a=r(9490),n=r(7995),o=r(1714);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 MessageFormInline=()=>{const[e]=(0,a.v9)("successMessage"),[t]=(0,a.v9)("contactReason",""),[r]=(0,a.v9)("complaintTypes","");return(0,n.h)("message-form",_objectSpread(_objectSpread({onSuccess:function onSuccess(){(0,o.V)(e)}},t&&{contactReason:t}),r&&{complaintTypes:JSON.parse(r)}))};MessageFormInline.props={successMessage:{type:String,required:!0},contactReason:{type:String,reflectToAttr:!0},complaintTypes:{type:String}},(0,a.Nk)("message-form-inline",MessageFormInline)},2086:(e,t,r)=>{var a=r(9490),n=r(7995),o=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,y,b]=(0,a.v9)("contactReason",null),[g]=(0,a.v9)("complaintTypes",u),v=(0,c.iY)("[js-hook-message-form-submit]");(0,c.Rd)(p.Z);const h=["Question","Complaint"],S=[],O=[];let j;const w="Complaint"===f;let _,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(){_?.validate&&P&&(_.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(h,S,e.contactReason),await generateTranslatedOptions(g,O),function renderForm(){e.innerHTML="",e.append((0,n.h)("bpd-form",null,(0,n.h)("form",{class:"message-form__container"}

1,(0,n.h)(i.X2,null,(0,n.h)(i.JX,{cols:[12,,8]},(0,n.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,n.h)(i.JX,{cols:(0,m.F)()?[12,,6]:[12,,5]},(0,n.h)(s.kO,{label:(0,c.qM)("FirstName"),id:"message-form-first-name",name:"first_name",validationTypes:"required,text"})),(0,m.F)()?null:(0,n.h)(i.JX,{cols:[12,,2]},(0,n.h)(s.kO,{label:(0,c.qM)("LastNamePrefix"),id:"message-form-last-name-prefix",name:"last_name_prefix",validationTypes:"text"})),(0,n.h)(i.JX,{cols:(0,m.F)()?[12,,6]:[12,,5]},(0,n.h)(s.kO,{label:(0,c.qM)("LastName"),id:"message-form-last-name",name:"last_name",validationTypes:"required,text"})),(0,n.h)(i.JX,{cols:[12]},(0,n.h)(s.kO,{label:(0,c.qM)("EmailAdres"),id:"message-form-email",name:"email",validationTypes:"required,email"})),!w&&(0,n.h)(i.JX,{cols:[12]},(0,n.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})=>{y(e)}})),(0,m.F)()?null:(0,n.h)(i.JX,{cols:[12],extraClass:"message-form__complaint-type-wrapper u-sr-only"},(0,n.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},...O]})),(0,n.h)(i.JX,{cols:[12]},(0,n.h)(s.K2,{label:j,id:"message-form-message",name:"message",required:!0})),(0,n.h)(i.JX,{cols:[12,,9],extraClass:"s-rich-text"},(0,n.h)("p",{"js-hook-message-form-privacy-statement":!0})),(0,n.h)(i.JX,{cols:[12,,3],extraClass:"u-flex u-flex-end message-form__submit"},(0,n.h)(o.zx,{label:(0,c.qM)("Send"),variant:"primary",width:"full-width-mobile",hook:"message-form-submit",type:"submit",hasLoading:!0,disabled:!0}))))))}(),function queryElements(){_=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(!_)return;_.addEventListener("change",updateSubmitButtonState),_.addEventListener("serializedForm",async e=>{v(!0);const{email:a,message:n,gender:o,first_name:s,last_name:i,last_name_prefix:c,complaint_type:m}=e.detail,p=_objectSpread(_objectSpread({gender:o,firstName:s,lastName:i,email:a,message:n,contactReason: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:n,lastNamePrefix:o,firstName:s,lastName:i,email:c,message:m,refererUrl:p,contactReason:u,complaintType:d,phoneNumber:f,webcareSubject:y,chatUrl:b,appointmentSelection:g,isAppointmentForm:v,url:h})=>{const S={FirstName:s,LastName:i,Email:c,Message:m,AreaId:a};e&&(S.RegionId=e),t&&(S.ProjectId=t),r&&(S.PropertyTypeId=r),n&&(S.DistrictId=n),o&&(S.LastNamePrefix=o),p&&(S.RefererUrl=p),u&&(S.ContactReason=u),d&&(S.ComplaintType=d),f&&(S.PhoneNumber=f),y&&(S.WebcareSubject=y),b&&(S.ChatUrl=b),g&&(S.AppointmentSelection=g),v&&(S.IsAppointmentForm=v),h&&(S.Url=h),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(),_?.clearInputs(),w?updateSubmitButtonState():y(null)}catch(e){r&&r(e)}finally{v(!1)}})}(),toggleComplaintTypeSelect(),async function setPrivacyStatement(){const t=e.querySelector("[js-hook-message-form-privacy-statement]"),r=await(0,c.WU)("PrivacyLinkContactForm");t.innerHTML=r}()}),b(toggleComplaintTypeSelect)};MessageForm.props={onSuccess:{type:Function},onError:{type:Function},contactReason:{type:String,reflectToAttr:!0},complaintTypes:{type:Array}},(0,a.Nk)("message-form",MessageForm)},1714:(e,t,r)=>{r.d(t,{V:()=>addAlert,q:()=>i});var a=r(3352),n=r(7995),o=r(7173);const s={addAlert:(e,t)=>((async()=>{document.querySelector("bpd-alert")||(await r.e(945).then(r.bind(r,7945)),o.R.body.append((0,n.h)("bpd-alert",null)))})(),e.alerts=[...e.alerts,{text:t.text,type:t.type,isRendered:!1}],e)},i=(0,a.MT)({initialState:{alerts:[]},actions:s}),addAlert=(e,t)=>{i.dispatch("addAlert",{text:e,type:t})}},8314:(e,t,r)=>{r.d(t,{Z:()=>i});var a=r(8081),n=r.n(a),o=r(3645),s=r.n(o)()(n());

1s.push([e.id,"@media only screen and (max-width:47.96875em){.message-form__submit{margin-top:2.4rem}}",""]);const i=s.toString()}}]);
2//# sourceMappingURL=279.2856d6ca4919b1346d7f.js.map