1import{ad as D,aA as H,R as r,S as m,aB as R,b8 as J,aq as e,a4 as K,aD as W,as as X,F as T,P as b,ac as B,a0 as Z,E as ee,a2 as h,a3 as p,V as q,au as te,T as n,a6 as t,ax as V,aY as se,aj as L,aC as oe,at as y,ap as c,a5 as le,ay as S,az as ae,aG as ne,ar as re}from"#entry";import{u as ie}from"./DgZcvbOn.js";import{u as P}from"./Bg8QjOew.js";import{_ as me}from"./DlAUqK2U.js";import"./D3ZoyiUw.js";import"./BXKBaJyj.js";import"./CjhFqfTD.js";const de={class:"flex gap-x-4 items-start group ml-[-8px] p-2 rounded-sm focus-within:bg-neutral-200"},ce=["name","required"],ue={class:"text-left text-sm lg:text-base text-neutral-700 font-normal max-w-[40ch]"},pe=D({__name:"Checkbox",props:W({name:{},required:{type:Boolean,default:!1}},{modelValue:{type:Boolean,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(f){const i=H(f,"modelValue");return(_,s)=>(r(),m("label",de,[R(e("input",{"onUpdate:modelValue":s[0]||(s[0]=x=>i.value=x),name:f.name,class:"peer sr-only",type:"checkbox",required:f.required},null,8,ce),[[J,i.value]]),s[1]||(s[1]=e("div",{class:"mt-[3px] rounded-full shrink-0 size-[15px] transition-colors ring-1 ring-neutral-400 ring-offset-4 peer-checked:ring-blue peer-checked:bg-blue group-hover:ring-blue"},null,-1)),e("p",ue,[K(_.$slots,"default")])]))}}),fe=Object.assign(pe,{__name:"UiCheckbox"}),_e={class:"pt-[148px] md:pt-[153px] lg:pt-[160px] bg-neutral-100",style:{"--f-pb-min":"80","--f-pb-max":"120"},"data-slice-type":"newsletter-form"},xe={class:"newsletter-form"},ge={class:"font-bold",style:{"--font-size-min":"18","--font-size-max":"20"}},be={class:"mt-3 lg:mt-4"},he={class:"text-sm text-neutral-800 ml-[-2px] nq-label"},ye={class:"text-sm text-neutral-800 ml-[-2px] nq-label"},we={class:"mt-3 lg:mt-4"},ve={class:"flex flex-col gap-y-2 lg:gap-y-3"},ke={class:"text-sm text-neutral-800 ml-[-2px] nq-label"},qe={class:"mt-5 lg:mt-6"},Ve={class:"grid grid-cols-2 gap-y-1 gap-x-4"},Pe={class:"mt-3"},Ue={class:"grid grid-cols-2 gap-y-1 gap-x-4"},Ce={key:0},Ne={key:1},Te={class:"flex items-center gap-2 text-lg text-red font-semibold mt-6"},Be={class:"px-3 py-2.5 rounded-md mt-4"},Le={key:2,class:"flex items-start gap-2 text-lg text-green font-semibold mt-6"},Se=D({__name:"newsletter",async setup(f){let i,_;const s=([i,_]=X(()=>ie("newsletterPage")),i=await i,_(),i),x=s.seo?.title||s.hero?.title||"Newsletter",U=s.seo?.description||s.hero?.description;T({title:x,meta:[{name:"description",content:U},{property:"og:title",content:x},{property:"og:description",content:U},{property:"og:url",content:"https://www.nimiq.com/newsletter"}]}),T({link:[{rel:"canonical",href:"https://www.nimiq.com/newsletter"}]});const $=P("email",""),M=P("products",""),z=P("topics",""),u=b($.value),g=b(!1),C=B(s.form.interests.map(o=>({label:o,model:b(z.value.includes(o))}))),N=B(s.form.products.map(o=>({label:o,model:b(M.value.includes(o))}))),E=q(()=>C.filter(o=>o.model).map(o=>o.label)),I=q(()=>N.filter(o=>o.model).map(o=>o.label)),j=q(()=>new URLSearchParams({email:u.value??"",communicationPermission:String(g.value??!1),topics:E.value.join(","),products:I.value.join(",")})),F=new URL(Z().public.apiDomain,import.meta.url),Q=new URL("/api/newsletter/subscribe",F).href,{execute:O,status:d,error:A}=ee(Q,{method:"POST",body:j,watch:!1,immediate:!1},"$6NeVl45hEL");return(o,l)=>{const Y=le,w=fe,v=ne,G=te;return r(),h(G,null,{default:p(()=>[e("section",_e,[e("div",xe,[e("h1",ge,n(t(s).hero.title),1),t(d)==="idle"||t(d)==="pending"?(r(),m(V,{key:0},[e("p",be,n(t(s).hero.description),1),e("form",{class:"flex flex-col mt-9 lg:mt-10",style:{gap:"3rem 0"},onSubmit:l[2]||(l[2]=se(()=>t(O)(),["prevent"]))},[e("fieldset",null,[e("legend",he,n(t(s).form.emailLabel),1),R(e("input",{"onUpdate:modelValue":l[0]||(l[0]=a=>L(u)?u.value=a:null),type:"email",placeholder:"Email address",class:"mt-3 lg:mt-4 rounded-full nq-input-box w-full",required:""},null,512),[[oe,t(u)]])]),e("fieldset",null,[e("legend",ye,n(t(s).form.permissionTitle),1),e("p",we,n(t(s).form.permissionDescription),1),y(w,{modelValue:t(g),"onUpdate:modelValue":l[1]||(l[1]=a=>L(g)?g.value=a:null),required:!0,class:"mt-3 lg:mt-4"},{default:p(()=>[l[4]||(l[4]=c(" Yes, I would like to subscribe to the free Nimiq.com newsletter and receive information tailored to my needs at the email address I have provided based on my registration data and newsletter preferences. I hereby accept the ",-1)),y(Y,{to:"/privacy-policy",class:"text-blue",target:"_blank"},{default:p(()=>[...l[3]||(l[3]=[c(" Privacy Policy. ",-1)])]),_:1})]),_:1},8,["modelValue"])]),e("fieldset",ve,[e("legend",ke,n(t(s).form.interestsTitle),1),e("p",qe,n(t(s).form.interestsDescription),1),e("div",Ve,[(r(!0),m(V,null,S(t(C),a=>(r(),h(w,{key:a.label,modelValue:a.model,"onUpdate:modelValue":k=>a.model=k},{default:p(()=>[c(n(a.label),1)]),_:2},1032,["modelValue","onUpdate:modelValue"]))),128))]),e("p",Pe,n(t(s).form.productsTitle),1),e("div",Ue,[(r(!0),m(V,null,S(t(N),a=>(r(),h(w,{key:a.label,modelValue:a.model,"onUpdate:modelValue":k=>a.model=k},{default:p(()=>[c(n(a.label),1)]),_:2},1032,["modelValue","onUpdate:modelValue"]))),128))])]),e("button",{class:ae(["self-end nq-pill-lg nq-pill-blue",{"nq-arrow":t(d)==="idle"}])},[t(d)==="idle"?(r(),m("span",Ce,n(t(s).form.submitButton),1)):(r(),h(v,{key:1,class:"text-lg",name:"nimiq:spinner"}))],2)],32)],64)):t(d)==="error"?(r(),m("div",Ne,[e("div",Te,[y(v,{class:"scale-70",name:"nimiq:cross"}),l[5]||(l[5]=c(" Error ",-1))]),l[6]||(l[6]=e("p",{class:"mt-3"}," There was an error while subscribing to the newsletter. Please try again later. ",-1)),e("pre",Be,n(t(A)),1)])):t(d)==="success"?(r(),m("div",Le,[y(v,{class:"mt-1.5 scale-70",name:"nimiq:check"}),c(" Please confirm your subscription sent to your "+n(t(u))+". ",1)])):re("",!0)])])]),_:1})}}}),je=me(Se,[["__scopeId","data-v-cb4db881"]]);export{je as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.