https://paw-champ.com/nuxt-frontend/Ci948oIv.js

1import{d as b,o,v as l,u as O,c as f,a as h,t as C,e as t,b as m,A as _,al as k,f as g,am as B,q as F,T as R,aD as U,r as I,j as D,G as y,ap as L}from"./BIBYz3Id.js";import{B as j}from"./Db7oRML_.js";import{S as w,a as T,b as A,c as V,u as $,d as N,e as G,p as H}from"./ljhCgFRZ.js";import{a as M}from"./DHnotqYQ.js";import"./CrcPGWF7.js";import"./DeJGKFqe.js";import"./DoXRdic4.js";import"./C8zvnHQf.js";import"./BmM0gsr1.js";import"./CfVcP54B.js";import"./Cjb_lqSV.js";import"./DNltDH6A.js";import"./Hd-EhCq_.js";import"./Cz2LfEEb.js";import"./CxFFp5zC.js";import"./vUqVVkDb.js";import"./tQp5G6Ja.js";import"./B1FjbXqF.js";import"./PEhrszqb.js";const Y=b({__name:"SubscriptionPopupBackendErrorState",setup(n){return(e,s)=>(o(),l(w,{"headline-id":"subscription-popup-headline","title-key":"blog.subscriptionForm.error.title","description-key":"blog.subscriptionForm.error.description"}))}}),K=Object.assign(Y,{__name:"PopupsStatesSubscriptionPopupBackendErrorState"}),q=b({__name:"SubscriptionPopupDefaultState",setup(n){return(e,s)=>(o(),l(w,{"headline-id":"subscription-popup-headline","title-key":"blog.subscriptionForm.title","description-key":"blog.subscriptionForm.description"}))}}),z=Object.assign(q,{__name:"PopupsStatesSubscriptionPopupDefaultState"}),J={"aria-labelledby":"subscription-popup-success-title","aria-live":"polite",class:"flex flex-col items-center text-center"},Q={id:"subscription-popup-success-title",class:"h2-b md:h1-eb"},W={class:"body-r16 mt-2"},X=b({__name:"SubscriptionPopupSuccessState",setup(n){const{t:e}=O();return(s,i)=>(o(),f("section",J,[h("h2",Q,C(t(e)("blog.subscriptionForm.success.title")),1),h("p",W,C(t(e)("blog.subscriptionForm.success.description")),1),m(T,{class:"mt-4"})]))}}),Z=Object.assign(X,{__name:"PopupsStatesSubscriptionPopupSuccessState"}),tt=b({__name:"SubscriptionPopupValidationState",setup(n){return(e,s)=>(o(),l(w,{"headline-id":"subscription-popup-headline","title-key":"blog.subscriptionForm.validationError.title","description-key":"blog.subscriptionForm.validationError.description"}))}}),et=Object.assign(tt,{__name:"PopupsStatesSubscriptionPopupValidationState"}),P={DEFAULT:"https://images.paw-champ.com/pc/images/common/site/subscription-banner-default.png",ERROR:"https://images.paw-champ.com/pc/images/common/site/subscription-banner-error.png",SUCCESS:"https://images.paw-champ.com/pc/images/common/site/subscription-banner-success.png"},st=["src","alt"],ot={key:1,"aria-labelledby":"subscription-popup-headline"},it=b({__name:"SubscriptionPopupForm",props:{state:{},email:{},emailError:{}},emits:["update:email","submit","close"],setup(n,{emit:e}){const s=n,i=e,{t:u}=O(),{hasValidationError:a,hasError:p,isSuccess:r}=$({state:k(s,"state"),emailError:k(s,"emailError")}),x=g(()=>s.state==="loading"),d=g(()=>r.value?P.SUCCESS:p.value||a.value?P.ERROR:P.DEFAULT),E=g(()=>p.value?u("blog.subscriptionForm.tryAgainButton"):u("blog.subscriptionForm.submitButton"));return(v,c)=>(o(),f("div",{class:_(["relative rounded-2xl overflow-hidden bg-white flex flex-col items-center",t(r)?"":"md:flex-row-reverse md:items-stretch"])},[m(A,{variant:"popup",onClick:c[0]||(c[0]=S=>i("close"))}),h("div",{class:_(t(r)?"shrink-0 w-full":"shrink-0 w-full md:w-[420px] md:self-stretch")},[(o(),f("img",{key:t(d),src:t(d),alt:t(u)("blog.subscriptionForm.imageAlt"),class:_(t(r)?"w-full h-[311px] object-cover":"w-full h-full object-cover")},null,10,st))],2),h("div",{class:_(["flex flex-col w-full p-6 items-center text-center justify-start",t(r)?"":"md:items-start md:text-left md:w-[470px]"])},[t(r)?(o(),l(Z,{key:0})):(o(),f("section",ot,[t(p)?(o(),l(K,{key:0})):t(a)?(o(),l(et,{key:1})):(o(),l(z,{key:2})),m(V,{email:n.email,"email-error":n.emailError,"button-text":t(E),"is-loading":t(x),layout:"stacked","full-width-button":"","onUpdate:email":c[1]||(c[1]=S=>i("update:email",S)),onSubmit:c[2]||(c[2]=S=>i("submit"))},null,8,["email","email-error","button-text","is-loading"]),m(T)]))],2)],2))}}),rt=Object.assign(it,{__name:"PopupsSubscriptionPopupForm"}),nt=2e4,at=.5;function pt(){const n=B(N,{maxAge:M}),e=I(!1);let s=null;function i(){const r=document.body.scrollHeight-window.innerHeight;r<=0||window.scrollY/r>=at&&(e.value=!0,window.removeEventListener("scroll",i))}function u(){s=setTimeout(()=>{e.value=!0},nt),window.addEventListener("scroll",i,{passive:!0})}function a(){s&&(clearTimeout(s),s=null),window.removeEventListener("scroll",i)}function p(){n.value="1",e.value=!1,a()}return F(u),R(a),{isVisible:U(e),close:p}}const ct=b({__name:"SubscriptionPopup",setup(n){const e=D(),s=g(()=>String(e.params.slug??"")),{isVisible:i,close:u}=pt(),{email:a,formState:p,emailError:r,handleSubmit:x,handleClose:d}=G({formType:"popup",articleSlug:s,isVisible:i,onClose:u});return F(()=>H(Object.values(P))),(E,v)=>{const c=L;return o(),l(c,null,{default:y(()=>[m(j,{open:t(i),"show-close":!1,"panel-class":t(p)==="success"?"max-w-xl md:max-w-[572px]":"max-w-xl md:max-w-[890px]",blur:"",onClose:t(d)},{default:y(()=>[m(rt,{state:t(p),email:t(a),"email-error":t(r),"onUpdate:email":v[0]||(v[0]=S=>a.value=S),onSubmit:t(x),onClose:t(d)},null,8,["state","email","email-error","onSubmit","onClose"])]),_:1},8,["open","panel-class","onClose"])]),_:1})}}}),Ft=Object.assign(ct,{__name:"PopupsSubscriptionPopup"});export{Ft as default};
2//# sourceMappingURL=Ci948oIv.js.map