import{_ as ae}from"./BUbYzdfN.js";import{_ as te}from"./C2tG9AKC.js";import{_ as G}from"./B4zHwJAZ.js";import{c as O,d as x,u as Z,a as H,b as Q,e as U,r as C,f as E,g as W,h,o as l,w as J,i as A,j as t,t as z,k as n,l as f,_ as V,n as oe,p as K,F as X,m as N,q as D,s as se,v as ie,x as le,y as ce,z as re,A as pe,B as ue,C as T,D as I,E as q,G as me,H as de,I as _e,J as ge,K as R,L as be,M as fe,N as ve,O as he,P as ye,Q as ke}from"./D3yeoG_9.js";import{u as Y,F as B}from"./23fabm9e.js";import{_ as ee}from"./TawN8uf8.js";import{n as $e}from"./DzQpl8X5.js";import{u as ze}from"./tRf4nuDL.js";const Ae=/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,Le=i=>{const e=O().required("form.email.required").matches(Ae,"form.email.invalid");return i?e:e.optional()},Se={class:"magazine-pip__subtitle"},Me=x({__name:"AppLoginMagazinePip",emits:["should-use-fallback-login"],setup(i,{emit:e}){const a=e,{getLoginUrl:c}=Z(),r=H(),{$logger:y}=Q(),{callbackDestination:L,fallbackDestination:m}=U(),p=C(!1),d=E(()=>W().shape({pipEmail:Le(!0)})),{handleSubmit:g}=Y({validationSchema:d});async function S(u,o){try{const{data:s}=await $fetch("/front-office/v1/accounts/availability",{method:"POST",body:{email:u,title:o}});return!s.available}catch(s){const b={errorData:null};return s instanceof X&&(b.errorData=s.data,s.statusCode===422)||y.log({error:s,title:"Error checking pip account",metadata:{additionalData:b}}),!1}}function k(){p.value||g(async u=>{p.value=!0,await S(u.pipEmail,r.value)?(oe(c({email:u.pipEmail,callbackUrl:L.value?.href||m.value}),{external:!0}),K({event:"customEvent",eventCategory:"form",eventAction:"validation_submit_success",eventLabel:`Login met pip - account beschikbaar ${r.value}`})):(a("should-use-fallback-login"),K({event:"customEvent",eventCategory:"form",eventAction:"validation_submit_fail",eventLabel:`Login met pip - account niet beschikbaar ${r.value}`})),p.value=!1})()}return(u,o)=>{const s=G,b=V;return l(),h("form",{class:"magazine-pip",onSubmit:J(k,["prevent"])},[A("p",Se,z(u.$t("pages.landing.loginMagazine.pip.subtitle")),1),t(n(B),{name:"pipEmail"},{default:f(({field:_,errorMessage:M,handleChange:w,handleBlur:v})=>[t(s,{id:"pip-login-magazine-input","model-value":_.value,"data-testid":"pip-prefill-input",type:"email",label:"E-mailadres",required:"","error-message":M&&u.$t(M),"onUpdate:modelValue":$=>w($,!1),onBlur:v},null,8,["model-value","error-message","onUpdate:modelValue","onBlur"])]),_:1}),t(b,{type:"submit",size:"large","data-testid":"magazinePipLoginButton","data-analytics-category":"element_tracking","data-analytics-action":"button_click","data-analytics-label":"Login met pip",loading:n(p),disabled:n(p),text:"Ga verder"},null,8,["loading","disabled"])],32)}}}),we=Object.assign(N(Me,[["__scopeId","data-v-ecac1f2e"]]),{__name:"AppLoginMagazinePip"}),xe=x({__name:"AppSmallLink",props:{tag:{}},setup(i){return(e,a)=>(l(),D(le(e.tag),ie(e.$props,{class:"small-link"}),{default:f(()=>[se(e.$slots,"default",{},void 0,!0)]),_:3},16))}}),Fe=Object.assign(N(xe,[["__scopeId","data-v-7f8fd21b"]]),{__name:"AppSmallLink"}),Ce=i=>{const e=O().required("form.subscriptionNumber.required").max(13);return i?e:e.optional()},De=i=>{const e=O().required("form.iban4.required").length(4,"form.iban4.length4");return i?e:e.optional()},Ne={class:"login-abon-iban__subtitle"},Pe=x({__name:"AppLoginMagazineAbonIban",setup(i){const e=H(),{callbackDestination:a}=U(),{fetchMagazineSubscription:c}=ce(),r=re(),{storeAbonIban4:y}=pe(),L=ue(),{$logger:m}=Q(),p=E(()=>e.value==="pak12"?r.t("components.loginMagazine.subscriptionNumberExplanationPAK12"):r.t("components.loginMagazine.subscriptionNumberExplanation")),d=C(!1),g=C(!1),S=E(()=>W().shape({subscriptionNumber:Ce(!0),iban4:De(!0)})),{handleSubmit:k}=Y({validationSchema:S});function u(){d.value||(g.value=!1,k(async o=>{d.value=!0;try{if(!await c({subscriptionNumber:o.subscriptionNumber,lastIbanDigits:o.iban4,brandCode:e.value}))throw new Error("Subscription not found");y({abon:o.subscriptionNumber,iban4:o.iban4}),await L.push({path:a.value?.path||"/abonnee",query:{loginType:"abonnr",switchType:a.value?.switchType}})}catch(s){if(g.value=!0,s instanceof X&&s.message.includes("404"))return;m.log({error:s,title:"Error in AppLoginMagazineAbonIban handleSubmitForm"})}finally{d.value=!1}})())}return(o,s)=>{const b=G,_=V,M=ee;return l(),h("div",null,[A("form",{class:"login-abon-iban",onSubmit:J(u,["prevent"])},[A("p",Ne,z(o.$t("pages.landing.loginMagazine.abonIban.subtitle")),1),t(n(B),{name:"subscriptionNumber"},{default:f(({field:w,errorMessage:v,handleChange:$,handleBlur:P})=>[t(b,{id:"subscription-number","model-value":w.value,required:"",label:"Abonnementsnummer","helper-text":n(p),type:"text","data-testid":"subscriptionNumber","error-message":v&&o.$t(v),"onUpdate:modelValue":F=>$(F,!1),onBlur:P},null,8,["model-value","helper-text","error-message","onUpdate:modelValue","onBlur"])]),_:1}),t(n(B),{name:"iban4"},{default:f(({field:w,errorMessage:v,handleChange:$,handleBlur:P})=>[t(b,{id:"iban4","model-value":w.value,required:"",label:o.$t("components.loginMagazine.lastIbanDigits"),type:"text","data-testid":"iban4","error-message":v&&o.$t(v),"onUpdate:modelValue":F=>$(F,!1),onBlur:P},null,8,["model-value","label","error-message","onUpdate:modelValue","onBlur"])]),_:1}),t(_,{type:"submit",size:"large","data-analytics-category":"element_tracking","data-analytics-action":"button_click","data-analytics-label":"Login met abonnementsnummer","data-testid":"magazineRetentionLogin",loading:n(d),disabled:n(d),text:"Ga verder"},null,8,["loading","disabled"]),n(g)?(l(),D(M,{key:0,variant:"error",text:o.$t("errors.subscriptionNotFound")},null,8,["text"])):T("",!0)],32)])}}}),Ee=Object.assign(N(Pe,[["__scopeId","data-v-75523855"]]),{__name:"AppLoginMagazineAbonIban"}),Te={class:"login-magazine"},qe={class:"login-magazine__actions"},Ie=x({__name:"AppLoginMagazine",setup(i){const{isPipDisabled:e}=Z(),a=C(!1),c=C(!1),r=E(()=>!e.value&&!a.value);function y(){c.value=!0,a.value=!0}function L(){c.value=!1,a.value=!1}return(m,p)=>{const d=we,g=Fe,S=ee,k=Ee;return l(),h("div",Te,[A("div",qe,[A("h2",null,z(m.$t("pages.landing.loginMagazine.title")),1),n(r)?(l(),h(I,{key:0},[t(d,{onShouldUseFallbackLogin:y}),t(g,{tag:"button","data-testid":"showFallbackLogin","data-analytics-category":"element_tracking","data-analytics-action":"button_click","data-analytics-label":"Login op een andere manier",onClick:p[0]||(p[0]=u=>a.value=!0)},{default:f(()=>[q(z(m.$t("components.landingOtherOptions.loginDifferent")),1)]),_:1})],64)):(l(),h(I,{key:1},[n(c)?(l(),D(S,{key:0,"data-testid":"magazineRetentionLoginError",variant:"warning",text:m.$t("components.landingOtherOptions.noAccountFound")},null,8,["text"])):T("",!0),t(k),n(e)?T("",!0):(l(),D(g,{key:1,tag:"button","data-testid":"showPipLogin","data-analytics-category":"element_tracking","data-analytics-action":"button_click","data-analytics-label":"Login met e-mailadres",onClick:L},{default:f(()=>[q(z(m.$t("components.landingOtherOptions.loginWithEmail")),1)]),_:1}))],64))])])}}}),Be=Object.assign(N(Ie,[["__scopeId","data-v-6cb1532d"]]),{__name:"AppLoginMagazine"}),Oe={class:"kcc-steering"},Ue=x({__name:"AppMagazineKccSteering",setup(i){const{phoneNumber:e}=me();return(a,c)=>{const r=V;return l(),h("div",Oe,[A("h3",null,z(a.$t("components.appMagazineKccSteering.title")),1),A("p",null,z(a.$t("components.appMagazineKccSteering.description")),1),t(r,{autofocus:"","data-testid":"kcc-steering-button",tag:"a",href:`tel:${n(e)}`,text:a.$t("labels.callPhoneNumber",[n(e)]),"data-analytics-category":"element_tracking","data-analytics-action":"button_click","data-analytics-label":a.$t("labels.callPhoneNumber",[n(e)])},null,8,["href","text","data-analytics-label"])])}}}),Ve=Object.assign(N(Ue,[["__scopeId","data-v-3f2b2811"]]),{__name:"AppMagazineKccSteering"});function je(){const i=C(!1);function e(){i.value=!0}return{isModalDismissed:i,dismiss:e}}const Ke={id:"login-pagina"},Re=["href"],Ge=x({__name:"PageLogin",async setup(i){let e,a;const{brandCode:c,brandDomain:r,brandType:y,brandLocale:L}=de(),{flowType:m}=_e(),{isModalOpen:p,closeModal:d}=U(),{isModalDismissed:g,dismiss:S}=je(),k=c.value,u=m,o={title:k,templates:[{template_id:R.faqs,sort:{mode:"sortOrderTag",direction:"asc"},tags:{slug:u}}]},[{data:s}]=([e,a]=ge(()=>Promise.all([ve({path:`/retention/${m}/index/${y.value}`,locale:L.value,metaData:{title:k}},{key:"ret-login-page"}),he(o)])),e=await e,a(),e),b=ze(R.faqs);return(_,M)=>{const w=ye("StoryblokComponent"),v=ae,$=te,P=Be,F=fe,ne=Ve;return l(),h("div",Ke,[(l(!0),h(I,null,be(n(s)?.data.story.content.sections,j=>(l(),D(w,{key:j._uid,blok:j},null,8,["blok"]))),128)),n(b)?(l(),D($,{key:0,"is-backgroundless":"","is-paddingless":""},{default:f(()=>[t(v,{faqs:("normalizeDamFaqs"in _?_.normalizeDamFaqs:n($e))(n(b))},null,8,["faqs"])]),_:1})):T("",!0),t(F,{variant:"fullscreen","accessible-title":_.$t("pages.landing.modal.login.title"),"accessible-description":_.$t("pages.landing.modal.login.description"),open:n(p),"onUpdate:open":n(d)},{default:f(()=>[t(P)]),_:1},8,["accessible-title","accessible-description","open","onUpdate:open"]),t(F,{"accessible-title":_.$t("pages.landing.modal.steering.title"),"accessible-description":_.$t("pages.landing.modal.steering.description"),open:n(y)==="magazine"&&!n(g),variant:"always-windowed","onUpdate:open":n(S)},{default:f(()=>[t(ne)]),_:1},8,["accessible-title","accessible-description","open","onUpdate:open"]),t($,{"is-backgroundless":"","is-paddingless":""},{default:f(()=>[q(z(_.$t("pages.landing.faq.missingQuestionText"))+" ",1),A("a",{href:`https://mijnomgeving.${encodeURIComponent(n(r))}`},"klantenservice",8,Re),M[0]||(M[0]=q(". ",-1))]),_:1})])}}}),Ze=Object.assign(N(Ge,[["__scopeId","data-v-1dce5bd8"]]),{__name:"PageLogin"}),an=x({__name:"index",setup(i){return ke(),(e,a)=>{const c=Ze;return l(),h("div",null,[t(c)])}}});export{an as default};
//# sourceMappingURL=DlbdiMsR.js.map