https://www.dbaudio.com/_assets/7bc42ebed84e5185d75075dc3d9cd3c9/JavaScript/chunk.6a344e62189f4da9cf7a.js

1"use strict";(self.webpackChunkmain=self.webpackChunkmain||[]).push([[1022],{1022:function(e,t,a){a.r(t),a.d(t,{default:function(){return n}});var i=function(){var e=this,t=e._self._c;return t("div",{staticClass:"b_container"},[t("h1",[e._v(e._s(e.step2Headline))]),e._v(" "),t("p",[e._v(e._s(e.step2Text))]),e._v(" "),e.fieldsWithError.length>0?t("form-error-msg",{attrs:{label:e.missingFieldsMsg,"fields-with-error":e.fieldsWithError}}):e._e(),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__formGroup"},[t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-select",{attrs:{id:"b_findAServiceCenter__gender",label:e.salutationLabel,placeholder:e.salutationPlaceholder,"prefill-data-name":"salutation",name:"gender",white:!1,options:e.genderOptions,value:e.contactDetails.gender,validate:!0}})],1)]),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__formGroup"},[t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-input",{attrs:{type:"text",label:e.firstNameLabel,placeholder:e.firstNamePlaceholder,"prefill-data-name":"firstName",value:e.contactDetails.firstName,name:"firstName",validate:!0}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-input",{attrs:{type:"text",label:e.lastNameLabel,placeholder:e.lastNamePlaceholder,"prefill-data-name":"lastName",value:e.contactDetails.lastName,name:"lastName",validate:!0}})],1)]),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__formGroup b_findAServiceCenter__formGroup--spacer"},[t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-input",{attrs:{type:"email",label:e.emailLabel,placeholder:e.emailPlaceholder,"prefill-data-name":"email",value:e.contactDetails.email,name:"email",validate:!0}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-phone-input",{attrs:{type:"tel",label:e.phoneLabel,placeholder:e.phonePlaceholder,"prefill-data-name":"phone",value:e.contactDetails.phone,name:"phone",validate:!0}})],1)]),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__formGroup b_findAServiceCenter__formGroup--spacer"},[t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-input",{attrs:{type:"text",label:e.companyLabel,placeholder:e.companyPlaceholder,"prefill-data-name":"company",value:e.contactDetails.company,name:"company",validate:!0,maxlength:"50"}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-input",{attrs:{type:"text",label:e.positionLabel,placeholder:e.positionPlaceholder,"prefill-data-name":"position",value:e.contactDetails.position,name:"position",validate:!1}})],1)]),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__formGroup b_findAServiceCenter__formGroup--spacer"},[t("div",{staticClass:"b_findAServiceCenter__fieldWrap b_findAServiceCenter__fieldWrap--full"},[t("form-input",{attrs:{type:"text",label:e.streetLabel,placeholder:e.streetPlaceholder,"prefill-data-name":"street",value:e.contactDetails.street,name:"street",validate:!0,maxlength:"50"}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap b_findAServiceCenter__fieldWrap--30"},[t("form-input",{attrs:{type:"text",label:e.zipLabel,placeholder:e.zipPlaceholder,"prefill-data-name":"postalCode",value:e.contactDetails.zip,name:"zip",validate:!0}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap b_findAServiceCenter__fieldWrap--30"},[t("form-input",{attrs:{type:"text",label:e.cityLabel,placeholder:e.cityPlaceholder,"prefill-data-name":"city",value:e.contactDetails.city,name:"city",validate:!0}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap"},[t("form-select",{attrs:{id:"b_findAServiceCenter__selectCountry",name:"selectCountry",label:e.selectCountryLabel,placeholder:e.selectCountryPlaceholder,"prefill-data-name":"countryCode",value:e.contactDetails.selectCountry,white:!1,options:e.countryOptions,validate:!0}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap",class:{"b_form__field-hidden":!("US"===e.contactDetails.selectCountry&&e.stateOptionsUs.length>0||"CA"===e.contactDetails.selectCountry&&e.stateOptionsCa.length>0)}},[t("form-select",{attrs:{id:"b_findAServiceCenter__selectState",name:"selectState",label:e.selectStateLabel,placeholder:e.selectStatePlaceholder,"prefill-data-name":"stateCode",value:e.contactDetails.selectState,white:!1,options:"US"===e.contactDetails.selectCountry?e.stateOptionsUs:e.stateOptionsCa,validate:"US"===e.contactDetails.selectCountry||"CA"===e.contactDetails.selectCountry}})],1)]),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__formGroup"},[t("div",{staticClass:"b_findAServiceCenter__fieldWrap b_findAServiceCenter__fieldWrap--100"},[t("form-input",{attrs:{type:"text",label:e.referenceNumberLabel,placeholder:e.referenceNumberPlaceholder,value:e.contactDetails.referenceNumber,name:"referenceNumber",validate:!1}})],1),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__fieldWrap b_findAServiceCenter__fieldWrap--100"},[t("form-textarea",{attrs:{label:e.msgLabel,placeholder:e.msgPlaceholder,value:e.contactDetails.msg,name:"msg",validate:!1}})],1)]),e._v(" "),t("div",{staticClass:"b_findAServiceCenter__formGroup"},[t("div",{staticClass:"b_findAServiceCenter__fieldWrap b_findAServiceCenter__fieldWrap--100 b_findAServiceCenter__fieldWrap--right b_findAServiceCenter__fieldWrap--btn"},[t("button",{staticClass:"b_btn b_btn--yellow",on:{click:function(t){return t.preventDefault(),e.goToNextStep()}}}

1,[e._v("\n\t\t\t\t"+e._s(e.buttonContinue)+"\n\t\t\t")])])])],1)};i._withStripped=!0;var l=a(55869),r=a.n(l),s=(a(59828),{props:{step2Headline:String,step2Text:String,salutationLabel:String,salutationPlaceholder:String,genderMrValue:String,genderMrLabel:String,genderMsValue:String,genderMsLabel:String,genderOtherValue:String,genderOtherLabel:String,firstNameLabel:String,firstNamePlaceholder:String,lastNameLabel:String,lastNamePlaceholder:String,emailLabel:String,emailPlaceholder:String,phoneLabel:String,phonePlaceholder:String,companyLabel:String,companyPlaceholder:String,positionLabel:String,positionPlaceholder:String,streetLabel:String,streetPlaceholder:String,zipLabel:String,zipPlaceholder:String,cityLabel:String,cityPlaceholder:String,selectCountryLabel:String,selectCountryPlaceholder:String,selectStateLabel:String,selectStatePlaceholder:String,referenceNumberLabel:String,referenceNumberPlaceholder:String,msgLabel:String,msgPlaceholder:String,buttonContinue:String,missingFieldsMsg:String,contactDetails:Object,selectCountryOptions:Array,selectStateOptionsUs:{type:Array,default:()=>[]},selectStateOptionsCa:{type:Array,default:()=>[]}},data(){return{isValid:!1,validationReady:!1,fieldsWithError:[],contactDetailsData:this.$props.contactDetails}},computed:{countryOptions(){return r().sortBy(this.$props.selectCountryOptions,"label")},stateOptionsUs(){return r().sortBy(this.$props.selectStateOptionsUs,"label")},stateOptionsCa(){return r().sortBy(this.$props.selectStateOptionsCa,"label")},genderOptions(){return[{value:this.$props.genderMrValue,label:this.$props.genderMrLabel},{value:this.$props.genderMsValue,label:this.$props.genderMsLabel},{value:this.$props.genderOtherValue,label:this.$props.genderOtherLabel}]}},created(){this.$on(["form-select-changed","form-select-multi-changed","form-special-radio-select-value-changed","form-input-blur","form-phone-input-blur","form-checkbox-change","form-textarea-blur"],(function(e,t){this.checkIfAllFieldsAreValid(),this.$data.contactDetailsData[t.name]=e,t.isValid&&t.isValid()&&("gender"===t.name&&(this.$data.contactDetailsData.genderLabel=r().findWhere(this.genderOptions,{value:e}).label),"selectCountry"===t.name&&(this.$data.contactDetailsData.selectCountryLabel=r().findWhere(this.$props.selectCountryOptions,{value:e}).label,this.$data.contactDetailsData.selectState="all",this.$data.contactDetailsData.selectStateLabel="","US"!==e&&"CA"!==e&&(this.$data.fieldsWithError=r().without(this.$data.fieldsWithError,this.$props.selectStateLabel))),"selectState"===t.name&&("US"===this.$data.contactDetailsData.selectCountry?this.$data.contactDetailsData.selectStateLabel=r().findWhere(this.$props.selectStateOptionsUs,{value:e}).label:"CA"===this.$data.contactDetailsData.selectCountry&&(this.$data.contactDetailsData.selectStateLabel=r().findWhere(this.$props.selectStateOptionsCa,{value:e}).label)),this.$parent.$emit("step2-updateContactDetails",this.$data.contactDetailsData))})),this.$on(["form-select-is-invalid","form-select-multi-is-invalid","form-special-radio-select-is-invalid","form-input-is-invalid","form-phone-input-is-invalid","form-checkbox-is-invalid","form-textarea-is-invalid"],(function(e){-1===r().indexOf(this.$data.fieldsWithError,e)&&this.$data.fieldsWithError.push(e),this.$data.validationReady=!0})),this.$on(["form-select-is-valid","form-select-multi-is-valid","form-special-radio-select-is-valid","form-input-is-valid","form-phone-input-is-valid","form-checkbox-is-valid","form-textarea-is-valid"],(function(e){-1!==r().indexOf(this.$data.fieldsWithError,e)&&(this.$data.fieldsWithError=r().without(this.$data.fieldsWithError,e))}))},mounted(){this.$nextTick((function(){window.setTimeout((()=>{this.checkIfAllFieldsAreValid()}),1)}))},methods:{checkIfAllFieldsAreValid(){if(0===this.$children.length)return!1;let e=!0;r().each(this.$children,(t=>{t.isValid&&!t.isValid()&&(e=!1)})),this.$data.isValid=e},validateAllFields(){let e=!0;r().each(this.$children,(t=>{t.validateField&&t.validateField(),t.isValid&&!t.isValid()&&(e=!1)})),this.$data.isValid=e},scrollToForm(){this.$nextTick((()=>{window.setTimeout((()=>{const e=window.scrollY-Math.abs(parseInt(this.$el.getBoundingClientRect().top,10));window.scrollTo(0,e-(window.innerWidth<1024?80:160))}),1)}))},goToNextStep(){if(this.validateAllFields(),!this.$data.isValid)return this.scrollToForm(),!1;this.$parent.$emit("step2-complete",this.$data.contactDetailsData)}}}),n=(0,a(14486).A)(s,i,[],!1,null,null,null).exports}}]);