https://www.seoghoer.dk/_nuxt/BssVWxjS.js

1import{_ as z}from"./DZoa80bv.js";import{_ as F}from"./Ctdv_joa.js";import{b7 as M,d as P,u as L,o as c,m as I,w as R,b as a,c as u,a as e,n,t as p,f as H,k as J,F as K,D as Q,B as j,G as W,y as X,M as Y,l as w,g as f,p as h,z as Z,a1 as ee}from"./DVeNsz_0.js";import{u as x}from"./C15q9AGd.js";import"./BEht-Svd.js";const te=M("/spinner-white.png"),se=M("/check-circle-white.png"),le={key:0},ae={class:"flex items-center justify-between gap-15 mb-10 md:mb-0"},ne={class:"min-w-[1px]"},ie={class:"rounded-full overflow-hidden w-[106px] h-[106px] shrink-0"},oe={class:"flex flex-col md:flex-row md:gap-25 gap-10"},re=["for"],de=["id","onUpdate:modelValue","disabled","type","name","placeholder"],ce={class:"pt-20 flex gap-8 mb-20 md:mb-15 md:pt-15"},me={class:"shrink-0 rounded-[4px] flex items-center justify-center relative border border-[#D0D2D5] h-[22px] w-[22px] overflow-hidden"},ue=["disabled"],pe={key:0,class:"text-12"},fe=["disabled"],ge={key:0,class:"square-20 mr-7 animate-[spin_2s_linear_infinite]"},he={key:1,class:"text-center h-[245px] md:h-[352px] md:pt-60 flex flex-col justify-between"},xe={key:2,class:"text-center h-[245px] md:h-[352px] md:pt-60 flex flex-col justify-between"},ve=["href"],y="text-14 leading-19",be=P({__name:"ownedBoxNewsletter",props:{data:{type:Object,required:!0},siteMeta:{type:Object,required:!0},variantColors:{type:Object,required:!0},logoClass:{type:String,default:""},fontHeadline:{type:String,default:""}},emits:["close"],setup(l,{emit:T}){const i=l,D=T,{public:N}=L(),v=["text-30 font-bold leading-40 mb-3",i.fontHeadline],b=h(!1),o=h(!1),r=h(null),_=h(!1),d={email:"",name:""},g=h(!1),V=[{label:"E-mail",name:"email",type:"email",placeholder:"Skriv her..."},{label:"Fornavn",name:"name",type:"text",placeholder:"Skriv her..."}],A=Z(()=>Object.values(d).every(m=>m)&&g.value),S=async()=>{if(A.value){r.value=null,o.value=!0;try{await $fetch(`https://${N.dataApiUrl}/api/v1/newsletter`,{method:"post",body:{firstName:d.name,lastName:"",email:d.email}}),_.value=!0,G()}catch(m){r.value={status:m?.response?.status||500,statusText:m?.response?.statusText||m?.response?._data?.errors?.[0]?.detail||"Unknown error"},O()}finally{o.value=!1}}},B=()=>{b.value=!0,E()},$=()=>{x().GTMPushCustom("element_view",{section_id:`newsletter_form_${i.data.id}`,section_text:i.data.title})},E=()=>{x().GTMPushCustom("element_click",{section_id:`newsletter_form_${i.data.id}`,section_text:i.data.title,element_id:"newsletter_form_submit",element_text:"Tilmeld"})},G=()=>{x().GTMPushCustom("element_view",{section_id:`newsletter_success_${i.data.id}`,section_text:i.data.title,user_data:{email:d.email,name:d.name}})},O=()=>{x().GTMPushCustom("element_view",{section_id:`newsletter_error_${i.data.id}`,section_text:i.data.title,error_code:r.value?.status,error_message:r.value?.statusText})};return(m,t)=>{const q=z,U=F;return c(),I(U,{class:"p-15 pt-35 md:p-20 lg:pr-60 lg:pl-[75px]","logo-class":l.logoClass,color:l.data.color,"variant-colors":l.variantColors,onVisible:$},{default:R(({buttonClass:k})=>[!a(_)&&!a(r)?(c(),u("div",le,[e("div",ae,[e("div",ne,[e("h3",{class:n(["truncate",v])},p(l.data.title),1),e("p",{class:n(["line-clamp-2 md:text-base",y])},p(l.data.text),1)]),e("div",ie,[H(q,{media:l.data.media,alt:l.data?.media?.alt||l.data.title,"render-widths":[106,212],sizes:"106px",modifiers:{ar:"1:1"},width:"106",height:"106",class:"w-full object-cover h-full"},null,8,["media","alt"])])]),e("form",{onSubmit:J(S,["prevent"])},[e("div",{class:n(["overflow-y-clip transition-height duration-500 h-[83px] md:h-auto",{"!h-auto":a(b)}]),style:{"interpolate-size":"allow-keywords"}},[e("div",oe,[(c(),u(K,null,Q(V,s=>e("div",{key:s.name,class:"flex-1"},[e("label",{class:"leading-21 block mb-4 tracking-tight",for:s.name},p(s.label),9,re),j(e("input",{id:s.name,"onUpdate:modelValue":C=>d[s.name]=C,disabled:a(o),required:"",class:"w-full outline-none border border-[#D0D2D5] flex h-[48px] tracking-tight text-[#5C5859] px-15 rounded-lg disabled:bg-white placeholder:text-[#C2C2C2]",type:s.type,name:s.name,placeholder:s.placeholder,onFocus:t[0]||(t[0]=C=>b.value=!0)},null,40,de),[[W,d[s.name]]])])),64))]),e("div",ce,[e("div",me,[j(e("input",{id:"consent","onUpdate:modelValue":t[1]||(t[1]=s=>X(g)?g.value=s:null),disabled:a(o),required:"",class:"appearance-none inset-0 absolute z-10",type:"checkbox",name:"consent"},null,8,ue),[[Y,a(g)]]),a(g)?(c(),u("span",pe,"✔")):w("",!0)]),t[4]||(t[4]=e("label",{class:"text-14 leading-19 tracking-tight",for:"consent"},[f("Ja tak, jeg vil glæde mig til at modtage nyheder, tilbud og invitationer til særlige arrangementer inden for bl.a. skønhedsprodukter, dagligvarer og rejser. "),e("a",{href:"https://www.allerservice.dk/permissionreadme",target:"_blank",rel:"noopener noreferrer"},"Se alle områder her."),f(" Du kan glæde dig til mails eller sms'er fra Aller Media A/S. Mails og sms'er kan også indeholde nyt fra vores samarbejdspartnere. Du siger samti

1dig ja til at have læst og accepteret "),e("a",{href:"https://aller.dk/privatlivspolitik/",target:"_blank",rel:"noopener noreferrer"},"Aller Media A/S persondatapolitik"),f(". ")],-1))])],2),e("button",{disabled:a(o),class:n(k),type:"submit",onClick:B},[a(o)?(c(),u("span",ge,[...t[5]||(t[5]=[e("img",{src:te,alt:"spinner"},null,-1)])])):w("",!0),f(" "+p(a(o)?"Tilmelder":"Tilmeld"),1)],10,fe)],32)])):a(_)?(c(),u("div",he,[e("div",null,[e("h3",{class:n(v)},"Tilmeldt!"),e("p",{class:n(["mb-20",y])},"Du er nu tilmeldt "+p(l.siteMeta.brandName)+"s nyhedsbrev.",1),t[6]||(t[6]=e("div",{class:"h-[54px] w-[54px] flex justify-center mx-auto"},[e("img",{src:se,alt:"check"})],-1))]),e("button",{class:n(k),type:"submit",onClick:t[2]||(t[2]=s=>D("close"))},"Luk",2)])):a(r)?(c(),u("div",xe,[e("div",null,[e("h3",{class:n(v)},"Fejl"),e("p",{class:n(y)},[t[7]||(t[7]=f(" Vi beklager - noget gik galt.",-1)),t[8]||(t[8]=e("br",null,null,-1)),t[9]||(t[9]=f("Prøv igen eller skriv til os på ",-1)),e("a",{href:"mailto:"+l.siteMeta.supportEmail},p(l.siteMeta.supportEmail),9,ve)])]),e("button",{class:n(k),type:"submit",onClick:t[3]||(t[3]=s=>r.value=null)},"Gå tilbage",2)])):w("",!0)]),_:1},8,["logo-class","color","variant-colors"])}}}),je=Object.assign(ee(be,[["__scopeId","data-v-7a406415"]]),{__name:"AllerOwnedBoxNewsletter"});export{je as default};