https://www.moz.de/static/assets/B3llmoEM.js

1import{d as w,u as D,a as O,r as T,o as B,b as W,c as u,e as p,f as o,g as t,h as g,i as _,w as h,_ as N,j as $,k as v,F as j,l as U,n as E,t as C,m as H,p as R,q as L,s as Y,v as Z,x as J,y as x,z as Q,A as X}from"./wGaC-Zcn.js";import{_ as ee}from"./BR_rOBzX.js";import{_ as te}from"./fDRy0GRi.js";import{_ as ne,a as se}from"./BHzEwrPD.js";import{_ as oe}from"./CVMx9qG5.js";import{_ as ie}from"./D-cilfWR.js";import{V as re}from"./La00Ijyy.js";import{u as ae}from"./BfYqtZUW.js";import{_ as le}from"./DD7nRbYN.js";import"./wBKEM5pJ.js";import"./BehRJDZa.js";import"./sTTMYkzP.js";import"./DIu70L6q.js";import"./BNwYj8wM.js";import"./DTy25NDx.js";const ue={class:"u-onboarding u-onboarding--step-start"},de={class:"background-theme theme-light-blue u-onboarding__side"},pe=["src"],me=w({__name:"OnboardingStep0",setup(k){const i=D(),r=O();let n=T(!1);return B(()=>{i||(n.value=W().showIdentityChangeBadge)}),(e,s)=>{const f=N,m=ee;return u(),p("section",ue,[o("div",de,[o("img",{src:`/static/images/${t(r)}/onboarding-start.svg`,alt:"",height:"205",class:"u-onboarding__side-image"},null,8,pe),s[2]||(s[2]=o("h2",{class:"mt-6 mb-0"},"3 Tipps für noch mehr Vergnügen",-1)),s[3]||(s[3]=o("p",{class:"fs-4 mt-6 mb-0"},[g("Mit "),o("b",null,"ein paar einfachen Klicks"),g(" lesen Sie noch mehr von dem, was Sie besonders interessiert.")],-1)),_(f,{class:"mt-8 u-onboarding__next-step-button",version:"primary",disabled:t(n),type:"button",onClick:s[0]||(s[0]=b=>e.$emit("goto",1)),big:!0},{default:h(()=>s[1]||(s[1]=[g(" Los geht’s ")])),_:1},8,["disabled"]),t(n)?(u(),$(m,{key:0})):v("",!0)])])}}}),_e=Object.assign(me,{__name:"OnboardingStep0"}),ce={class:"u-onboarding-steps"},ge=["aria-label","aria-current","title","disabled","onClick"],be=w({__name:"OnboardingSteps",props:{steps:{default:[]},activeIndex:{default:0}},setup(k){return(i,r)=>(u(),p("div",ce,[(u(!0),p(j,null,U(i.steps,(n,e)=>(u(),p("button",{class:E(["u-onboarding-steps__items",{"u-onboarding-steps__items--active":i.activeIndex===e}]),key:e,"aria-label":`Schritt ${e+1}: ${n}`,"aria-current":i.activeIndex===e?"step":void 0,title:n,disabled:i.activeIndex===e,onClick:s=>i.$emit("activate",e)},C(e+1),11,ge))),128))]))}}),z=Object.assign(be,{__name:"OnboardingSteps"}),fe={class:"u-onboarding u-onboarding--step-1"},ve={class:"background-theme theme-light-blue u-onboarding__side"},he=["src"],Se={class:"u-onboarding__content"},$e=["src"],we=["src"],ke={class:"d-flex mt-6 u-onboarding__app-links"},ye=w({__name:"OnboardingStep1",props:{step:{},steps:{}},setup(k){const i=H(),r=i.app_store_android,n=i.app_store_ios;return(e,s)=>{const f=z,m=te,b=N;return u(),p("section",fe,[o("div",ve,[o("img",{src:`/static/favicons/${("usePublication"in e?e.usePublication:t(O))()}/favicon-96x96.png`,alt:"",height:"96",class:"u-onboarding__side-image"},null,8,he),s[2]||(s[2]=o("h2",{class:"mt-0 fs-6 mb-0"},"Laden Sie unsere preisgekrönte App herunter!",-1)),s[3]||(s[3]=o("p",{class:"mt-0 fs-3 mb-0"}," Hier können Sie sich Nachrichten vorlesen lassen oder Artikel in Ihrer persönlichen Merkliste speichern. ",-1)),_(f,{activeIndex:e.step-1,steps:e.steps,onActivate:s[0]||(s[0]=y=>e.$emit("goto",y+1))},null,8,["activeIndex","steps"])]),o("div",Se,[o("img",{src:`/static/images/${("usePublication"in e?e.usePublication:t(O))()}/app-preview.png`,alt:"",height:"267",class:"mt-3 u-onboarding__app-preview"},null,8,$e),o("img",{src:`/static/images/${("usePublication"in e?e.usePublication:t(O))()}/appstore-qrcode.png`,alt:"",height:"124",class:"mt-7 u-onboarding__qr-code"},null,8,we),o("div",ke,[_(m,{url:t(r),class:"u-app-teaser__button",external:!0},{default:h(()=>s[4]||(s[4]=[o("img",{src:ne,alt:"App im Google Play Store",height:"50"},null,-1)])),_:1},8,["url"]),_(m,{url:t(n),class:"u-app-teaser__button",external:!0},{default:h(()=>s[5]||(s[5]=[o("img",{src:se,alt:"App im App Store",height:"50"},null,-1)])),_:1},8,["url"])]),_(b,{class:"mt-8 u-onboarding__next-step-button mt-10",version:"primary",type:"button",onClick:s[1]||(s[1]=y=>e.$emit("goto",2)),big:!0},{default:h(()=>s[6]||(s[6]=[g(" Weiter zu Schritt 2 ")])),_:1})])])}}}),Ae=Object.assign(ye,{__name:"OnboardingStep1"}),Ie={class:"u-onboarding u-onboarding--step-2"},Oe={class:"background-theme theme-light-blue u-onboarding__side"},Ce={class:"u-onboarding__content"},Pe=["innerHTML"],Te=["textContent"],Ne={key:1,class:"mt-2"},xe=w({__name:"OnboardingStep2",props:{step:{},steps:{}},emits:["goto"],async setup(k,{emit:i}){let r,n;const e=i,s=H(),f=s.onboarding_newsletter,m=([r,n]=R(()=>L("/api/newsletter","$Mys6HfIT_Y")),r=await r,n(),r),b=T({}),y=T(c(m?.data?.value||[]));function c(d){const l=s?.newsletter_svg_base_url;return d.length?d?.filter(a=>a.active===!0)?.filter(a=>f.includes(a?.salescloud_key))?.map(a=>{let I=l+a?.salescloud_key+".svg";return(a?.salescloud_key&&a?.salescloud_key.indexOf("nl_")===-1||!a?.salescloud_key)&&(I=l+"nl_default.svg"),{newsletterIcon:I,newsletterNotificationTime:a?.interval,previewUrl:a?.preview_url,title:a?.title,text:a?.teaser,cardKey:a?.salescloud_key}}):[]}const P=T(new Set),A=ae({default:!1,validate:d=>re.required(d,"Bitte geben Sie Ihr Einverständnis")});function F(d){P.value.add(d)}function G(d){P.value.delete(d)}async function K(){if(P.value.size===0){e("goto",3);return}else if(P.value.size>0&&!await A.validate())return;q()}async function q(){for(const d of P.value){let l=m?.data?.value.find(S=>S.salescloud_key===d);if(!l)continue;const a=J()||{},I={newsletter_meta_data:s.newsletter_meta_data,subscriptionSource:"NL-Anmeldung Onboarding",currentURL:window.location.href,email:a?.email,firstName:a?.firstname,lastName:a?.lastname,salutation:a?.s

1alutation==="Keine"?"":a?.salutation,campaignId:l.campaign_id},{data:V,error:M}=await L("/api/user/newsletter",{method:"POST",body:I},"$M1tAy2NuUm");if(V.value===""&&e("goto",3),M.value!==null)throw b.value={title:null,message:"Ein Fehler ist aufgetreten versuchen Sie es bitte später erneut.",status:"error"},new Error("Network response was not OK")}}return(d,l)=>{const a=z,I=oe,V=ie,M=N;return u(),p("section",Ie,[o("div",Oe,[l[2]||(l[2]=o("img",{src:"/static/images/envelope.svg",alt:"",height:"142"},null,-1)),l[3]||(l[3]=o("h2",{class:"fs-6 mt-6 mb-0"},"Melden Sie sich jetzt für unsere beliebtesten Newsletter an!",-1)),l[4]||(l[4]=o("p",{class:"fs-3 mt-6 mb-0"},"Lassen Sie sich bequem per Mail über Ihre Lieblingsthemen informieren.",-1)),_(a,{class:"mt-6",activeIndex:d.step-1,steps:d.steps,onActivate:l[0]||(l[0]=S=>d.$emit("goto",S+1))},null,8,["activeIndex","steps"])]),o("div",Ce,[o("form",{class:"u-onboarding__newsletter-form",onSubmit:Y(K,["prevent"]),novalidate:""},[(u(!0),p(j,null,U(t(y),S=>(u(),$(I,Z({ref_for:!0},S,{key:S.cardKey,onSelect:F,onUnselect:G}),null,16))),128)),l[6]||(l[6]=o("p",{class:"fs-1 mt-2 mb-0"},"Melden Sie sich jetzt unkompliziert an und bleiben Sie automatisch informiert",-1)),_(V,{name:"terms",modelValue:t(A).fieldValue,"onUpdate:modelValue":l[1]||(l[1]=S=>t(A).fieldValue=S),onChange:t(A).validate,error:!!t(A).errorMessage,isValidated:t(A).isValidated,class:"u-newsletter-form__agreement mt-2 mb-0"},{default:h(()=>[o("span",{innerHTML:t(s)?.newsletterAgreementText},null,8,Pe)]),_:1},8,["modelValue","onChange","error","isValidated"]),t(s)?.newsletterTextHint?.length>0?(u(),p("p",{key:0,class:"u-newsletter-form__info-text mt-2 mb-0",textContent:C(t(s)?.newsletterTextHint)},null,8,Te)):v("",!0),_(M,{class:"u-onboarding__next-step-button mt-10 mx-auto",version:"primary",type:"submit",big:!0},{default:h(()=>l[5]||(l[5]=[g(" Speichern und weiter ")])),_:1}),t(b)?.status?(u(),p("div",Ne,[t(b)?.message?(u(),p("p",{key:0,class:E(`font-set-2-bold text-color-${t(b).status}`)},C(t(b)?.message),3)):v("",!0)])):v("",!0)],32)])])}}}),Ve=Object.assign(xe,{__name:"OnboardingStep2"}),Me={class:"u-onboarding u-onboarding--step-3"},je={class:"background-theme theme-light-blue u-onboarding__side"},ze=["src"],Le={class:"fs-3 mt-6 mb-0"},Be={class:"u-onboarding__content"},Ue=w({__name:"OnboardingStep3",props:{step:{},steps:{}},setup(k){const i=O();return(r,n)=>{const e=z,s=N,f=le;return u(),p("section",Me,[o("div",je,[o("img",{src:`/static/images/${t(i)}/onboarding-topics.svg`,alt:"",height:"130",class:"u-onboarding__side-image"},null,8,ze),n[4]||(n[4]=o("h2",{class:"fs-6 mt-6 mb-0"},"Ihr persönlicher Newsfeed - jetzt konfigurieren.",-1)),o("p",Le,[n[2]||(n[2]=g(" Klicken Sie sich hier Ihre Interessen zusammen und erhalten Sie die passenden Nachrichten auf der ")),o("b",null,'"'+C(("usePublicationInfo"in r?r.usePublicationInfo:t(x))().userPageTitle)+'"',1),n[3]||(n[3]=g("-Seite. "))]),_(e,{class:"mt-6",activeIndex:r.step-1,steps:r.steps,onActivate:n[0]||(n[0]=m=>r.$emit("goto",m+1))},null,8,["activeIndex","steps"])]),o("div",Be,[_(f,null,{button:h(()=>[_(s,{class:"mt-8 u-onboarding__next-step-button mt-10",version:"primary",type:"button",onClick:n[1]||(n[1]=m=>r.$emit("goto",4)),big:!0},{default:h(()=>n[5]||(n[5]=[g(" Abschließen ")])),_:1})]),_:1})])])}}}),Ee=Object.assign(Ue,{__name:"OnboardingStep3"}),He={class:"u-onboarding u-onboarding--step-end"},Fe={class:"background-theme theme-light-blue u-onboarding__side"},Ge=["src"],Ke={class:"fs-4 mt-6 mb-0"},qe=w({__name:"OnboardingStep4",setup(k){const i=O();return B(()=>{Q().complete()}),(r,n)=>{const e=N;return u(),p("section",He,[o("div",Fe,[o("img",{src:`/static/images/${t(i)}/celebration.svg`,alt:"",height:"205",class:"u-onboarding__side-image"},null,8,Ge),n[2]||(n[2]=o("h2",{class:"mt-6 mb-0"},"Ihre Einstellungen wurden übernommen!",-1)),o("p",Ke,[n[0]||(n[0]=g(" Sehen Sie sich jetzt die Artikel an, die zu Ihren ausgewählten Themen passen.")),n[1]||(n[1]=o("br",null,null,-1)),g('Unter der "'+C(("usePublicationInfo"in r?r.usePublicationInfo:t(x))().userPageTitle)+'"-Seite 

1können Sie Ihre Einstellungen jederzeit ändern. ',1)]),_(e,{class:"mt-8 u-onboarding__next-step-button",version:"primary",type:"button",url:("usePublicationInfo"in r?r.usePublicationInfo:t(x))().userPageUrl,big:!0},{default:h(()=>[g(" Zur “"+C(("usePublicationInfo"in r?r.usePublicationInfo:t(x))().userPageTitle)+"”-Seite ",1)]),_:1},8,["url"])])])}}}),De=Object.assign(qe,{__name:"OnboardingStep4"}),We=w({__name:"Onboarding",setup(k){const i=T(0),r=["App herunterladen","Artikel speichern","Artikel vorlesen lassen"];return X(i,(n,e)=>{n===4&&n!==e&&document.body.dispatchEvent(new CustomEvent("avo-onboarding-flow-interacted",{detail:{onboardingAction:"completed"}}))}),(n,e)=>{const s=_e,f=Ae,m=Ve,b=Ee,y=De;return u(),p(j,null,[t(i)===0?(u(),$(s,{key:0,onGoto:e[0]||(e[0]=c=>i.value=c)})):v("",!0),t(i)===1?(u(),$(f,{key:1,onGoto:e[1]||(e[1]=c=>i.value=c),step:t(i),steps:r},null,8,["step"])):v("",!0),t(i)===2?(u(),$(m,{key:2,onGoto:e[2]||(e[2]=c=>i.value=c),step:t(i),steps:r},null,8,["step"])):v("",!0),t(i)===3?(u(),$(b,{key:3,onGoto:e[3]||(e[3]=c=>i.value=c),step:t(i),steps:r},null,8,["step"])):v("",!0),t(i)===4?(u(),$(y,{key:4,onGoto:e[4]||(e[4]=c=>i.value=c),step:t(i),steps:r},null,8,["step"])):v("",!0)],64)}}}),ut=Object.assign(We,{__name:"Onboarding"});export{ut as default};