https://www.auto.de/assets/js/vehicle_add.9150f9a7.chunk.js

1"use strict";(self.webpackChunkfe_main=self.webpackChunkfe_main||[]).push([[833],{17428:function(e,a,t){t.r(a),t.d(a,{default:function(){return se}});var l=t(14041),r=t(3838),n=t(86090),s=t(53857),o=t(75658),i=t(52376),c=t(54632),d=t(37195),m=t(92235),u=t.n(m),p=t(80664),v=t.n(p),h=t(84017),b=t(35618);const f={dvr:u()({package:v()})},g={onSuccess(e){const a=e.$("vin").value;return h.A.getCarDataByVIN(a).then(()=>{b.b.push("/my-vehicles/edit",{from:b.b.location})}).catch(e=>{throw e})}};var E=new d.Ay({fields:[{value:"",name:"vin",label:"vin",placeholder:"Just enter the FIN / VIN",rules:"required|vin_code"}]},{options:{validateOnChange:!0},plugins:f,hooks:g}),y=({t:e,loading:a,error:t,onFormSubmit:r})=>l.createElement("div",{className:"U5Tv1H8_"},l.createElement("form",{className:"cwJuJtR4"},l.createElement("div",{className:"UsOa3nxb"},l.createElement(c.A,{field:E.$("vin"),t:e,label:e("MyVehicleAddPage:vinForm.vin")})),l.createElement(i.$n,{variant:"filled",className:"ir88LY3e",onClick:r,disabled:a},a?l.createElement("span",{className:"auth-spinner",style:{width:18,height:18,borderWidth:2}}):e("MyVehicleAddPage:vinForm.vinSubmit"))),t?l.createElement("div",{className:"r4RpSgKA"},`Fetching Error: ${t}`):""),N=t(99870),A=t.n(N),$=t(8692),w=t(89136),C=t(41718),P=t(98770),_=t(46123),x=t.n(_);const k=(0,P.b0)(),S=[{name:"make",label:"manufacturer",placeholder:"manufacturerPlaceholder",rules:"required",extra:["loading makers..."]},{name:"model",label:"model",placeholder:"modelPlaceholder",rules:"required",extra:["loading models..."],disabled:!0},{name:"month",label:"month",placeholder:"monthPlaceholder",extra:(0,P.S2)(),disabled:!0},{name:"year",label:"year",placeholder:"yearPlaceholder",extra:k,disabled:!0},{name:"mileage",label:"mileage",placeholder:"Enter millage",rules:"required|numeric|min:0",disabled:!0}];var M=t(83794);function T(e,a){let t=!1;F.each(e=>{if(t)return e.clear(),e.set("disabled",!0),e.set("error",null),!1;e.path===a&&(t=!0)})}const j=function(){const e=new Map([["maker_id",null],["model_id",null],["month",null],["year",null],["fuel",null],["vehicle_type_name",null],["seats",null],["sub_model_id",null]]);return function(a,t){let l=!1;const r={};if(a&&t)for(const n of e.keys())l?e.set(n,null):(n===a&&(e.set(n,t),l=!0),e.get(n)&&(r[n]=e.get(n)));return{...r}}}(),O={dvr:u()({package:v()})},G=[{name:"general",fields:S,rules:"required",related:["general.make","general.model"]},{name:"details",fields:[{name:"fuel",label:"fuel",placeholder:"fuelPlaceholder",disabled:!0},{name:"type",label:"vehicleType",placeholder:"vehicleTypePlaceholder",disabled:!0},{name:"doors",label:"doors",placeholder:"doorsPlaceholder",disabled:!0},{name:"series",label:"series",placeholder:"seriesPlaceholder",disabled:!0}],rules:"required_with:general"},{name:"series",fields:[{name:"dat_group_model",label:"sub_model",placeholder:"Select series"}],rules:"required_with:general,details"}],D={onSuccess(e){const a=e.$("series.dat_group_model").value,t=(0,M.toJS)(C.A.modelVariants).find(e=>e.datECode===a),l=(0,M.toJS)(e.values()),r=w.A.activeManufacturerInfoMobx,n=w.A.activeModelInfoMobx,s=x()(l,"general.month.value")-1,o=x()(l,"general.year.value"),i=x()(l,"details.doors.value","").split("/");let c=null;s&&o&&(c=Number((0,P.Ey)({timestamp:{month:s,year:o}})));const d={mainData:{firstRegistration:c,make:r,model:n,mileage:x()(l,"general.mileage"),series:x()(l,"details.series.name"),seats:2===i.length?i[0]:null,doors:2===i.length?i[1]:null},driveSuspension:{gears:x()(t,"gears")}};(a?h.A.getCarDataByDatGroup(a,d):h.A.getCarDataFromUser(d)).then(a=>{b.b.push("/my-vehicles/edit"),e.reset()})},onError(e){},onInit(e){w.A.getManufacturersInfoMobx().then(a=>{e.$("general.make").set("extra",a)})}},V={"general.make":{onChange(e){const a=e.value.value?e.value.value:e.value,t=e.path;j("maker_id",a),T(0,t),a&&w.A.getModels(a).then(e=>{F.set("extra",{"general.model":e}),F.set("disabled",{"general.model":!1})})}},"general.model":{onChange(e){const a=F.$("general.make").value.value,t=e.value.value?e.value.value:e.value,l=e.path,r=j("model_id",t);T(0,l),w.A.getYearsInfo(a,t).then(e=>{if(!e)return;const{years:a,months:t}=e;F.set("extra",{"general.year":a,"general.month":t}),F.set("disabled",{"general.month":!1})}),C.A.getGeneralGroupedInfo(r).then(e=>{e&&(C.A.isModelUnique||F.$("details.fuel").set("extra",e.fuel))})}},"general.month":{onChange(e){const a=e.value;j("month",a),T(0,e.path),F.set("disabled",{"general.year":!1})}},"general.year":{onChange(e){const a=e.value,t=j("year",a);T(0,e.path),F.set("disabled",{"general.mileage":!1}),C.A.getGeneralGroupedInfo(t).then(e=>{C.A.isModelUnique||F.$("details.fuel").set("extra",e.fuel)})}},"general.mileage":{onChange(){F.set("disabled",{"details.fuel":!1})}},"details.fuel":{onChange(e){const a=e.path,t=e.value.value?e.value.value:e.value,l=j("fuel",t);T(0,a),C.A.getGeneralGroupedInfo(l).then(({vehicleTypeName:e})=>{F.$("details.type").set("extra",e),F.$("details.type").set("disabled",!1)})}},"details.type":{onChange(e){const a=e.path,t=e.value.value?e.value.value:e.value,l=j("vehicle_type_name",t);T(0,a),C.A.getGeneralGroupedInfo(l).then(({doors:e})=>{F.$("details.doors").set("extra",e),F.$("details.doors").set("disabled",!1)})}},"details.doors":{onChange(e){const a=e.path,t=e.value.value?e.value.value:e.value,l=j("seats",t);T(0,a),C.A.getGeneralGroupedInfo(l).then(({series:e})=>{F.$("details.series").set("extra",e),F.$("details.series").set("disabled",!1)})}},"details.series":{onChange(e){const a=e.value.value?e.value.value:e.value,t=j("sub_model_id",a);return C.A.getModelVariantsInfo(t).then((e=[])=>{const a=x()(e,"[0].datECode",null);F.$("series.dat_group_model").set("value",a)})}}},R={general:[{key:"value",call:({form:e,change:a})=>{const{oldValue:t,newValue:l}=a;if(C.A.clearModelVariants(),t.mileage!==l.mileage)return!1;e.$("details").reset(),e.$("series").reset()}}],details:[{key:"value",call:({form:e})=>{e.$("series").reset(),C.A.clearModelVariants()}}]},F=new d.Ay({fields:G,observers:R,hooks:V},{options:{validateOnChange:!0},plugins:O,hooks:D});var I=F,B={container:"yLAyv1L1",firstSection:"WuaQ3SHq",input:"zczXVq_P",dropDown:"uWJ3ft3r",inputField:"rfjRVl96",label:"RCAPyOFX",row:"x7pthL3A",rowGeneral:"ym3uBVQc",col:"NDz_xQ4m",date:"IGea1aWU",select:"KITrX2s8",radioButton:"l6szBO7i",radioLabel:"oeBnY9oR",carEngine:"B4YtgvqS",radioGroup:"PGNv

1Nmbw",userDataBlock:"COcyAt4w",submitButton:"s64pJ5Dd"};let q=class extends l.Component{render(){const{t:e}=this.props;return l.createElement("div",{className:B.form},l.createElement("div",{className:A()(B.container,B.firstSection)},l.createElement("div",{className:A()(B.row,B.rowGeneral)},l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("general.make"),t:e,isApiTranslated:!0})),l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("general.model"),t:e,isApiTranslated:!0}))),l.createElement("div",{className:A()(B.row,B.rowGeneral)},l.createElement("div",{className:B.col},l.createElement("div",{className:`${B.row} ${B.date}`},l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("general.month"),isApiTranslated:!0,t:e})),l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("general.year"),t:e})))),l.createElement("div",{className:B.col},l.createElement("div",{className:B.input},l.createElement(c.A,{field:I.$("general.mileage"),t:e}))))))}};q=function(e,a,t,l){var r,n=arguments.length,s=n<3?a:null===l?l=Object.getOwnPropertyDescriptor(a,t):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,a,t,l);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(s=(n<3?r(s):n>3?r(a,t,s):r(a,t))||s);return n>3&&s&&Object.defineProperty(a,t,s),s}([r.PA],q);var L=q;class U extends l.Component{render(){const{t:e}=this.props;return l.createElement("form",{className:B.form},l.createElement("div",{className:B.container},l.createElement("div",{className:A()(B.row,B.rowGeneral)},l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("details.fuel"),t:e})),l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("details.type"),t:e}))),l.createElement("div",{className:A()(B.row,B.rowGeneral)},l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("details.doors"),t:e})),l.createElement("div",{className:B.col},l.createElement($.A,{field:I.$("details.series"),t:e,isApiTranslated:!0})))))}}var z=U,H=t(55221),W={model:"GZ_L9YPC",power:"InX4qYoU",gearbox:"Ap7Q5nKB",gears:"gWHkq4Pz",gearboxDescription:"azro063H",builtBy:"kTTR1xQt",col:"QiowDmom",value:"McvP2sHN",title:"jv3agCjy"},J=(0,s.Tl)("MyVehicleAddPage")(e=>{const{id:a,modelLiterGearType:t,title:r,from_month:n,from_year:s,to_month:o,to_year:i,power_kw:c,power_ps:d,gearbox:m,gears:u,gearboxShortDescription:p,t:v}=e,h=n?`0${n}`.slice(-2):"-",b=o?`0${o}`.slice(-2):"-",f=s||"-",g=i||"-",E=(d?`${d} PS`:"")+(c&&d?" / ":"")+(c?`${c} KW`:""),y=`${v("model")} №${a}`;return l.createElement("div",{className:W.model},l.createElement("div",{className:`${W.col} ${W.modelLiterGearType}`},l.createElement("span",{className:W.value},t||r||y)),l.createElement("div",{className:`${W.col} ${W.power}`},l.createElement("span",{className:W.title},v("variant.power")),l.createElement("span",{className:W.value},E||"-")),l.createElement("div",{className:`${W.col} ${W.gearbox}`},l.createElement("span",{className:W.title},v("variant.gearbox")),l.createElement("span",{className:W.value},m||"-")),l.createElement("div",{className:`${W.col} ${W.gears}`},l.createElement("span",{className:W.title},v("variant.gears")),l.createElement("span",{className:W.value},u||"-")),l.createElement("div",{className:`${W.col} ${W.gearboxDescription}`},l.createElement("span",{className:W.title},v("variant.gearboxDescription")),l.createElement("span",{className:W.value},p||"-")),l.createElement("div",{className:`${W.col} ${W.builtBy}`},l.createElement("span",{className:W.title},l.createElement(H.BS,{xs:!0},v("variant.builtByMobile")),l.createElement(H.jZ,{xs:!0},v("variant.builtBy"))),l.createElement("span",{className:W.value},`${h}/${f} – ${b}/${g}`)))}),Q=({t:e})=>l.createElement("div",{className:"kREZvZoN"},l.createElement("h3",{className:"Zydbxqpj"},e("selectModelVariant")),l.createElement("p",{className:"hbyz95eo"},e("notSureModelVariant"))),Z=t(27948);class Y extends l.Component{constructor(){super(...arguments),Object.defineProperty(this,"renderLabel",{enumerable:!0,configurable:!0,writable:!0,value:e=>l.createElement("div",{style:{width:"100%"}},l.createElement(J,{...e}))}),Object.defineProperty(this,"renderRadioButtons",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const{models:e}=this.props;return e.map(e=>l.createElement(i.Mi,{key:e.datECode,value:e.datECode,className:B.radioButton,style:{display:"flex",width:"100%"}},this.renderLabel(e)))}}),Object.defineProperty(this,"renderRadioGroup",{enumerable:!0,configurable:!0,writable:!0,value:()=>l.createElement(Z.A,{field:I.$("series.dat_group_model"),className:B.radioGroup},this.renderRadioButtons())})}render(){const{models:e,t:a}=this.props,t=e.length>0;return l.createElement("form",{className:B.form},l.createElement("div",{className:B.container},!!t&&l.createElement(Q,{t:a}),e&&e.length?this.renderRadioGroup():null))}}var X=Y;class K extends l.Component{render(){const{t:e,onProceed:a,loading:t}=this.props;return l.createElement("div",{className:B.userDataBlock},l.createElement(i.$n,{variant:"filled",className:B.submitButton,onClick:a,disabled:t},t?l.createElement("span",{className:"auth-spinner",style:{width:18,height:18,borderWidth:2}}):e("reviewAndCreate")))}}var ee=K;const ae={dvr:u()({package:v()})},te={onSuccess(e){},onError(e){}};var le=new d.Ay({fields:[{value:"",name:"hsn",rules:"required"},{value:"",name:"tsn",rules:"required"}]},{options:{validateOnChange:!0},plugins:ae,hooks:te}),re={page:"TvPg_L83",wizardHeader:"NxcLVGXI",top:"fkZ3SD35",title:"Cum1xIqV",tabs:"GZZdR47C",tabsList:"R1HNu_qI",tabTitle:"Dahs0IoC",tabTitleActive:"_1m5xz62",noModels:"m_0C4MFH"};let ne=class extends l.Component{constructor(e){super(e),Object.defineProperty(this,"onVinFormSubmit",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const{t:e,notificationStore:a}=this.props;E.submit().catch(()=>{a.addNotification({message:e("MyVehicleAddPage:vinForm.vinError"),level:"error"})})}}),Object.defineProperty(this,"onTabSelect",{enumerable:!0,configurable:!0,writable:!0,value:(e,a)=>this.setState(()=>({activeTab:a}))}),Object.defineProperty(this,"processToEditCarScreen",{enumerable:!0,configurable:!0,writable:!0,value:()=>{I.submit()}}),Object.defineProperty(this,"renderTabs",{enumerable:!0,configurable:!0,writable:!0,value:()=>[this.props.t("createCarViaFin"),this.props.t("createCarByMake")].map((e,a)=>l.createElement("button",{type:"button",role:"tab","aria-selected":this.state.activeTab===a,className:"st-tab"+(this.state.activeTab===a?" is-active":""),key:e,onClick:()=>this.setState({activeTab:a})},e))}),Object.defineProperty(this,"renderGeneralDataForm",{enumerable:!0,configurable:!0,writable:!0,value:()=>l.createElement(L,{t:this.props.t})}),Object.defineProperty(this,"renderDetailsForm",{enumerable:!0,configurable:!0,writable:!0,value:()=>l.createElement(z,{t:this.props.t})}),Object.defineProperty(this,"renderCarEngineForm",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const{carAddStore:e,t:a}=this.props;return l.createElement(X,{t:a,models:e.modelVariants})}}),Object.defineProperty(this,"renderUserDataForm",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const{carEditStore:e,t:a}=this.props,t=e.isFetching;return l.createElement(ee,{t:a,loading:t,onProceed:this.processToEditCarScreen})}}),Object.defineProperty(this,"renderNoModels",{enumerable:!0,configurable:!0,writable:!0,value:()=>{const{t:e}=this.props;return l.createElement("div",{className:re.noModels},e("noModelVariants"))}}),this.state={activeTab:1}}componentWillUnmount(){const{carAddStore:e}=this.props;I.clear(),le.clear(),E.clear(),e.clearModelVariants()}render(){const{t:e,carEditStore:a,carAddStore:t}=this.props,{isModelUnique:r}=t,n=I.$("general.mileage").isEmpty,s=I.$("details.series").isEmpty;return l.createElement(o.A,{page:"VEHICLE_ADD",className:`md3 dlr-page ${re.page}`},l.createElement(l.Fragment,null,l.createElement("header",{className:re.

1wizardHeader},l.createElement("h2",{className:re.title},e("yourVehicleInTwoMin"))),l.createElement("div",{className:`st-tabs ${re.tabs}`,role:"tablist",style:{justifyContent:"center"}},this.renderTabs()),0===this.state.activeTab&&l.createElement("div",{className:re.tabPanel,role:"tabpanel"},l.createElement(y,{t:e,loading:a.isFetching,error:a.errorMessage,onFormSubmit:this.onVinFormSubmit})),1===this.state.activeTab&&l.createElement("div",{className:re.tabPanel,role:"tabpanel"},this.renderGeneralDataForm(),!n&&!r&&this.renderDetailsForm(),!s&&!r&&this.renderCarEngineForm(),!(n||!r)&&this.renderNoModels(),!n&&this.renderUserDataForm())))}};ne=function(e,a,t,l){var r,n=arguments.length,s=n<3?a:null===l?l=Object.getOwnPropertyDescriptor(a,t):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,a,t,l);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(s=(n<3?r(s):n>3?r(a,t,s):r(a,t))||s);return n>3&&s&&Object.defineProperty(a,t,s),s}([(0,r.WQ)("carAddStore","carEditStore","notificationStore"),r.PA,function(e,a){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,a)}("design:paramtypes",[Object])],ne);var se=(0,n.y)((0,s.Tl)(["MyVehicleAddPage"])(ne))},27948:function(e,a,t){var l=t(14041),r=t(3838),n=t(52376);let s=class extends l.Component{render(){const{field:e,className:a,children:t}=this.props;return l.createElement(n.JQ,{field:e,setClassName:a},t)}};Object.defineProperty(s,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{className:""}}),s=function(e,a,t,l){var r,n=arguments.length,s=n<3?a:null===l?l=Object.getOwnPropertyDescriptor(a,t):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,a,t,l);else for(var o=e.length-1;o>=0;o--)(r=e[o])&&(s=(n<3?r(s):n>3?r(a,t,s):r(a,t))||s);return n>3&&s&&Object.defineProperty(a,t,s),s}([r.PA],s),a.A=s}}]);
2//# sourceMappingURL=vehicle_add.9150f9a7.chunk.js.map