https://www.thuellen.de/data/assets/eac847ab5259a2d06800-5206.js

1"use strict";(self.thuellenJsonP=self.thuellenJsonP||[]).push([[5206],{2894(e,s,t){t.d(s,{default:()=>m});var r=t(1425);const i={class:"form-success-header"},n={class:"header"},a={class:"titles"},l={class:"title"},o={key:0,class:"subtitle hidden-sm-down"},c={class:"text"},d={key:0,class:"hidden-md-up"},u={name:"FormSuccessHeader",components:{Icon:t(5270).default},props:{title:{type:String,default:""},subtitle:{type:String,default:""},text:{type:String,default:""}}},m=(0,t(6262).A)(u,[["render",function(e,s,t,u,m,h){const p=(0,r.g2)("Icon");return(0,r.uX)(),(0,r.CE)("div",i,[(0,r.Lk)("div",n,[(0,r.bF)(p,{name:"check-success"}),s[1]||(s[1]=(0,r.eW)()),(0,r.Lk)("div",a,[(0,r.Lk)("div",l,(0,r.v_)(t.title),1),s[0]||(s[0]=(0,r.eW)()),t.subtitle?((0,r.uX)(),(0,r.CE)("div",o,(0,r.v_)(t.subtitle),1)):(0,r.Q3)("v-if",!0)])]),s[3]||(s[3]=(0,r.eW)()),(0,r.Lk)("div",c,[t.subtitle?((0,r.uX)(),(0,r.CE)("div",d,(0,r.v_)(t.subtitle),1)):(0,r.Q3)("v-if",!0),s[2]||(s[2]=(0,r.eW)()),(0,r.RG)(e.$slots,"text",{},void 0,!0)])])}],["__scopeId","data-v-5b77bf0d"]])},5206(e,s,t){t.d(s,{default:()=>I});var r=t(1425);const i={class:"vehicle-search-subscription-banner container"},n={id:"vehicle-search-subscription-modal",class:"vehicle-search-subscription-modal site-modal",style:{display:"none"}},a={class:"modal-content"},l={key:0,class:"server-error site-wrapper wrapper-x"},o={key:2,class:"site-form has-floating-labels"},c={key:0,class:"site-wrapper"},d={class:"row"},u={class:"col-lg-6 subscribe-column"},m={class:"site-wrapper solitude flex flex-col"},h={style:{width:"0",height:"0",display:"none"}},p={class:"flex flex-col"},f=["disabled"],k={class:"col-lg-6 create-account-column"},g={class:"site-wrapper"},v={class:"flex flex-col"},b=["disabled"];var w=t(2124),L=t(8556),_=t(2489),S=t(2894),y=t(7645),W=t(3872),A=t(8326);const C={name:"VehicleSearchSubscriptionBanner",components:{FormInput:_.default,FormSuccessHeader:S.default,Loading:y.default},props:{filters:{type:Object,required:!0}},data:()=>({serverError:null,errors:{first_name:[],last_name:[],email:[],password:[],password_repeat:[]},isLoading:!1,isSuccess:!1,isAccountCreated:!1,form:{first_name:null,last_name:null,name:null,email:null,password:null,password_repeat:null}}),computed:{...(0,w.L8)("customerStore",["isLoggedIn"]),formHasErrors(){return this.serverError||Object.values(this.errors).some((e=>e.length>=1))},isTempAccount(){let e=!1;const s=JSON.parse(localStorage.getItem("tmpAccount"));return s&&null!==s.email&&(e=!0),e},noAccountEmail(){const e=JSON.parse(localStorage.getItem("tmpAccount"));return this.isTempAccount?e.email:null}},methods:{...(0,w.i0)("customerStore",["loginFrontend"]),...(0,w.i0)("watchlistStore",["customerWatchlistCreate"]),createTempAccount(){const e={first_name:this.form.first_name,last_name:this.form.last_name,email:this.form.email};localStorage.setItem("tmpAccount",JSON.stringify(e))},formSubmit(e,s){if(e.preventDefault(),this.validateFormFields(s),this.formHasErrors)return;this.isLoading=!0;let t="/admon/api-customer/?action=create-search",r=null,i=!1;s?(t="/admon/api-customer/?action=register-with-search",r={first_name:this.form.first_name,last_name:this.form.last_name,email:this.form.email,password:this.form.password,name:this.form.name,filters:this.filters,send_mail:!0}):this.isLoggedIn?r={name:this.form.name,filters:this.filters,send_mail:!0}:this.isTempAccount?r={no_account_email:this.noAccountEmail,name:this.form.name,filters:this.filters,send_mail:!0}:(r={no_account_first_name:this.form.first_name,no_account_last_name:this.form.last_name,no_account_email:this.form.email,name:this.form.name,filters:this.filters,send_mail:!0},i=!0),this.$nextTick((()=>{W.A.post(t,r,{header:{"Content-Type":"application/json"}}).then((e=>{e.data.success?(this.isSuccess=!0,this.isLoading=!1,(0,A.A)("Angebotsscanner_aktiviert"),s&&(this.isAccountCreated=!0,setTimeout((()=>{this.loginFrontend({customerId:e.data.customerId,customerEmail:this.form.email,customerFirstName:this.form.first_name,customerLastName:this.form.last_name}),this.customerWatchlistCreate()}),50),(0,A.A)("Kundenkonto_erstellt")),i&&this.createTempAccount()):"email_already_in_use"===e.data.error?this.serverError="Diese E-Mail Adresse ist bereits in Benutzung.":this.serverError="Bei der Verarbeitung ist leider ein Fehler aufgetreten. Bitte versuchen Sie es erneut.",this.isLoading=!1})).catch((()=>{this.isLoading=!1,this.serverError="Bei der Verarbeitung ist leider ein Fehler aufgetreten. Bitte versuchen Sie es erneut."}))}))},validateFormFields(e){this.errors={first_name:[],last_name:[],email:[],password:[],password_repeat:[]},this.serverError=null,this.isLoggedIn||this.isTempAccount||(this.form.first_name||this.errors.first_name.push("Bitte geben Sie Ihren Vornamen an."),this.form.last_name||this.errors.last_name.push("Bitte geben Sie Ihren Nachnamen an."),L.validate(this.form.email)||this.errors.email.push("Bitte geben Sie eine gültige E-Mail Adresse an.")),e&&(this.form.password?(this.form.password!==this.form.password_repeat&&this.errors.password_repeat.push("Die Passwörter stimmen nicht überein."),!(this.form.password.length<8)&&/[a-z]/.test(this.form.password)&&/[A-Z]/.test(this.form.password)&&/[^a-zA-Z\d]/.test(this.form.password)&&/\d/.test(this.form.password)||this.errors.password.push("Das Passwort muss die Anforderungen erfüllen")):this.errors.password.push("Bitte geben Sie ein Passwort ein."))},async bannerClick(){(0,A.A)("Angebotsscanner_Aufruf"),this.isSuccess=!1},trackEvent:A.A}},I=(0,t(6262).A)(C,[["render",function(e,s,t,w,L,_){const S=(0,r.g2)("FormSuccessHeader"),y=(0,r.g2)("Loading"),W=(0,r.g2)("FormInput");return(0,r.uX)(),(0,r.CE)("div",i,[(0,r.Lk)("a",{ref:"showModal",href:"#vehicle-search-subscription-modal","data-fancybox":"","data-touch":"false","data-base-class":"fancybox-fullscreen fancybox-search-subscription",class:(0,r.C4)(["vehicle-search-subscription-toggle",{disabled:L.isLoading}]),onClick:s[0]||(s[0]=e=>{_.bannerClick()})},s[10]||(s[10]=[(0,r.Fv)('<div class="icon" data-v-274189dc><svg version="1.1" pointer-events="none" data-v-274189dc><circle cx="50%" cy="50%" r="0" fill-opacity="0" stroke="white" stroke-width="2px" stroke-opacity="0.25" data-v-274189dc><animate attributeName="r" from="0" to="300" dur="6s" repeatCount="indef

1inite" begin="0.25s" data-v-274189dc></animate></circle> <circle cx="50%" cy="50%" r="0" fill-opacity="0" stroke="white" stroke-width="2px" stroke-opacity="0.25" data-v-274189dc><animate attributeName="r" from="0" to="300" dur="6s" repeatCount="indefinite" begin="1.25s" data-v-274189dc></animate></circle> <circle cx="50%" cy="50%" r="0" fill-opacity="0" stroke="white" stroke-width="2px" stroke-opacity="0.25" data-v-274189dc><animate attributeName="r" from="0" to="300" dur="6s" repeatCount="indefinite" begin="2.25s" data-v-274189dc></animate></circle> <circle cx="50%" cy="50%" r="0" fill-opacity="0" stroke="white" stroke-width="2px" stroke-opacity="0.25" data-v-274189dc><animate attributeName="r" from="0" to="300" dur="6s" repeatCount="indefinite" begin="3.25s" data-v-274189dc></animate></circle> <circle cx="50%" cy="50%" r="0" fill-opacity="0" stroke="white" stroke-width="2px" stroke-opacity="0.25" data-v-274189dc><animate attributeName="r" from="0" to="300" dur="6s" repeatCount="indefinite" begin="4.25s" data-v-274189dc></animate></circle> <path style="animation:ping 4s linear infinite both;animation-delay:1s;" transform="translate(40, 50) scale(0.1)" fill="white" d="M499.99 176h-59.87l-16.64-41.6C406.38 91.63 365.57 64 319.5 64h-127c-46.06 0-86.88 27.63-103.99 70.4L71.87 176H12.01C4.2 176-1.53 183.34.37 190.91l6 24C7.7 220.25 12.5 224 18.01 224h20.07C24.65 235.73 16 252.78 16 272v48c0 16.12 6.16 30.67 16 41.93V416c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-32h256v32c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32v-54.07c9.84-11.25 16-25.8 16-41.93v-48c0-19.22-8.65-36.27-22.07-48H494c5.51 0 10.31-3.75 11.64-9.09l6-24c1.89-7.57-3.84-14.91-11.65-14.91zm-352.06-17.83c7.29-18.22 24.94-30.17 44.57-30.17h127c19.63 0 37.28 11.95 44.57 30.17L384 208H128l19.93-49.83zM96 319.8c-19.2 0-32-12.76-32-31.9S76.8 256 96 256s48 28.71 48 47.85-28.8 15.95-48 15.95zm320 0c-19.2 0-48 3.19-48-15.95S396.8 256 416 256s32 12.76 32 31.9-12.8 31.9-32 31.9z" data-v-274189dc></path></svg></div> <div class="text" data-v-274189dc><h3 data-v-274189dc>\n                    Angebotsscanner aktivieren\n                </h3></div>',3)]),2),s[51]||(s[51]=(0,r.eW)()),(0,r.Lk)("div",n,[s[49]||(s[49]=(0,r.Lk)("div",{class:"site-modal-header"},[(0,r.Lk)("h3",null,"Angebotsscanner")],-1)),s[50]||(s[50]=(0,r.eW)()),(0,r.Lk)("div",a,[L.serverError?((0,r.uX)(),(0,r.CE)("div",l,(0,r.v_)(L.serverError),1)):(0,r.Q3)("v-if",!0),s[48]||(s[48]=(0,r.eW)()),L.isSuccess?((0,r.uX)(),(0,r.Wv)(S,{key:1,class:"site-wrapper",title:L.isAccountCreated?"Ihr Kundenkonto wurde erfolgreich erstellt.":"Ihr Angebotsscanner wurde erfolgreich aktiviert."},{text:(0,r.k6)((()=>[L.isAccountCreated?((0,r.uX)(),(0,r.CE)(r.FK,{key:0},[s[11]||(s[11]=(0,r.Lk)("strong",null,"Sobald ein Angebot Ihren Suchoptionen entspricht oder sich positiv verändert, informieren wir Sie per E-Mail.",-1)),s[12]||(s[12]=(0,r.eW)()),s[13]||(s[13]=(0,r.Lk)("p",null,[(0,r.eW)("Zusätzlich können Sie Ihre gespeicherten Suchen über die "),(0,r.Lk)("a",{href:"/fahrzeugsuche/merkliste/",class:"site-link-text"},"Merkliste"),(0,r.eW)(" jederzeit einsehen oder bearbeiten.")],-1)),s[14]||(s[14]=(0,r.eW)()),s[15]||(s[15]=(0,r.Lk)("a",{href:"/fahrzeugsuche/merkliste/",class:"btn btn-primary"},"Zur Merkliste wechseln",-1))],64)):((0,r.uX)(),(0,r.CE)(r.FK,{key:1},[s[16]||(s[16]=(0,r.Lk)("strong",null,"Sobald ein Angebot Ihren Suchoptionen entspricht, informieren wir Sie per E-Mail.",-1)),s[17]||(s[17]=(0,r.eW)()),s[18]||(s[18]=(0,r.Lk)("p",null,[(0,r.eW)("Sie können Ihre gespeicherten Suchen auch über die "),(0,r.Lk)("a",{href:"/fahrzeugsuche/merkliste/",class:"site-link-text"},"Merkliste"),(0,r.eW)(" einsehen, solange Sie sich mit diesem Browser auf thuellen.de aufhalten.")],-1))],64))])),_:1},8,["title"])):((0,r.uX)(),(0,r.CE)("form",o,[(0,r.Q3)(" USER LOGGED IN OR TMP USER "),s[47]||(s[47]=(0,r.eW)()),e.isLoggedIn||_.isTempAccount?((0,r.uX)(),(0,r.CE)("div",c,[s[19]||(s[19]=(0,r.Lk)("h3",null,"Aktivieren Sie Ihren persönlichen Angebotsscanner",-1)),s[20]||(s[20]=(0,r.eW)()),s[21]||(s[21]=(0,r.Lk)("p",null,[(0,r.eW)("\n                            Wir speichern Ihre Suche und informieren Sie bei passenden oder neuen Treffern."),(0,r.Lk)("br"),(0,r.eW)("\n                            Sie können Ihre gespeicherten Suchen jederzeit auf Ihrer "),(0,r.Lk)("a",{class:"site-link-text",href:"/merkliste"},"Merkliste"),(0,r.eW)(" einsehen, löschen und die Benachrichtigung deaktivieren.\n                        ")],-1)),s[22]||(s[22]=(0,r.eW)()),(0,r.Lk)("button",{type:"button",class:"btn btn-primary",onClick:s[1]||(s[1]=e=>_.formSubmit(e,!1))},[L.isLoading?((0,r.uX)(),(0,r.Wv)(y,{key:0})):((0,r.uX)(),(0,r.CE)(r.FK,{key:1},[(0,r.eW)("\n                                Angebotsscanner aktivieren\n                            ")],64))])])):((0,r.uX)(),(0,r.CE)(r.FK,{key:1},[(0,r.Q3)(" NO USER "),(0,r.Lk)("div",null,[(0,r.Q3)(" AB GROUP A "),s[46]||(s[46]=(0,r.eW)()),(0,r.Lk)("div",d,[(0,r.Lk)("div",u,[(0,r.Lk)("div",m,[s[25]||(s[25]=(0,r.Lk)("h3",null,"Aktivieren Sie Ihren persönlichen Angebotsscanner",-1)),s[26]||(s[26]=(0,r.eW)()),s[27]||(s[27]=(0,r.Lk)("p",null,"Wir speichern Ihre Suche und informieren Sie bei passenden oder neuen Treffern.",-1)),s[28]||(s[28]=(0,r.eW)()),(0,r.bF)(W,{id:"search-register-first-name",label:"Vorname",required:!0,"initial-value":L.form.first_name,"error-messages":L.errors.first_name,onChangeInput:s[2]||(s[2]=e=>{L.form.first_name=e,L.errors.first_name=[]})},null,8,["initial-value","error-messages"]),s[29]||(s[29]=(0,r.eW)()),(0,r.bF)(W,{id:"search-register-last-name",label:"Nachname",required:!0,"initial-value":L.form.last_name,"error-messages":L.errors.last_name,onChangeInput:s[3]||(s[3]=e=>{L.form.last_name=e,L.errors.last_name=[]})},null,8,["initial-value","error-messages"]),s[30]||(s[30]=(0,r.eW)()),(0,r.Lk)("div",h,[(0,r.bo)((0,r.Lk)("input",{"onUpdate:modelValue":s[4]||(s[4]=e=>L.form.name=e),type:"text",name:"name"},null,512),[[r.Jo,L.form.name]]),s[23]||(s[23]=(0,r.eW)()),s[24]||(s[24]=(0,r.Lk)("label",null,"Nachname",-1))]),s[31]||(s[31]=(0,r.eW)()),(0,r.bF)(W,{id:"search-register-email",label:"E-Mail",required:!0,"initial-value":L.form.email,"error-messages":L.errors.email,onChangeInput:s[5]||(s[5]=e=>{L.form.email=e,L.errors.email=[]})},null,8,["initial-value","error-messages"]),s[32]||(s[32]=(0,r.eW)()),(0,r.Lk)("div",p,[(0,r.Lk)("button",{type:"button",class:"btn btn-primary",disabled:L.isLoading,onClick:s[6]||(s[6]=e=>_.formSubmit(e,!1))},[L.isLoading?((0,r.uX)(),(0,r.Wv)(y,{key:0})):((0,r.uX)(),(0,r.CE)(r.FK,{key:1},[(0,r.eW)("\n                                                Angebotsscanner aktivieren\n                                            ")],64))],8,f)]),s[33]||(s[33]=(0,r.eW)()),s[34]||(s[34]=(0,r.Lk)("div",{class:"privacy site-text-small hidden-sm-down"},[(0,r.Lk)("strong",null,"Gut zu wissen:"),(0,r.eW)("\n                                        Wir nehmen "),(0,r.Lk)("a",{href:"/datenschutz",target:"_blank",class:"site-link-text"},"Datenschutz"),(0,r.eW)(" ernst. Sie können das Angebot jederzeit wieder abbestellen oder Ihr Kundenkonto löschen.\n                                    ")],-1))])]),s[45]||(s[45]=(0,r.eW)()),(0,r.Lk)("div",k,[(0,r.Lk)("div",g,[s[35]||(s[35]=(0,r.Lk)("h3",null,"\n                                        Jetzt ohne zusätzliche Anmeldung ein Kundenkonto erstellen und von folgenden Vorteilen profitieren:\n                                    ",-1)),s[36]||(s[36]=(0,r.eW)()),s[37]||(s[37]=(0,r.Lk)("div",{class:"list site-list-check"},[(0,r.Lk)("ul",null,[(0,r.Lk)("li",null,"Seien Sie auf dem aktuellen Stand durch den Angebotsscanner."),(0,r.eW)(),(0,r.Lk)("li",null,"Erhalten Sie Informationen über Preisänderungen Ihrer Merklisten und gespeicherten Suchen."),(0,r.eW)(),(0,r.Lk)("li",null,"Greifen Sie geräte- und ortsunabhäng auf Ihre Merkliste zu."),(0,r.eW)(),(0,r.Lk)("li",null,"Profitieren Sie zukünftig von weiteren Services und Vorteilen auf thuellen.de.")])],-1)),s[38]||(s[38]=(0,r.eW)()),(0,r.bF)(W,{id:"search-register-password",label:"Passwort",type:"password",required:!0,"initial-value":L.form.password,"error-messages":L.errors.password,onChangeInput:s[7]||(s[7]=e=>{L.form.password=e,L.errors.password=[]})},null,8,["initial-value","error-messages"]),s[39]||(s[39]=(0,r.eW)()),(0,r.bF)(W,{id:"search-register-password-repeat",label:"Passwort wiederholen",type:"password",required:!0,"initial-value":L.form.password_repeat,"error-messages":L.errors.password_repeat,onChangeInput:s[8]||(s[8]=e=>{L.form.password_repeat=e,L.errors.password_repeat=[]})},null,8,["initial-value","error-messages"]),s[40]||(s[40]=(0,r.eW)()),s[41]||(s[41]=(0,r.Lk)("div",{class:"password-hint"},"\n                                        min. 8 Zeichen, Klein- und Großbuchstaben, eine Zahl sowie ein Sonderzeichen\n                                    ",-1)),s[42]||(s[42]=(0,r.eW)()),(0,r.Lk)("div",v,[(0,r.Lk)("button",{type:"button",class:"btn btn-primary",disabled:L.isLoading,onClick:s[9]||(s[9]=e=>_.formSubmit(e,!0))},[L.isLoading?((0,r.uX)(),(0,r.Wv)(y,{key:0})):((0,r.uX)(),(0,r.CE)(r.FK,{key:1},[(0,r.eW)("\n                                                Kundenkonto anlegen\n                                            ")],64))],8,b)]),s[43]||(s[43]=(0,r.eW)()),s[44]||(s[44]=(0,r.Lk)("div",{class:"privacy site-text-small hidden-md-up"},[(0,r.Lk)("strong",null,"Gut zu wissen:"),(0,r.eW)("\n                                        Wir nehmen "),(0,r.Lk)("a",{href:"/datenschutz",target:"_blank",class:"site-link-text"},"Datenschutz"),(0,r.eW)(" ernst. Sie können das Angebot jederzeit wieder abbestellen oder Ihr Kundenkonto löschen.\n                                    ")],-1))])])])])],2112))])

1)])])])}],["__scopeId","data-v-274189dc"]])}}]);