1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7095],{70832:function(a,b,c){var d=c(26042),e=c(85893),f=c(67294),g=c(86010),h=c(41120),i=c(80797),j=c(19521),k=(0,h.Z)({root:{"&:hover":{backgroundColor:"transparent"}},icon:{borderRadius:4,border:"1px solid #ACACAC",width:25,height:25,boxShadow:"inset 0 1px 3px 0 #EAEDF4","input:hover ~ &":{backgroundColor:"#ebf1f5"},"input:disabled ~ &":{boxShadow:"none",background:"rgba(206,217,224,.5)"}},checkedIcon:{borderColor:function(a){return"".concat(a.colors.activeSwitch)},"&:before":{display:"block",content:'""',width:14,height:5,left:15,top:17,position:"absolute",transform:"rotate(-45deg)",borderLeft:function(a){return"1px solid ".concat(a.colors.activeSwitch)},borderBottom:function(a){return"1px solid ".concat(a.colors.activeSwitch)}}}}),l=function(a){var b=k((0,f.useContext)(j.Ni));return(0,e.jsx)(i.Z,(0,d.Z)({className:b.root,disableRipple:!0,color:"default",checkedIcon:(0,e.jsx)("span",{className:(0,g.default)(b.icon,b.checkedIcon)}),icon:(0,e.jsx)("span",{className:b.icon}),inputProps:{"aria-label":"decorative checkbox"}},a))};b.Z=l},37095:function(a,b,c){c.d(b,{Ox:function(){return ab},WT:function(){return X},ZP:function(){return ad}});var d,e=c(47568),f=c(51438),g=c(28668),h=c(26042),i=c(69396),j=c(99534),k=c(828),l=c(7297),m=c(91224),n=c(34051),o=c.n(n),p=c(85893),q=c(67294),r=c(81954),s=c(19521),t=c(39803),u=c(75445),v=c(85161),w=c(64436),x=c(30553),y=c(52541),z=c(87343),A=c(9198),B=c.n(A),C=c(70879),D=c(77349),E=c(42298),F=c(55855),G=c(84500),H=c(78966),I=c(12274),J=c(24257),K=c(35337),L=c(19013),M=c(7397),N=c(17812),O=c(60625),P=c(80366),Q=c(70832),R=c(99794),S=c(30527);function T(){var a=(0,l.Z)(["\n && {\n font-size: 14px;\n color: ",";\n\n &.Mui-focused {\n color: ",";\n }\n }\n"]);return T=function(){return a},a}function U(){var a=(0,l.Z)(["\n color:",";\n"]);return U=function(){return a},a}function V(){var a=(0,l.Z)(["\n #root {\n display: flex;\n flex-wrap: wrap;\n @media (min-width: 767px) {\n gap: 20px;\n \n }\n .form-group {\n width: 100%;\n margin-bottom: 1rem;\n @media (min-width: 767px) {\n margin-bottom: 0;\n }\n &.w-d-50 {\n width: 100%;\n @media (min-width: 767px) {\n width: calc(50% - 10px);\n }\n }\n }\n }\n \n .error-detail {\n list-style: none;\n padding-left: 0;\n font-size: 14px;\n }\n\n && .MuiInput-underline:after {\n border-bottom-color: ",";\n }\n \n .form-select,\n .form-input {\n max-width: 250px; \n }\n\n .lable-description {\n font-size: 12px;\n padding-left: 7px;\n display: inline-block;\n\n a {\n color: ",";\n }\n }\n \n @media (max-width: ",") {\n .form-select,\n .form-input {\n max-width: unset; \n } \n \n .error {\n text-align: center;\n font-size: 16px;\n padding: 8px;\n color: #dc3545;\n }\n }\n\n\n .time-slot-calendar-wrap {\n position: relative;\n margin-top: -18px;\n \n @media (max-width: ",") {\n margin-top: 0;\n padding-bottom: 20px;\n }\n }\n \n .calendar-icon {\n &:focus {\n outline: none;\n }\n }\n\n .drop-down-wrapp {\n width: 100%;\n padding-top: 20px;\n }\n .drop-down {\n display: flex;\n position: relative;\n left: 0;\n z-index: 20;\n background: ",";\n padding: 25px;\n box-shadow: 0 -3px 14px 3px rgba(227,227,227,0.5);\n width: 640px; \n @media (max-width: ",") {\n width: 100%;\n flex-direction: column;\n padding: 10px;\n }\n .time-slots {\n margin-left: 30px;\n border-left: 1px solid #DCD8D8;\n padding-left: 30px;\n min-height: 200px;\n @media (max-width: ",") {\n border-left: none;\n border-top: 1px solid #DCD8D8;\n padding-left: 0;\n padding-top: 30px;\n margin-left: 0;\n margin-top: 30px;\n }\n }\n .calendar {\n text-align: center;\n .notice {\n font-size: 12px;\n a {\n color: ",';\n }\n }\n .react-datepicker {\n border: none;\n border-radius: 0;\n color: #161616;\n font-family: "Roboto Condensed", sans-serif;\n font-size: 14px;\n font-weight: ',";\n letter-spacing: 0;\n line-height: 19px;\n text-align: center;\n .react-datepicker__day-name {\n color: ","\n }\n .react-datepicker__day {\n &:focus {\n outline: none;\n }\n }\n .react-datepicker__day--selected {\n border-radius: 50%;\n background-color: "," ;\n }\n }\n .react-datepicker__header {\n border: none;\n border-radius: 0;\n background: ",";\n }\n }
1\n .time-slots {\n width: 100%;\n .time-slots-title {\n text-align: center;\n color: #000000;\n font-family: Helvetica;\n font-size: 14px;\n font-weight: ",";\n letter-spacing: 0;\n line-height: 19px;\n }\n .time-slot-item {\n color: #161616;\n font-family: Helvetica;\n font-size: 12px;\n letter-spacing: 0;\n line-height: 20px;\n text-align: center;\n border: 1.3px solid #161616;\n padding: 10px;\n width: calc(50% - 30px);\n margin: 10px;\n cursor: pointer;\n &.active {\n border: 1px solid ",";\n background-color: ",";\n color: ","\n }\n &.disabled {\n opacity: 0.3;\n pointer-events: none;\n }\n input {\n appearance: none;\n display: none;\n }\n }\n }\n }\n"]);return V=function(){return a},a}c(39828);var W,X=(0,s.ZP)(v.Z).withConfig({componentId:"sc-58e838e9-0"})(T(),function(a){return a.theme.colors.disabledColor},function(a){return a.theme.colors.disabledColor}),Y=(0,s.ZP)(O.Z).withConfig({componentId:"sc-58e838e9-1"})(U(),function(a){return a.theme.colors.disabledColor});(0,A.registerLocale)("de",C.Z),(W=d||(d={})).pattern="pattern",W.format="format",W.const="const",W.enum="enum",W.required="required",W.type="type";var Z=[{property:"tradeIn",name:d.enum,message:"Pflichtfeld"},{property:"funding",name:d.enum,message:"Pflichtfeld"},{property:"salutation",name:d.enum,message:"Pflichtfeld"},{property:"preferredContact",name:d.enum,message:"Pflichtfeld"},{property:"firstName",name:d.pattern,message:"Pflichtfeld"},{property:"name",name:d.pattern,message:"Pflichtfeld"},{property:"lastName",name:d.pattern,message:"Pflichtfeld"},{property:"email",name:d.pattern,message:"Kein g\xfcltiges E-Mail Format"},{property:"phoneNumber",name:d.pattern,message:"Telefonnummer nicht in akzeptiertem Format"},{property:"phone",name:d.pattern,message:"Telefonnummer nicht in akzeptiertem Format"},{property:"legal",name:d.const,message:"Pflichtfeld"},{property:"testDriveTimeId",name:d.type,message:"Pflichtfeld"},],$={carDetails:function(){return(0,p.jsx)("div",{})}};function _(a){var b=a.errors;return(0,p.jsx)("ul",{className:"list-unstyled",children:b.map(function(a){return(0,p.jsx)("li",{children:a.stack},a.stack)})})}var aa={TextareaWidget:function(a){var b=a.options;return(0,p.jsx)(w.Z,{fullWidth:!0,component:"fieldset",children:(0,p.jsxs)(p.Fragment,{children:[b.header,(0,p.jsx)(z.Z,{style:{width:"100%",border:"1px solid #595959",borderRadius:15,minHeight:"180px",resize:"none",outline:"none",padding:10},onChange:function(b){return a.onChange(b.target.value)},value:a.value,required:a.required,id:a.id,maxLength:900,name:a.id,"aria-label":"empty textarea",placeholder:"Guten Tag, \nich interessiere mich f\xfcr dieses Fahrzeug.\nBitte kontaktiert mich."}),(0,p.jsxs)("div",{className:"char-counter",style:{textAlign:"right",fontSize:14,fontWeight:500,color:900-a.value.length==0?"#dc3545":"#7d7d7d"},children:["Buchstaben verf\xfcgbar:"," ",900-a.value.length]})]})})},TextWidget:function(a){return(0,p.jsx)(w.Z,{className:"form-input",fullWidth:!0,component:"fieldset",children:(0,p.jsx)(t.Z,{InputLabelProps:{style:{color:"#595959",fontSize:14}},type:a.options?String(a.options.type):"text",value:a.value,required:a.required,label:a.options.title||a.label,id:a.id,name:a.id,disabled:a.disabled,onChange:function(b){return a.onChange(b.target.value)},onFocus:function(b){return a.onFocus(a.id,b.target.value)}},a.id)})},SelectWidget:function(a){var b=a.options;return(0,p.jsxs)(w.Z,{className:"form-select",fullWidth:!0,component:"fieldset",style:{background:"transparent"},children:[(0,p.jsx)(X,{htmlFor:"age-native-helper",children:(b.title&&a.required?"".concat(b.title," *"):b.title)||(a.label&&a.required?"".concat(a.label," *"):a.label)}),(0,p.jsxs)(u.Z,{value:a.value,inputProps:{name:a.id,id:a.id},onChange:function(b){if("root_preferredContact"===a.id&&b.target.value){var c=b.target.value.split(" ").slice(-1).join("").toLowerCase();(0,S.$J)({type:c})}a.onChange(b.target.value)},onFocus:function(b){return a.onFocus(a.id,b.target.value)},children:[(0,p.jsx)("option",{"aria-label":"None",value:""}
1),b.enumOptions.map(function(a){if(b.enum){var c=b.enum.findIndex(function(b){return a.value===b});return(0,p.jsx)("option",{value:a.value,children:b.enumNames[c]},a.label)}return(0,p.jsx)("option",{value:a.value,children:a.label},a.label)})]})]})},RadioGroup:function(a){var b=a.options;return(0,p.jsx)(w.Z,{fullWidth:!0,component:"fieldset",children:(0,p.jsxs)(p.Fragment,{children:[b.header,(0,p.jsx)(y.Z,{row:!0,"aria-label":a.id,id:a.id,name:a.id,value:a.value,onChange:function(b){"root_tradeIn"===a.id&&(0,S.pM)({value:"true"===b.target.value?"yes":"no"}),"root_funding"===a.id&&(0,S.FA)({value:"true"===b.target.value?"yes":"no"}),a.onChange(b.target.value)},children:b.enumOptions.map(function(a){var c=b.enum.findIndex(function(b){return a.value===b});return(0,p.jsx)(x.Z,{control:(0,p.jsx)(R.Z,{}),value:a.value,label:(0,p.jsx)("span",{style:{fontSize:14,marginRight:30},children:b.enumNames[c]})},a.label)})})]})})},CheckboxWidget:function(a){var b=a.value||!1;return(0,p.jsx)(w.Z,{fullWidth:!0,component:"fieldset",children:(0,p.jsx)(x.Z,{style:{fontWeight:700,alignItems:"flex-start"},labelPlacement:"end",control:(0,p.jsx)(Q.Z,{onChange:function(){"root_newsletter"===a.id&&(0,S.ru)({value:b?"no":"yes"}),a.onChange(!b)},id:a.id,name:a.id,checked:b}),label:a.options.title?(0,p.jsx)("span",{className:"lable-description",dangerouslySetInnerHTML:{__html:a.options.title}}):a.label})})},TextBox:function(a){return(0,p.jsx)("div",{className:"text-box",style:{fontSize:12},dangerouslySetInnerHTML:{__html:a.options.text}})}},ab=function(a){if(a.formContext.isReserved)return null;var b,c,d,f=a.properties.find(function(a){return"testDriveDate"===a.name}),g=a.properties.find(function(a){return"testDriveTimeId"===a.name}),h=(0,k.Z)(q.useState([]),2),i=h[0],j=h[1],l=(0,k.Z)(q.useState(!1),2),m=l[0],n=l[1],r=(0,k.Z)(q.useState(!0),2),s=r[0],u=r[1],v=(0,k.Z)(q.useState(!1),2),y=v[0],z=v[1],A=(0,k.Z)(q.useState(!!a.formData.testDriveTimeId||!!a.formData.testDriveDate),2),C=A[0],O=A[1],R=function(){a.formData.testDriveTimeId||(f.content.props.onChange(""),j([])),z(!1)},S=(c=(0,e.Z)(o().mark(function a(b){return o().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(O(b),!b){a.next=8;break}return a.next=4,null==g?void 0:g.content.props.onChange(null);case 4:return a.next=6,null==f?void 0:f.content.props.onChange("");case 6:a.next=13;break;case 8:return a.next=10,null==g?void 0:g.content.props.onChange("");case 10:return a.next=12,null==f?void 0:f.content.props.onChange("");case 12:R();case 13:case"end":return a.stop()}},a)})),function(a){return c.apply(this,arguments)}),T=(d=(0,e.Z)(o().mark(function b(c){var d,e;return o().wrap(function(b){for(;;)switch(b.prev=b.next){case 0:return u(!0),b.next=3,fetch("/api/calendar?date=".concat(c,"&service-code=").concat(a.formData.testDriveServiceCode));case 3:return d=b.sent,b.next=6,d.json();case 6:(e=b.sent).errors?n(!0):j(e),u(!1);case 9:case"end":return b.stop()}},b)})),function(a){return d.apply(this,arguments)});q.useEffect(function(){a.formData.testDriveDate&&T(a.formData.testDriveDate)},[]);var U,V=function(){if(!a.formData.testDriveTimeId&&y&&(null==f||f.content.props.onChange(""),j([])),!y&&!a.formData.testDriveDate){var b=Date.now();null==f||f.content.props.onChange(7===(0,G.Z)((0,D.default)(b,2))?(0,E.default)((0,D.default)(b,3),"yyyy-MM-dd"):(0,E.default)((0,D.default)(b,2),"yyyy-MM-dd")),T(7===(0,G.Z)((0,D.default)(b,2))?(0,E.default)((0,D.default)(b,3),"yyyy-MM-dd"):(0,E.default)((0,D.default)(b,2),"yyyy-MM-dd"))}z(!y)},W=(U=(0,e.Z)(o().mark(function a(b){var c;return o().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return c=(0,E.default)(b,"yyyy-MM-dd"),a.next=3,null==f?void 0:f.content.props.onChange((0,E.default)(b,"yyyy-MM-dd"));case 3:return a.next=5,null==g?void 0:g.content.props.onChange(null);case 5:return a.next=7,T(c);case 7:case"end":return a.stop()}},a)})),function(a){return U.apply(this,arguments)}),X=function(a){null==g||g.content.props.onChange(a.target.value),z(!1)},Z="",$=i.find(function(b){return b["booking-time-id"]===Number(a.formData.testDriveTimeId)});$&&(Z=", ".concat($.duration));var _=function(a){var b=Date.now(),c=7===(0,G.Z)(a),d=!(0,J.default)(a,{start:(0,D.default)(b,1),end:7!==(0,G.Z)(b)?(0,D.default)(b,5):(0,D.default)(b,4)}),e=[24,25,26,31],f=[1],g=(0,F.default)(a),h=(0,H.default)(a),i=e.includes(g)&&11===h,j=f.includes(g)&&0===h;return!c&&!d&&!i&&!j};return(0,p.jsxs)("div",{className:"row calendar-wrap",children:[(0,p.jsx)("div",{className:"col-xs-12 col-md-6 calendar-wrap-checkbox",children:(0,p.jsx)(w.Z,{fullWidth:!0,component:"fieldset",children:(0,p.jsx)(x.Z,{style:{fontWeight:700,alignItems:"center"},labelPlacement:"end",control:(0,p.jsx)(Q.Z,{onChange:function(){return S(!C)},checked:C}),label:(0,p.jsx)("span",{className:"lable-description",style:{fontSize:"14px"},dangerouslySetInnerHTML:{__html:"Reserviere dein Fahrzeug f\xfcr 72 h und vereinbare eine Probefahrt"}})})})}),(0,p.jsx)("div",{className:"col-xs-12 col-md-6",children:(0,p.jsxs)("div",{className:"time-slot-calendar-wrap",style:{display:C?"block":"none"},children:[(0,p.jsx)(w.Z,{className:"form-input",fullWidth:!0,component:"fieldset",children:(0,p.jsx)(t.Z,{InputProps:{readOnly:!0,endAdornment:(0,p.jsx)(M.Z,{position:"end",children:(0,p.jsx)(N.Z,{"aria-label":"toggle password visibility",onClick:V,className:"calendar-icon",children:y?(0,p.jsx)(P.Z,{}):(0,p.jsx)(Y,{})})})},InputLabelProps:{style:{fontSize:14,color:"#595959"}},type:"text",value:"".concat((0,I.default)((0,K.default)(a.formData.testDriveDate,"yyyy-MM-dd",new Date))?(0,E.default)((0,K.default)(a.formData.testDriveDate,"yyyy-MM-dd",new Date),"dd.MM.yyyy"):"").concat(""===a.formData.testDriveTimeId?"":Z),label:"Probefahrt Termin",name:null==g?void 0:g.content.props.id,id:null==g?void 0:g.content.props.id,required:a.required,onFocus:V,disabled:a.disabled})}),null===(b=null==g?void 0:g.content.props.errorSchema.__errors)|| void 0===b?void 0:b.map(function(){return(0,p.jsx)("div",{children:(0,p.jsx)("ul",{className:"error-detail bs-callout bs-callout-info",children:(0,p.jsx)("li",{className:"text-danger",children:"Pflichtfeld"})})})})]})}),y&&(0,p.jsx)("div",{className:"drop-down-wrapp",children:(0,p.jsxs)("div",{className:"drop-down",children:[(0,p.jsxs)("div",{className:"calendar",children:[(0,p.jsx)(B(),{onChange:W,minDate:new Date,showDisabledMonthNavigation:!0,locale:"de",filterDate:_,selected:(0,I.default)((0,K.default)(a.formData.testDriveDate,"yyyy-MM-dd",new Date))?(0,L.default)((0,K.default)(a.formData.testDriveDate,"yyyy-MM-dd",new Date)):void 0,dateFormat:"YYYY-MM-DD",inline:!0}),(0,p.jsx)("div",{className:"notice",children:"Der Wunschtermin ist nicht frei? Ruf uns an."}),(0,p.jsx)("div",{className:"notice",children:(0,p.jsx)("a",{href:"tel:+498970808484",children:"+49 89 7080 84 84"})})]}),m?(0,p.jsx)("div",{className:"time-slots",children:"Error occurred while trying to get time slots"}):(0,p.jsxs)("div",{className:"time-slots",children:[(0,p.jsx)("div",{className:"time-slots-title",children:"verf\xfcgbare Termine"}),!s&&i.map(function(b){return(0,p.jsxs)("label",{className:"time-slot-item ".concat(b["booking-time-id"]===Number(a.formData.testDriveTimeId)?"active":""," \n ").concat(b.isAvailable?"":"disabled"),htmlFor:"booking-time-id-".concat(b["booking-time-id"]),children:[b.duration,(0,p.jsx)("input",{type:"checkbox",checked:b["booking-time-id"]===Number(a.formData.testDriveTimeId),id:"booking-time-id-".concat(b["booking-time-id"]),name:"booking-time-id",disabled:!b.isAvailable,onChange:X,value:b["booking-time-id"]})]},b["booking-time-id"])})]})]})})]})},ac=s.ZP.div.withConfig({componentId:"sc-58e838e9-2"})(V(),function(a){return a.theme.colors.primaryColor},function(a){return a.theme.colors.primaryColor},function(a){return a.theme.breakpoints.lg},function(a){return a.theme.breakpoints.xs}
1,function(a){return a.theme.colors.sectionBackground},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.breakpoints.sm},function(a){return a.theme.colors.primaryColor},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.grayAC},function(a){return a.theme.colors.primaryColor},function(a){return a.theme.colors.sectionBackground},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.primaryColor},function(a){return a.theme.colors.primaryColor},function(a){return a.theme.colors.sectionBackground}),ad=function(a){(0,g.Z)(c,a);var b=(0,m.Z)(c);function c(){return(0,f.Z)(this,c),b.apply(this,arguments)}return c.prototype.render=function(){var a,b,c=this.props,d=c.children,e=c.schema,f=c.beforeTransformErrors,g=(0,j.Z)(c,["children","schema","beforeTransformErrors"]);return(0,p.jsx)(ac,{children:(0,p.jsx)(r.ZP,(0,i.Z)((0,h.Z)({},g),{transformErrors:(a=Z,b=f,function(c){return b&&b(c),c.map(function(b){var c=a.find(function(a){return b.property.includes(a.property)&&b.name===a.name});return c&&(b.message=c.message),b})}),noHtml5Validate:!0,ErrorList:_,schema:e,fields:$,widgets:aa,showErrorList:!1,children:d}))})},c}(q.Component)}}])
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.