1(this["webpackJsonpaccount-view"]=this["webpackJsonpaccount-view"]||[]).push([[23],{425:function(e,o,r){"use strict";var l=r(12),t=r(16),c=r.n(t),a=(r(1),r(126)),i=r(426),s=r.n(i),n=r(0);o.a=e=>{let{title:o,icon:r,className:t,tooltip:i}=e;return Object(n.jsxs)("div",{className:c()(t,s.a.heading),children:[Object(n.jsxs)("div",{className:s.a.title_container,style:{display:"flex",alignItems:"center"},children:[r,Object(n.jsx)(l.Text.B1,{className:s.a.title,children:o})]}),i&&Object(n.jsx)(a.d,{children:i})]})}},426:function(e,o,r){e.exports={"color--brand-orange":"#ff3c28","color--brand-orange-hover":"#e63e24","color--sale-red":"#be0a14","color--dark":"#252525","color--iron":"#646c84","color--white":"#fff","color--lightgrey":"#dce6eb","color--lightgrey-mid":"#e9eff2","color--lightgrey-light":"#eaf0f3","color--lightgrey-lightest":"#f4f7f9","color--nightblue":"#081f3e","color--nightblue-mid":"#46576f","color--nightblue-light":"#838f9e","color--nightblue-lightest":"#c1c7cf","color--winning":"#3e7f24","color--error-red":"#be0a14","color--aqua":"#80c8c2","color--aqua-mid":"#a0d6d1","color--aqua-light":"#bfe3e0","color--aqua-lightest":"#e0f1f0","color--curry":"#f4b046","color--curry-mid":"#f7c475","color--curry-light":"#f9d7a3","color--curry-lightest":"#fcebd1","color--stone":"#e4e4e5","color--stone-mid":"#e9e9ea","color--stone-light":"#efefef","color--stone-lightest":"#f7f7f7","color--rose":"#efc8cd","color--rose-mid":"#f3d3d7","color--rose-light":"#f5dee1","color--rose-lightest":"#faeef0","color--olive":"#676d49","color--olive-mid":"#8c9176","color--olive-light":"#b4b7a5","color--olive-lightest":"#d9dad1",heading:"SectionHeading_heading__6qi0-",title:"SectionHeading_title__GGlUm",title_container:"SectionHeading_title_container__3QUm1"}},599:function(e,o,r){e.exports={"color--brand-orange":"#ff3c28","color--brand-orange-hover":"#e63e24","color--sale-red":"#be0a14","color--dark":"#252525","color--iron":"#646c84","color--white":"#fff","color--lightgrey":"#dce6eb","color--lightgrey-mid":"#e9eff2","color--lightgrey-light":"#eaf0f3","color--lightgrey-lightest":"#f4f7f9","color--nightblue":"#081f3e","color--nightblue-mid":"#46576f","color--nightblue-light":"#838f9e","color--nightblue-lightest":"#c1c7cf","color--winning":"#3e7f24","color--error-red":"#be0a14","color--aqua":"#80c8c2","color--aqua-mid":"#a0d6d1","color--aqua-light":"#bfe3e0","color--aqua-lightest":"#e0f1f0","color--curry":"#f4b046","color--curry-mid":"#f7c475","color--curry-light":"#f9d7a3","color--curry-lightest":"#fcebd1","color--stone":"#e4e4e5","color--stone-mid":"#e9e9ea","color--stone-light":"#efefef","color--stone-lightest":"#f7f7f7","color--rose":"#efc8cd","color--rose-mid":"#f3d3d7","color--rose-light":"#f5dee1","color--rose-lightest":"#faeef0","color--olive":"#676d49","color--olive-mid":"#8c9176","color--olive-light":"#b4b7a5","color--olive-lightest":"#d9dad1",wrapper:"TextAreaField_wrapper__2RNbe",errorMessage:"TextAreaField_errorMessage__2R2Ax",disabled:"TextAreaField_disabled__3uRI0"}},600:function(e,o,r){e.exports={"color--brand-orange":"#ff3c28","color--brand-orange-hover":"#e63e24","color--sale-red":"#be0a14","color--dark":"#252525","color--iron":"#646c84","color--white":"#fff","color--lightgrey":"#dce6eb","color--lightgrey-mid":"#e9eff2","color--lightgrey-light":"#eaf0f3","color--lightgrey-lightest":"#f4f7f9","color--nightblue":"#081f3e","color--nightblue-mid":"#46576f","color--nightblue-light":"#838f9e","color--nightblue-lightest":"#c1c7cf","color--winning":"#3e7f24","color--error-red":"#be0a14","color--aqua":"#80c8c2","color--aqua-mid":"#a0d6d1","color--aqua-light":"#bfe3e0","color--aqua-lightest":"#e0f1f0","color--curry":"#f4b046","color--curry-mid":"#f7c475","color--curry-light":"#f9d7a3","color--curry-lightest":"#fcebd1","color--stone":"#e4e4e5","color--stone-mid":"#e9e9ea","color--stone-light":"#efefef","color--stone-lightest":"#f7f7f7","color--rose":"#efc8cd","color--rose-mid":"#f3d3d7","color--rose-light":"#f5dee1","color--rose-lightest":"#faeef0","color--olive":"#676d49","color--olive-mid":"#8c9176","color--olive-light":"#b4b7a5","color--olive-lightest":"#d9dad1",wrapper:"C
1ontactForm_wrapper__3lklj",grayText:"ContactForm_grayText__2DOMG",form:"ContactForm_form__2QmrR",field:"ContactForm_field__37mSo",content:"ContactForm_content__26pK1",subjectSelector:"ContactForm_subjectSelector__1wlZ2",formButtons:"ContactForm_formButtons__873l1",submit:"ContactForm_submit__2n5s3",cancel:"ContactForm_cancel__UHhak"}},601:function(e,o,r){e.exports={"color--brand-orange":"#ff3c28","color--brand-orange-hover":"#e63e24","color--sale-red":"#be0a14","color--dark":"#252525","color--iron":"#646c84","color--white":"#fff","color--lightgrey":"#dce6eb","color--lightgrey-mid":"#e9eff2","color--lightgrey-light":"#eaf0f3","color--lightgrey-lightest":"#f4f7f9","color--nightblue":"#081f3e","color--nightblue-mid":"#46576f","color--nightblue-light":"#838f9e","color--nightblue-lightest":"#c1c7cf","color--winning":"#3e7f24","color--error-red":"#be0a14","color--aqua":"#80c8c2","color--aqua-mid":"#a0d6d1","color--aqua-light":"#bfe3e0","color--aqua-lightest":"#e0f1f0","color--curry":"#f4b046","color--curry-mid":"#f7c475","color--curry-light":"#f9d7a3","color--curry-lightest":"#fcebd1","color--stone":"#e4e4e5","color--stone-mid":"#e9e9ea","color--stone-light":"#efefef","color--stone-lightest":"#f7f7f7","color--rose":"#efc8cd","color--rose-mid":"#f3d3d7","color--rose-light":"#f5dee1","color--rose-lightest":"#faeef0","color--olive":"#676d49","color--olive-mid":"#8c9176","color--olive-light":"#b4b7a5","color--olive-lightest":"#d9dad1",wrapper:"ContactFormSuccessModal_wrapper__3TNDv",smileIcon:"ContactFormSuccessModal_smileIcon__Xen3n",text:"ContactFormSuccessModal_text__2QKN9"}},672:function(e,o,r){"use strict";r.r(o),r.d(o,"default",(function(){return I}));var l=r(12),t=r(1),c=r(25),a=r(19),i=r(125),s=r(143),n=r(10),d=r(156),f=r(99),u=r(181),g=r(425),h=r(16),b=r.n(h),m=r(83),j=r(599),v=r.n(j),p=r(0);var x=e=>{let{state:o,disabled:r,inputId:l,labelId:t,onChangeField:c,onBlurField:a,className:i,dataTestId:s}=e;return Object(p.jsxs)("div",{className:b()(i,v.a.wrapper,{[v.a.disabled]:r}),children:[Object(p.jsx)(m.a,{id:t,children:e=>Object(p.jsx)("textarea",{"data-testId":s,name:l,placeholder:e,disabled:r,role:"textbox",value:o.value,onChange:e=>{const o=e.currentTarget.value;c(o)},onBlur:e=>{const o=e.currentTarget.value;a&&a(o)}})}),o.error&&Object(p.jsx)(f.a,{messageKey:o.errorMessageId,className:v.a.errorMessage})]})},_=r(600),O=r.n(_),y=r(126),S=r(601),w=r.n(S);var N=e=>{let{showModal:o,onCloseModal:r}=e;return Object(p.jsxs)(y.b,{showModal:o,onRequestClose:r,className:w.a.wrapper,children:[Object(p.jsx)(l.IconSmile,{className:w.a.smileIcon,width:54,height:54}),Object(p.jsx)(l.Text.B2,{tag:l.ETag.DIV,className:w.a.text,children:Object(p.jsx)(m.a,{id:"customerSupport.form.modal.message"})})]})};function I(){var e;const o=Object(c.c)((e=>e.app.personalDetails)),r=Object(c.c)((e=>e.contactSupport.showModal)),h=Object(c.c)((e=>e.contactSupport.errorId)),[b,m]=Object(t.useState)({...u.b,value:null!==(e=null===o||void 0===o?void 0:o.email)&&void 0!==e?e:""}),[j,v]=Object(t.useState)({value:"",hasError:!1}),[_,y]=Object(t.useState)(u.b),S=Object(c.b)();return Object(p.jsxs)(p.Fragment,{children:[Object(p.jsx)(N,{showModal:r,onCloseModal:()=>{S(new s.a),S(Object(a.c)(n.a.contacts))}}),Object(p.jsxs)("div",{className:O.a.wrapper,children:[Object(p.jsx)(g.a,{icon:Object(p.jsx)(l.IconCustomerService,{width:28,height:28}),title:Object(i.a)("customerSupport.form.header")}),Object(p.jsxs)("form",{className:O.a.form,children:[Object(p.jsx)(l.Text.BodySmall,{className:O.a.grayText,children:Object(i.a)("customerSupport.form.instructions")}),Object(p.jsx)("div",{"data-testid":"name",children:Object(p.jsx)(u.a,{className:O.a.field,state:{...u.b,value:`${null===o||void 0===o?void 0:o.firstName} ${null===o||void 0===o?void 0:o.lastName}`},inputType:"text",inputId:"name",labelId:"customerSupport.form.name",onChangeField:()=>{},disabled:!0})}),Object(p.jsx)("div",{"data-testid":"email",children:Object(p.jsx)(u.a,{className:O.a.field,state:b,inputType:"email",inputId:"email",labelId:"customerSupport.form.email",onChangeField:e=>{m((o=>({...o,value:e})))}})}),Object(p.jsxs)("div",{"data-testid":"subject",children:[Object(p.jsx)(l.Text.B1,{children:Object(i.a)("customerSupport.form.subject")}),Object(p.jsx)(l.Select,{label:j.value,className:O.a.subjectSelector,options:["Bestellung","Auskunft Konto","Artikelreklamation","Lieferung","Gutschein","Sonstiges"].map((e=>({value:e,isSelected:e===j.value,label:e}))),onChange:e=>{v((o=>({...o,value:e.value})))},selectTriggerSize:l.EButtonSize.TINY,hasError:j.hasError})]}),Object(p.jsxs)("div",{"data-testid":"body",children:[Object(p.jsx)(l.Text.B1,{children:Object(i.a)("customerSupport.form.content")}),Object(p.jsx)(x,{className:O.a.content,state:_,inputId:"content",labelId:"customerSupport.form.contentPlaceHolder",onChangeField:e=>{y((o=>({...o,value:e})))},dataTestId:"content"})]}),Object(p.jsx)("div",{children:h&&Object(p.jsx)(f.a,{messageKey:h})}),Object(p.jsx)(l.Divider,{}),Object(p.jsxs)("div",{className:O.a.formButtons,children:[Object(p.jsx)(l.Button,{className:O.a.submit,disabled:0===b.value.length||0===j.value.length||0===_.value.length,onClick:e=>{e.preventDefault();var r;(r=b.value,!!Object(l.validateEmail)(r)||(m((e=>({...e,error:!0,errorMessageId:"customerSupport.form.error.emailInvalid"}))),!1))&&S(new s.b({name:`${null===o||void 0===o?void 0:o.firstName} ${null===o||void 0===o?void 0:o.lastName}`,email:b.value,subject:j.value,body:_.value}))},children:Object(i.a)("customerSupport.form.submit")}),Object(p.jsxs)(d.a,{className:O.a.cancel,to:n.a.contacts,children:[Object(i.a)("customerSupport.form.cancel"),Object(p.jsx)(l.IconNo,{width:20})]})]})]})]})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.