https://wageindicator.org/_nuxt/Dqpbgzpz.js

1import{d as W,c as J,p as B,q as Q,o as c,e as d,f as e,n,t as m,A as _,E as y,B as X,y as Z,C as ee,F as L,i as te,aN as ae,H as k,h as le,s as N,g as T,v as se,T as ne,_ as re,j as i,b as v,aO as oe,K as ie}from"./BQayTzHY.js";import{C as ce}from"./CeTTtA6Q.js";import"./BViHX6Kg.js";import"./BVQfjbBT.js";const ue={class:"w-full inline-flex flex-col lg:flex-row justify-start items-start gap-8 lg:gap-24"},de={class:"flex-1 flex flex-col justify-start items-center lg:items-start gap-5"},fe={class:"w-full lg:w-[674px] flex flex-col justify-start items-center gap-6"},me={class:"self-stretch flex flex-col justify-center items-center gap-3 w-full"},be={class:"w-full flex flex-col lg:flex-row justify-center items-center gap-3"},ve={class:"flex-1 flex justify-start items-center gap-3"},xe=["placeholder"],ge={class:"flex-1 flex justify-start items-center gap-3"},we=["placeholder"],pe={class:"w-full flex flex-col lg:flex-row justify-center items-center gap-3"},_e={class:"flex-1 flex justify-start items-center gap-3"},he=["placeholder"],ye={class:"flex-1 flex justify-start items-center gap-3 min-w-0"},ke=["onKeydown","aria-label","aria-expanded"],Ne={class:"truncate"},je={class:"max-h-56 overflow-auto pr-1"},Ce=["value"],Se={key:0,class:"w-full text-center"},De={class:"w-full flex justify-start items-start gap-6"},Pe={class:"flex justify-start items-start gap-4"},Ae={class:"justify-start"},Be={class:"w-full flex justify-start"},Le=W({inheritAttrs:!1,__name:"NewsletterBlock",props:{block:{}},setup(a){const j=a,l=J(),E=i(()=>l.trans("newsletter__first_name|First Name")),V=i(()=>l.trans("newsletter__last_name|Last Name")),$=i(()=>l.trans("newsletter__email_address|Your email address")),M=i(()=>l.trans("newsletter__audiences_aria_label|Select newsletter of interest")),U=i(()=>l.trans("newsletter__audiences_select_all|Select all")),K=i(()=>j.block.data.variant==="dark"),C=i(()=>!t.audiences||t.audiences.length===0),S=i(()=>[{value:"05d48cfd51",label:l.trans("newsletter__audience_living_wage|Living Wage Newsletter")},{value:"b0ba374a64",label:l.trans("newsletter__audience_general|General Newsletter")},{value:"919ec37bbc",label:l.trans("newsletter__audience_gig|Gig Newsletter")},{value:"e94960bece",label:l.trans("newsletter__audience_collective_bargaining|Collective Bargaining Agreements")},{value:"169472b60a",label:l.trans("newsletter__audience_events|Events Newsletter")}]),O=i(()=>S.value.map(s=>s.value)),F=()=>{t.audiences=[...O.value],x()},H=i(()=>{const s=t.audiences.length;return l.tr("newsletter__audiences_selected_count",{count:s},"{count} selected")}),b=v(!1),D=v(null),h=()=>{b.value=!1},I=()=>{b.value=!b.value},P=s=>{if(!b.value)return;const r=D.value;r&&s.target instanceof Node&&!r.contains(s.target)&&h()},A=s=>{s.key==="Escape"&&h()},R=i(()=>{const s=l.trans("newsletter__terms|Terms and Conditions"),r=j.block.data.link_to_terms?.url||"#",g=`text-sm font-normal underline leading-tight hover:opacity-80 transition-opacity ${K.value?"text-gray-100":"text-slate-900"}`;return`<a href="${r}" class="${g}">${s}</a>`}),q=i(()=>l.tr("newsletter__terms_sentence",{terms:R.value},"By clicking Sign Up you agree to our {terms}")),t=oe({firstName:"",lastName:"",email:"",audiences:[],_csrf:""});B(async()=>{try{const{csrf:s}=await $fetch("/api/csrf");t._csrf=s}catch{}}),B(()=>{document.addEventListener("pointerdown",P,{capture:!0}),document.addEventListener("keydown",A)}),Q(()=>{document.removeEventListener("pointerdown",P,!0),document.removeEventListener("keydown",A)});const w=v(!1),f=v("idle"),o=v(""),p=v(""),z=()=>t.firstName?t.lastName?t.email?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.email)?!t.audiences||t.audiences.length===0?(o.value=l.trans("newsletter__err_audiences|Please select at least one newsletter"),!1):!0:(o.value=l.trans("newsletter__err_email_invalid|Please enter a valid email address"),!1):(o.value=l.trans("newsletter__err_email_required|Please enter your email address"),!1):(o.value=l.trans("newsletter__err_last_name|Please enter your last name"),!1):(o.value=l.trans("newsletter__err_first_name|Please enter your first name"),!1),x=()=>{o.value&&(o.value="")}

1,G=async()=>{if(z()){w.value=!0,f.value="idle",o.value="",p.value="";try{const s=await $fetch("/api/newsletter/subscribe",{method:"POST",headers:{"x-csrf-token":t._csrf},body:{firstName:t.firstName,lastName:t.lastName,email:t.email,audiences:t.audiences,source:"newsletter_block",_csrf:t._csrf}});s.success?(f.value="success",s.message&&(p.value=s.message),t.firstName="",t.lastName="",t.email="",t.audiences=[]):(f.value="error",o.value=s.message||l.trans("newsletter__generic_error|Subscription failed. Please try again."))}catch{f.value="error",o.value=l.trans("newsletter__network_error|An error occurred. Please try again later.")}finally{w.value=!1}}};return(s,r)=>{const g=ne;return c(),d("div",ue,[e("div",de,[e("h2",{class:n(["self-stretch text-start m-0",a.block.data.variant==="dark"?"text-white":"text-slate-900"])},m(a.block.data.title),3),e("div",{class:n(["self-stretch text-start text-base font-normal leading-7 text-preserve-linebreaks",a.block.data.variant==="dark"?"text-white":"text-slate-800"])},m(a.block.data.description),3)]),e("div",fe,[e("div",me,[e("div",be,[e("div",{class:n(["w-full lg:w-1/2 px-5 py-2.5 rounded-[50px] flex justify-between items-center min-w-0 backdrop-blur-xl",a.block.data.variant==="dark"?"bg-white/10 outline outline-1 outline-offset-[-1px] outline-gray-200/20":"bg-white border border-slate-300"])},[e("div",ve,[_(e("input",{"onUpdate:modelValue":r[0]||(r[0]=u=>t.firstName=u),type:"text",autocomplete:"off",placeholder:E.value,id:"newsletter-first-name",name:"first-name",onInput:x,class:n(["flex-1 h-7 text-base font-normal leading-7 bg-transparent border-none outline-none focus:outline-none focus:ring-0 placeholder:text-base placeholder:font-normal px-0 py-0 min-w-0",a.block.data.variant==="dark"?"text-gray-100 placeholder:text-gray-100":"text-slate-800 placeholder:text-slate-600"])},null,42,xe),[[y,t.firstName]])])],2),e("div",{class:n(["w-full lg:w-1/2 px-5 py-2.5 rounded-[50px] flex justify-between items-center min-w-0 backdrop-blur-xl",a.block.data.variant==="dark"?"bg-white/10 outline outline-1 outline-offset-[-1px] outline-gray-200/20":"bg-white border border-slate-300"])},[e("div",ge,[_(e("input",{"onUpdate:modelValue":r[1]||(r[1]=u=>t.lastName=u),type:"text",autocomplete:"off",placeholder:V.value,id:"newsletter-last-name",name:"last-name",onInput:x,class:n(["flex-1 h-7 text-base font-normal leading-7 bg-transparent border-none outline-none focus:outline-none focus:ring-0 placeholder:text-base placeholder:font-normal px-0 py-0 min-w-0",a.block.data.variant==="dark"?"text-gray-100 placeholder:text-gray-100":"text-slate-800 placeholder:text-slate-600"])},null,42,we),[[y,t.lastName]])])],2)]),e("div",pe,[e("div",{class:n(["w-full lg:w-1/2 px-5 py-2.5 rounded-[50px] flex justify-between items-center min-w-0 backdrop-blur-xl",a.block.data.variant==="dark"?"bg-white/10 outline outline-1 outline-offset-[-1px] outline-gray-200/20":"bg-white border border-slate-300"])},[e("div",_e,[_(e("input",{"onUpdate:modelValue":r[2]||(r[2]=u=>t.email=u),type:"email",autocomplete:"off",placeholder:$.value,id:"newsletter-email",name:"email",onInput:x,class:n(["flex-1 h-7 text-base font-normal leading-7 bg-transparent border-none outline-none focus:outline-none focus:ring-0 placeholder:text-base placeholder:font-normal px-0 py-0 min-w-0",a.block.data.variant==="dark"?"text-gray-100 placeholder:text-slate-100":"text-slate-800 placeholder:text-slate-600"])},null,42,he),[[y,t.email]])])],2),e("div",{class:n(["w-full lg:w-1/2 px-5 py-2.5 rounded-[50px] flex justify-between items-center min-w-0 backdrop-blur-xl",a.block.data.variant==="dark"?"bg-white/10 outline outline-1 outline-offset-[-1px] outline-gray-200/20":"bg-white border border-slate-300"])},[e("div",ye,[e("div",{ref_key:"audienceDropdownRef",ref:D,class:"w-full min-w-0 relative"},[e("button",{type:"button",onClick:I,onKeydown:X(Z(h,["prevent"]),["esc"]),"aria-label":M.value,"aria-expanded":b.value?"true":"false",class:n(["w-full h-7 flex items-center justify-between gap-3 bg-transparent border-none outline-none focus:outline-none focus:ring-0 px-0 py-0 text-left",a.block.data.variant==="dark"?"text-gray-100":C.value?"text-slate-500":"text-slate-800"])},[e("span",Ne,m(C.value?ee(l).trans("newsletter__audiences_placeholder|Select one or more newsletters"):

1H.value),1),e("span",{"aria-hidden":"true",class:n(["shrink-0 text-xs leading-none",a.block.data.variant==="dark"?"text-gray-100/80":"text-slate-800"])}," ▼ ",2)],42,ke),b.value?(c(),d("div",{key:0,class:n(["absolute z-50 mt-2 w-full rounded-2xl p-3 shadow-lg backdrop-blur-xl",a.block.data.variant==="dark"?"bg-slate-900/90 outline outline-1 outline-gray-200/20":"bg-white outline outline-1 outline-slate-200"]),role:"listbox","aria-multiselectable":"true"},[e("div",{class:n(["flex justify-end pb-2 mb-1 border-b",a.block.data.variant==="dark"?"border-gray-200/20":"border-slate-200"])},[e("button",{type:"button",class:n(["text-sm font-normal underline underline-offset-2 bg-transparent border-none p-0 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 rounded",[a.block.data.variant==="dark"?"text-gray-100 focus-visible:ring-gray-400/50":"text-slate-800 focus-visible:ring-slate-400"]]),onClick:F},m(U.value),3)],2),e("div",je,[(c(!0),d(L,null,te(S.value,u=>(c(),d("label",{key:u.value,class:"flex items-center gap-2 cursor-pointer select-none py-1.5"},[_(e("input",{"onUpdate:modelValue":r[3]||(r[3]=Y=>t.audiences=Y),type:"checkbox",value:u.value,name:"audiences",onChange:x,class:n(["h-4 w-4 rounded border",a.block.data.variant==="dark"?"border-slate-300/40 bg-transparent text-white":"border-slate-400 bg-white text-slate-900"])},null,42,Ce),[[ae,t.audiences]]),e("span",{class:n(["text-base font-normal leading-7",a.block.data.variant==="dark"?"text-gray-100":"text-slate-800"])},m(u.label),3)]))),128))])],2)):k("",!0)],512)])],2)])]),f.value!=="idle"||o.value?(c(),d("div",Se,[f.value==="success"?(c(),d("div",{key:0,class:n(["text-base font-medium",a.block.data.variant==="dark"?"text-green-400":"text-green-700"])},[p.value?(c(),d(L,{key:0},[le(m(p.value),1)],64)):(c(),N(g,{key:1,id:"newsletter__success|Thank you! You've been successfully subscribed to our newsletter(s)."}))],2)):f.value==="error"?(c(),d("div",{key:1,class:n(["text-base font-medium",a.block.data.variant==="dark"?"text-red-400":"text-red-700"])},m(o.value),3)):k("",!0)])):k("",!0),e("div",De,[e("div",Pe,[e("div",Ae,[e("span",{class:n(["text-sm font-normal leading-tight",a.block.data.variant==="dark"?"text-slate-100":"text-slate-900"])},[T(ce,{html:q.value},null,8,["html"])],2)])])]),e("div",Be,[T(re,{variant:"primary",disabled:w.value,onClick:G},{text:se(()=>[w.value?(c(),N(g,{key:0,id:"newsletter__signing_up|Signing up..."})):(c(),N(g,{key:1,id:"newsletter__sign_up|Sign up"}))]),_:1},8,["disabled"])])])])}}}),Me=Object.assign(ie(Le,[["__scopeId","data-v-2ccc505b"]]),{__name:"BlocksNewsletterBlock"});export{Me as default};
2//# sourceMappingURL=Dqpbgzpz.js.map