1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7102],{30585:function(a,b,c){var d=c(45987),e=c(87462),f=c(67294),g=c(86010),h=c(89345),i=c(22601),j=c(52543),k=function(a){return{root:(0,e.Z)({color:a.palette.text.secondary},a.typography.caption,{textAlign:"left",marginTop:3,margin:0,"&$disabled":{color:a.palette.text.disabled},"&$error":{color:a.palette.error.main}}),error:{},disabled:{},marginDense:{marginTop:4},contained:{marginLeft:14,marginRight:14},focused:{},filled:{},required:{}}},l=f.forwardRef(function(a,b){var c=a.children,j=a.classes,k=a.className,l=a.component,m=(a.disabled,a.error,a.filled,a.focused,a.margin,a.required,a.variant,(0,d.Z)(a,["children","classes","className","component","disabled","error","filled","focused","margin","required","variant"])),n=(0,i.Z)(),o=(0,h.Z)({props:a,muiFormControl:n,states:["variant","margin","disabled","error","filled","focused","required"]});return f.createElement(void 0===l?"p":l,(0,e.Z)({className:(0,g.default)(j.root,("filled"===o.variant||"outlined"===o.variant)&&j.contained,k,o.disabled&&j.disabled,o.error&&j.error,o.filled&&j.filled,o.focused&&j.focused,o.required&&j.required,"dense"===o.margin&&j.marginDense),ref:b},m)," "===c?f.createElement("span",{dangerouslySetInnerHTML:{__html:"​"}}):c)});b.Z=(0,j.Z)(k,{name:"MuiFormHelperText"})(l)},7397:function(a,b,c){var d=c(87462),e=c(45987),f=c(67294),g=c(86010),h=c(22318),i=c(52543),j=c(15736),k=f.forwardRef(function(a,b){var c=a.children,i=a.classes,k=a.className,l=a.component,m=a.disablePointerEvents,n=a.disableTypography,o=a.position,p=a.variant,q=(0,e.Z)(a,["children","classes","className","component","disablePointerEvents","disableTypography","position","variant"]),r=(0,j.Y)()||{},s=p;return p&&r.variant,r&&!s&&(s=r.variant),f.createElement(j.Z.Provider,{value:null},f.createElement(void 0===l?"div":l,(0,d.Z)({className:(0,g.default)(i.root,k,"end"===o?i.positionEnd:i.positionStart,void 0!==m&&m&&i.disablePointerEvents,r.hiddenLabel&&i.hiddenLabel,"filled"===s&&i.filled,"dense"===r.margin&&i.marginDense),ref:b},q),"string"!=typeof c|| void 0!==n&&n?c:f.createElement(h.Z,{color:"textSecondary"},c)))});b.Z=(0,i.Z)({root:{display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap"},filled:{"&$positionStart:not($hiddenLabel)":{marginTop:16}},positionStart:{marginRight:8},positionEnd:{marginLeft:8},disablePointerEvents:{pointerEvents:"none"},hiddenLabel:{},marginDense:{}},{name:"MuiInputAdornment"})(k)},10450:function(a,b,c){var d=c(95477),e=c(78252),f=(0,e.default)({root:{color:"#A80416",position:"absolute",top:"0",left:"0",bottom:"0",right:"0",margin:"auto",width:"30px!important",height:"30px!important"}})(d.Z);b.Z=f},57102:function(a,b,c){c.r(b),c.d(b,{default:function(){return C}});var d=c(47568),e=c(82670),f=c(34051),g=c.n(f),h=c(85893),i=c(67294),j=c(64436),k=c(30585),l=c(7397),m=c(31344),n=c(7297),o=c(19521),p=c(74061),q=c(41810);function r(){var a=(0,n.Z)(["\n && {\n padding-right: 0;\n color: #fff;\n font-size: 14px;\n \n .MuiOutlinedInput-input::placeholder {\n opacity: 0.95;\n }\n\n .MuiOutlinedInput-notchedOutline {\n border: 2px solid #fff!important;\n }\n\n @media (max-width: ",") {\n margin-top: 30px;\n font-size: 16px;\n }\n }\n"]);return r=function(){return a},a}function s(){var a=(0,n.Z)(["\n && {\n height: 40px;\n margin-left: 8px;\n width: 75px;\n border-radius: 0 4px 4px 0;\n background-color: #FFFFFF;\n outline:none;\n box-shadow: none;\n border: none;\n\n &:focus {\n outline:none;\n box-shadow: none;\n border: none;\n }\n }\n"]);return s=function(){return a},a}function t(){var a=(0,n.Z)(['\n display: inline-block;\n position: relative;\n width: 100%;\n height: 100%;\n\n &:before {\n position: absolute;\n content: "";\n width: 13px;\n height: 12px;\n left: 12px;\n top: 50%;\n left: 45%;\n border-bottom: 2px solid #409BAB;\n border-left: 2px solid #409BAB;\n transform: translate(-50%, -50%) rotate(-135deg);\n }\n']);return t=function(){return a},a}function u(){var a=(0,n.Z)(["\n background-color: #A80416;\n padding-top: 42px;\n min-height: 145px;\n \n h3 {\n color: #FFFFFF;\n font-size: 20px;\n font-weight: bold;\n letter-spacing: 0;
1\n line-height: 26px;\n }\n\n h4 {\n color: #FFFFFF;\n font-size: 14px;\n font-weight: normal;\n letter-spacing: 0;\n line-height: 19px;\n }\n\n .success-message {\n min-height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n @media (max-width: ",") {\n font-size: 16px;\n }\n }\n \n .notice {\n color: #FFFFFF;\n font-size: 10px;\n letter-spacing: 0;\n line-height: 13px;\n margin-top: 12px;\n margin-bottom: 0;\n a {\n color: inherit;\n font-weight: bold;\n text-decoration: none;\n }\n }\n\n @media (max-width: ",") {\n padding-bottom: 30px;\n }\n"]);return u=function(){return a},a}var v=(0,o.ZP)(p.Z).withConfig({componentId:"sc-ab905eda-0"})(r(),function(a){return a.theme.breakpoints.sm}),w=(0,o.ZP)(q.Z).withConfig({componentId:"sc-ab905eda-1"})(s()),x=o.ZP.span.withConfig({componentId:"sc-ab905eda-2"})(t()),y=o.ZP.div.withConfig({componentId:"sc-ab905eda-3"})(u(),function(a){return a.theme.breakpoints.md},function(a){return a.theme.breakpoints.md}),z=c(10450),A=c(70986),B=c(94569),C=function(){var a,b='<p>Ja, ich m\xf6chte den regelm\xe4\xdfigen Newsletter von autohaus24.de mit aktuellen Informationen zu Neu-\n Gebrauchtwagen-Angeboten und Kfz-Zubeh\xf6r der Allane SE, von den mit Allane SE verbundenen <a href="https://www.autohaus24.de/konzernunternehmen" target="_blank">Konzernunternehmen</a> sowie <a href="https://www.autohaus24.de/partner" target="_blank">Partnern</a> erhalten. \n N\xe4heres erfahre ich in den <a href="https://www.autohaus24.de/datenschutz" target="_blank">Datenschutzhinweisen</a> der Allane SE. Ich kann diese Einwilligung jederzeit mit Wirkung f\xfcr die Zukunft widerrufen.</p>',c=(0,i.useState)(""),f=c[0],n=c[1],o=(0,i.useState)(!1),p=o[0],q=o[1],r=(0,i.useState)(!1),s=r[0],t=r[1],u=(0,i.useState)(""),C=u[0],D=u[1],E=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,F=(a=(0,d.Z)(g().mark(function a(b){var c,d,h,i,j;return g().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:var g;if(b.preventDefault(),t(!0),!(c=(g=f,(D(""),""===g)?(D("Pflichtfeld"),t(!1),!1):!!E.test(String(g).toLowerCase())||(D("Ung\xfcltiges E-Mail Format"),t(!1),!1)))){a.next=29;break}return a.prev=4,a.next=7,(0,A.Z)();case 7:return d=a.sent,a.next=10,fetch("/api/auth/subscribe",{method:"POST",body:JSON.stringify({email:f,token:d})});case 10:return h=a.sent,a.next=13,h.json();case 13:if(200!==(i=a.sent).code){a.next=18;break}q(!0),t(!1),a.next=23;break;case 18:if(422!==i.code){a.next=22;break}throw new B.p(i.message);case 22:throw Error(i.message);case 23:a.next=29;break;case 25:a.prev=25,a.t0=a.catch(4),t(!1),(0,e.Z)(a.t0,B.p)?(j=Object.keys(a.t0.errors)[0],D(a.t0.errors[j])):D(a.t0.message);case 29:case"end":return a.stop()}},a,null,[[4,25]])})),function(b){return a.apply(this,arguments)});return(0,h.jsx)(y,{children:(0,h.jsx)(m.Z,{wider:!0,children:p?(0,h.jsx)("h3",{className:"text-center success-message",children:"Sie haben sich erfolgreich f\xfcr unseren Newsletter angemeldet. Bitte pr\xfcfen Sie Ihre E-Mails."}):(0,h.jsxs)("div",{className:"row justify-content-between",children:[(0,h.jsxs)("div",{className:"col-xs-12 col-md-6 col-xl-4",children:[(0,h.jsx)("h3",{children:"Nichts mehr verpassen!"}),(0,h.jsx)("h4",{children:"Sei einer der ersten und profitiere von unseren exklusiven Gebrauchtwagen Angeboten."})]}),(0,h.jsx)("div",{className:"col-xs-12 col-md-6 col-xl-5",children:(0,h.jsxs)("form",{onSubmit:F,children:[(0,h.jsxs)(j.Z,{fullWidth:!0,error:!!C,children:[(0,h.jsx)(v,{type:"text",inputProps:{style:{padding:0}},placeholder:"Deine E-Mail Adresse",value:f,onChange:function(a){return n(a.target.value)},startAdornment:(0,h.jsx)(l.Z,{position:"start",children:(0,h.jsx)("img",{loading:"lazy",width:"24",height:"24",src:"https://autohaus24.de/icons/icon-mail_white.svg",className:"mail-icon",alt:""})}),endAdornment:(0,h.jsx)(w,{"aria-label":"Newsletter Anmeldung schicken",type:"submit",disabled:s,children:s?(0,h.jsx)(z.Z,{}):(0,h.jsx)(x,{})})}),(0,h.jsx)(k.Z,{children:C})]}),b&&(0,h.jsx)("div",{dangerouslySetInnerHTML:{__html:b},className:"notice"})]})})]})})})}}}])
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.