https://www.kind.com/_next/static/chunks/pages/beratung/service/kontakt/kontaktanfrage-56e411b232083a34.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1610],{3728:(e,a,r)=>{"use strict";r.d(a,{bW:()=>c,kz:()=>m});var t=r(64608),l=r(44917),n=r(18579),s=r(37091),i=r(37975),u=r(28366),o=r(62467),d=r(95408);function c(){let e=(0,o.A)(),a=(0,u.RH)(),{data:r}=(0,l.Y)(),{submitFormErrorMessage:d}=(0,s.A)("error");return(0,t.useMutation)(async e=>{var t,l;await a.post("/form/contact",{...e,kindId:(0,i.x)(e,r)?null==r||null==(l=r.custom)||null==(t=l.fields)?void 0:t.kindId:void 0})},{onError:(a,t)=>{var l,s;n.A.error({id:"sendContactFormMutation",error:a,extra:{params:t,kindId:null==r||null==(s=r.custom)||null==(l=s.fields)?void 0:l.kindId}}),e.add({type:"error",text:d})}})}function m(){let e=(0,o.A)(),a=(0,u.RH)(),{data:r}=(0,l.Y)();return(0,t.useMutation)(async e=>{var t,l;await a.post("/form/cancellation",{...e,kindId:(0,i.x)(e,r)?null==r||null==(l=r.custom)||null==(t=l.fields)?void 0:t.kindId:void 0})},{onError:(a,t)=>{var l,s;n.A.error({id:"sendCancellationFormMutation",error:a,extra:{params:t,kindId:null==r||null==(s=r.custom)||null==(l=s.fields)?void 0:l.kindId}}),e.add({type:"error",text:"Beim Versand des Formulars ist ein technischer Fehler aufgetreten. Bitte versuchen Sie es zu einem sp\xe4teren Zeitpunkt noch einmal. Sollte auch das nicht helfen, kontaktieren Sie bitte unseren Kundenservice kostenfrei unter  0800 6 999 333."})}})}d.Ikc({captcha:d.YjP("captcha required"),salutation:d.nyN("salutation required"),firstName:d.u$G("first name required"),lastName:d.UKw("last name required"),email:d.Rpp("email invalid"),orderNumber:d.YjP("orderNumber required"),kindId:d.lqM(d.cuo("kindId invalid"))})},24378:(e,a,r)=>{var t=r(85570);e.exports=function(e,a){return t(e,a)}},47252:(e,a,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/beratung/service/kontakt/kontaktanfrage",function(){return r(88942)}])},48100:(e,a,r)=>{"use strict";r.d(a,{A:()=>u});var t=r(43421),l=r(25719),n=r(57442),s=r(53239);function i(e){let{baseUrl:a,locale:r,path:t=""}=e,l=t.split("?")[0];return[a,r,l.endsWith("/")?l.slice(0,-1):l].filter(Boolean).join("/").replace(/([^:]\/)\/+/g,"$1")}function u(){let{canonicalPath:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=(0,n.useRouter)(),r=(0,l.Ym)(),u=(0,s.useMemo)(()=>i({baseUrl:t.NA,locale:r,path:e||a.asPath}),[e,a.asPath,r]);return{canonicalLink:u,hrefLangDefaultLocale:(0,s.useMemo)(()=>i({baseUrl:t.NA,locale:t.q,path:e||a.asPath}),[e,a.asPath]),basePath:(0,s.useMemo)(()=>i({baseUrl:t.NA,locale:r}),[r])}}},81071:e=>{e.exports={kindGrid:"style_kindGrid__3cCUR",card:"style_card__nASOR",headline:"style_headline__0zF6Q",contactHeadlineText:"style_contactHeadlineText__JULXy",subHeadline:"style_subHeadline__SV3_w",formField:"style_formField__B7koz",salutationDropdown:"style_salutationDropdown__N_EdQ",requiredFieldText:"style_requiredFieldText__od75A",legalText:"style_legalText__GxA8w"}},81431:e=>{e.exports={textAreaContainer:"style_textAreaContainer__fKEii",label:"style_label__mKeAW",hidePlaceholder:"style_hidePlaceholder__d2e4d",textArea:"style_textArea__0Ao01",whiteVariant:"style_whiteVariant__b2yoZ",textAreaError:"style_textAreaError__AIpFZ",icon:"style_icon__jUKMX",remainingCharacters:"style_remainingCharacters__p2Ap_",hasError:"style_hasError__k4J9e",error:"style_error__kuboT"}},88942:(e,a,r)=>{"use strict";r.r(a),r.d(a,{__N_SSG:()=>C,default:()=>S});var t=r(80263),l=r(53239),n=r(57442),s=r(36713),i=r.n(s),u=r(24378),o=r.n(u),d=r(66754),c=r(37091),m=r(70438),h=r(3728),b=r(44917),v=r(37725),_=r(48100),x=r(73221),f=r(1727),j=r(83215),g=r(75368),p=r(57632),k=r(93627),A=r(75123),y=r(42350),N=r(81071),q=r.n(N);let w="rueckruf-vereinbaren",F=[{value:"brillen-beratung",label:"Brillen-Beratung"},{value:"hoergeraete-beratung",label:"H\xf6rger\xe4te-Beratung"},{value:"hoergeraete-service",label:"H\xf6rger\xe4te-Service"},{value:"hoerschutz-beratung",label:"H\xf6rschutz-Beratung"},{value:"kontaktlinsen-beratung",label:"Kontaktlinsen-Beratung"},{value:"kostenloser-sehtest",label:"Kostenloser Sehtest"},{value:"kostenloser-hoertest",label:"Kostenloser H\xf6rtest"},{value:"beratung-akustik",label:"Sonstige Beratung Akustik"},{value:"beratung-optik",label:"Sonstige Beratung Optik"}

1];F.map(e=>e.value);let R=[{value:"bestellung-lieferung",label:"Bestellung/Lieferung"},{value:"brillenauswahl-konfiguration",label:"Brillenauswahl/Konfiguration"},{value:"frage-zum-online-hoertest",label:"Frage zum Online-H\xf6rtest"},{value:"lob-oder-kritik",label:"Lob/Kritik"},{value:"fragen-zu-produkten",label:"Fragen zu Produkten"},{value:"fragen-zum-besseren-hoeren",label:"Fragen zum besseren H\xf6ren"},{value:"fragen-zum-besseren-sehen",label:"Fragen zum besseren Sehen"},{value:"rueckruf-vereinbaren",label:"R\xfcckruf vereinbaren"},{value:"anderes-anliegen",label:"Anderes Anliegen"}];R.map(e=>e.value);let E=e=>{var a,r,s,u,N;let{contactFormElements:E}=e,{canonicalLink:C}=(0,_.A)(),S=(0,n.useRouter)(),{mutateAsync:T}=(0,h.bW)(),{forms:{firstName:z,lastName:M,salutation:I,phone:Y,email:B,salutationRequired:H,firstNameRequired:P,lastNameRequired:K,phoneInvalid:L,emailRequired:V,emailInvalid:U},contact:{subject:G,concern:O,yourMessage:D,contactAction:W,requestCall:X,contactErrorMessages:{subjectRequired:Z,concernRequired:J,messageRequired:Q,phoneRequired:$}}}=(0,c.A)(),{data:ee}=(0,b.Y)(),ea=(0,l.useMemo)(()=>{if(S.isReady)return"string"==typeof S.query.concern&&F.some(e=>e.value===S.query.concern)?S.query.concern:void 0},[S.isReady]),er=(0,l.useMemo)(()=>{if(S.isReady)return"string"==typeof S.query.subject&&R.some(e=>e.value===S.query.subject)?S.query.subject:void 0},[S.isReady]),et=(0,j.Ay)({initialValues:{captcha:"",subject:null!=er?er:"",concern:null!=ea?ea:"",salutation:null!=(r=null==ee?void 0:ee.salutation)?r:"",firstName:null!=(s=null==ee?void 0:ee.firstName)?s:"",lastName:null!=(u=null==ee?void 0:ee.lastName)?u:"",phone:"",email:null!=(N=null==ee||null==(a=ee.custom)?void 0:a.fields.customerEmail)?N:"",message:""},enableReinitialize:!0,validationSchema:d.Ik().shape({captcha:d.Yj().trim().required("Verifizierung fehlgeschlagen. Bitte versuchen Sie es erneut."),subject:d.Yj().trim().required(Z),concern:d.Yj().trim().when("subject",{is:w,then:e=>e.required(J)}),salutation:d.Yj().salutation().required(H),firstName:d.Yj().firstName().required(P),lastName:d.Yj().lastName().required(K),phone:d.Yj().phone(L).when("subject",{is:w,then:e=>e.required($)}),email:d.Yj().email(U).when("subject",{is:w,then:e=>e,otherwise:e=>e.required(V)}),message:d.Yj().maxLengthString({maxLength:300}).required(Q)}),onSubmit:async e=>{try{await T(e,{onSuccess:async()=>{await S.push({pathname:v.Ay.contactReceipt(),query:S.query})}})}catch{}}}),el=(0,l.useMemo)(()=>et.values.subject===w,[et.values.subject]);(0,l.useEffect)(()=>{if(!et.values.subject)return;let e=el&&et.values.concern?{subject:et.values.subject,concern:et.values.concern}:{subject:et.values.subject};o()(S.query,e)||S.replace({query:e},void 0,{shallow:!0})},[el,et.values.subject,et.values.concern]);let en=(0,m.A)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(i(),{children:[(0,t.jsx)("title",{children:E.seoTitle}),(0,t.jsx)("meta",{name:"description",content:E.seoDescription}),(0,t.jsx)("meta",{name:"robots",content:"index, follow"}),(0,t.jsx)("link",{rel:"canonical",href:C})]}),(0,t.jsx)("div",{className:q().kindGrid,children:(0,t.jsxs)("div",{className:q().card,children:[(0,t.jsx)("h1",{className:q().headline,children:E.headline}),(0,t.jsx)(x.A,{document:E.headlineText.json,additionalClass:q().contactHeadlineText}),(0,t.jsxs)(j.Op,{form:et,children:[(0,t.jsx)(g.A,{className:q().formField,name:"subject",label:G,options:R,isRequired:!0}),el?(0,t.jsx)(g.A,{className:q().formField,name:"concern",label:O,options:F,isRequired:!0}):null,(0,t.jsx)("h3",{className:q().subHeadline,children:E.personalInformationText}),(0,t.jsx)(g.A,{className:q().formField,name:"salutation",label:I,options:en,additionalClass:q().salutationDropdown,isRequired:!0}),(0,t.jsx)(p.A,{className:q().formField,name:"firstName",placeholder:z,isRequired:!0}),(0,t.jsx)(p.A,{className:q().formField,name:"lastName",placeholder:M,isRequired:!0}),(0,t.jsx)(p.A,{className:q().formField,name:"phone",placeholder:Y,isRequired:el}),(0,t.jsx)(p.A,{className:q().formField,name:"email",placeholder:B,isRequired:!el}),(0,t.jsx)(k.A,{name:"message",placeholder:D,rows:6,maxCharacters:300,isRequired:!0}),(0,t.jsx)(f.A,{additionalClass:q().requiredFieldText}),(0,t.jsx)(x.A,{document:E.termsAndConditionsText.json,additionalClass:q().legalText,openLinksInNewTab:!0}),(0,t.jsx)(y.A,{name:"captcha",className:q().formField}

1),(0,t.jsx)(A.A,{variant:"Primary",fullWidth:!0,"data-testid":"contactForm-submit","data-trackingid":"contact-genericForm-submit",children:el?X:W})]})]})})]})};var C=!0;let S=e=>(0,t.jsx)(E,{...e})},93627:(e,a,r)=>{"use strict";r.d(a,{A:()=>b});var t=r(80263),l=r(76242);r(53239);var n=r(11230),s=r.n(n),i=r(79250),u=r(81431),o=r.n(u),d=r(90235);let c=e=>{let{placeholder:a,isRequired:r=!1,maxCharacters:l,errorMessage:n,onBlue:u=!1,additionalClass:c,...m}=e,h=(0,d.A)("textarea-"),b=l&&m.value?l-m.value.length:l,v=r?"".concat(a," *"):a;return(0,t.jsxs)("div",{className:c,children:[(0,t.jsxs)("div",{className:o().textAreaContainer,children:[(0,t.jsx)("textarea",{...m,id:h,placeholder:v,className:s()(o().textArea,{[o().whiteVariant]:u,[o().textAreaError]:n})}),(0,t.jsx)("label",{htmlFor:h,className:s()(o().label,{[o().hidePlaceholder]:!m.value}),children:v}),n?(0,t.jsx)("div",{className:o().icon,children:(0,t.jsx)(i.A,{name:"ExclamationMark"})}):null]}),void 0!==b?(0,t.jsxs)("div",{"data-testid":"textarea-character-counter",className:s()(o().remainingCharacters,{[o().hasError]:b<0}),children:["Verbleibende Zeichen: ",b]}):null,n?(0,t.jsx)("span",{className:o().error,children:n}):null]})};var m=r(28431),h=r(83215);let b=e=>{let{additionalClass:a,name:r,className:n,...s}=e,[i,u]=(0,l.Mt)({name:r}),o=u.touched&&!!u.error;return(0,t.jsx)("div",{className:n,children:(0,t.jsx)(c,{additionalClass:(0,m.cn)({[h.r1]:o},a),...i,...s,errorMessage:o?u.error:void 0})})}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=47252)),_N_E=e.O()}]);