https://mafi.com/_nuxt/ContactLarge.hyX_-xyd.js

1import A from"./AccordionItem._ymkaxV5.js";import x from"./Accordion.Aqhx0MXf.js";import{_ as L,u as B,r as v,O as I,e as E,I as u,A as N,D as k,x as y,h as g,l as n,E as q,T as P,m as a,F as M,C as j,j as G,B as z,L as H,M as Z}from"./entry.rIozx1WT.js";import R from"./Tabs.SXRw3lks.js";import J from"./Form.1EZXopJt.js";import K from"./FormControl.Y2vxzKZ5.js";import Q from"./Select.8J18eE8Q.js";import W from"./FileInput.Fe5ej9sl.js";import X from"./FormCheck.oz53jd1n.js";import Y from"./Textarea.Ghm8T7fU.js";import{a as $}from"./index.jR1_vC-u.js";import{u as ee}from"./GlobalStore.CIADVtIY.js";import oe from"./TitleBlock.u2cBYyTp.js";import{g as te}from"./api.f-WnAf6E.js";import{t as O}from"./helper.Cyb9nIof.js";import"./plus.client._n3N3hsX.js";import"./nuxt-link.2A7gRxzg.js";import"./index.jsqYqjza.js";import"./FormLabel.1HW0GAoH.js";import"./FormErrors._A8FkE1p.js";import"./bin.client.3avVrt5o.js";import"./checkmark.client.VMdscMCe.js";import"./_commonjsHelpers.4gQjN7DL.js";import"./axios.4WwoOJEa.js";const ae={name:"AreasContactLarge",components:{Tabs:R,Select:Q,Form:J,FormControl:K,FileInput:W,FormCheck:X,Textarea:Y,TitleBlock:oe,Accordion:x,AccordionItem:A},props:{data:Object},setup(l){const t=ee(),S=B(),e=v(!1),m=v([{name:I("contact.message"),active:!0,disabled:!1},{name:I("contact.personal-data"),active:!1,disabled:!0}]),d=v(0),_=v(l.data.actionUrl),b=o=>{m.value[o].disabled||d.value<o||(m.value.map(s=>s.active=!1),m.value[o].active=!0,d.value=o)},h=l.data.genderOptions,C=l.data.countryOptions,U=l.data.requestTypes,i=l.data.handoutTypes,w=l.data.customerTypeOptions,c=v({}),r=v({customerGender:"",customerCountry:"",customerType:"",requestType:"",customerFirstname:null,customerLastname:null,customerEmail:null,text:"",customerStreet:null,customerZip:null,customerCity:null,customerPhone:null,files:[],newsletter:!1,honeypot:"",handoutTypes:[]}),F=()=>{if(console.log(r.value.honeypot,r.value.honeypot.length),r.value.honeypot&&r.value.honeypot.length>0){console.log("you are a fucking bot");return}c.value&&c.value.validate().then(o=>{if(o==="Valid")if(O(c.value.form,!0),d.value=d.value+1,m.value.map(s=>s.active=!1),d.value===m.value.length){let s=new URLSearchParams;s.append("url",window.location.origin+_.value),s.append("lang",t.lang);let p=new FormData;if(Object.entries(r.value).forEach(([V,D])=>{if(Array.isArray(D))for(let f=0;f<D.length;f++)p.append(V+"[]",D[f]);else if(V==="files")for(let f=0;f<r.value.files.length;f++)p.append("files[]",r.value.files[f]);else p.append(V,D)}),p.append("actionUrl",S.path),_.value===void 0){console.error("Missing prop actionUrl!");return}$({method:"POST",url:te("routing"),headers:{"Content-Type":"multipart/form-data"},params:s,data:p}).then(({data:V})=>{V.success&&(e.value=!0,Z({gtm:{datalayer:{event:"contact",areaType:"large",country:r.value.customerCountry,customerType:r.value.customerType,requestType:r.value.requestType}}})),O(c.value.form,!1)})}else m.value[d.value].disabled=!1,m.value[d.value].active=!0})},T=v(null);return E(()=>r.value.requestType,(o,s)=>{r.value.requestType==="handout"?T.value.open():T.value.close()}),{steps:m,handleActivateTab:b,handleNextStep:F,formInstance:c,countryOptions:C,customerTypeOptions:w,genderOptions:h,requestTypes:U,handoutTypes:i,formData:r,formSuccess:e,accordion:T}}},le={class:"content-block bg-secondary"},ne={key:0,class:"container container-narrow"},re={key:0},se={class:"row"},me={class:"col-md-6"},ie={class:"col-md-6"},de={class:"form-group"},ue={class:"row"},ce={class:"col-auto"},pe={class:"col-md-3"},fe={class:"col-md-9"},ve={class:"row"},ye={class:"col-md"},be={class:"col-md"},ge={class:"col-md-6"},Te={class:"col-md-12"},Ve={class:"text-end mt-4"},_e={key:1},he={class:"row"},De={class:"col-md-6"},qe={class:"col-md-2"},Ce={class:"col-md-4"},Ue={class:"col-md-6"},we={class:"col-md-6"},Fe={class:"col-md-12"},Se={class:"col-md-12"},Ie={class:"text-end mt-4"},ke={key:1,class:"container container-narrow"},ze=["innerHTML"];function Oe(l,t,S,e,m,d){const _=u("Tabs"),b=u("Select"),h=u("FormCheck"),C=A,U=x,i=u("FormControl"),w=u("Textarea"),c=u("FileInput"),r=u("Form"),F=u("TitleBlock"),T=N("fade");return k((y(),g("section",le,[e.formSuccess?(y(),g("div",ke,[n(F,{title:l.$t("Contact.success-title")},null,8,["title"]),a("div",{class:"wysiwyg",innerHTML:l.$t("Contact.success-message")},null,8,ze)])):(y(),g("div",ne,[n(_,{tabs:e.steps,onActivateTab:e.handleActivateTab,darkTheme:""},null,8,["tabs","onActivateTab"]),n(r,{action:"/404",class:"js-form-validation",ref:"form",onFormValidationInit:t[19]||(t[19]=o=>e.formInstance=o)},{default:q(()=>[n(P,{name:"form",mode:"out-in",onAfterEnter:t[17]||(t[17]=o=>l.$refs.form.initForm())},{default:q(()=>[e.steps[0].active?(y(),g("div",re,[a("div",se,[a("div",me,[n(b,{size:"lg",label:l.$t("form.customer-type"),id:"customerType",name:"customerType",options:e.customerTypeOptions,modelValue:e.formData.customerType,"onUpdate:modelValue":t[0]||(t[0]=o=>e.formData.customerType=o),required:""},null,8,["label","options","modelValue"])]),a("div",ie,[n(b,{size:"lg",label:l.$t("form.request-type"),id:"requestType",name:"requestType",options:e.requestTypes,modelValue:e.formData.requestType,"onUpdate:modelValue":t[1]||(t[1]=o=>

1e.formData.requestType=o),required:""},null,8,["label","options","modelValue"]),n(U,{class:"accordion--plain",firstItemOpen:e.formData.requestType==="handout"},{default:q(()=>[n(C,{noHead:"",ref:"accordion"},{"accordion-content":q(()=>[a("div",de,[a("div",ue,[a("div",ce,[(y(!0),g(M,null,j(e.handoutTypes,(o,s)=>(y(),G(h,{modelValue:e.formData.handoutTypes,"onUpdate:modelValue":t[2]||(t[2]=p=>e.formData.handoutTypes=p),id:"handoutTypes"+s,value:o.value,label:o.label},null,8,["modelValue","id","value","label"]))),256))])])])]),_:1},512)]),_:1},8,["firstItemOpen"])]),a("div",pe,[n(b,{size:"lg",label:l.$t("form.gender"),id:"genderInput",name:"gender",options:e.genderOptions,modelValue:e.formData.customerGender,"onUpdate:modelValue":t[3]||(t[3]=o=>e.formData.customerGender=o),required:""},null,8,["label","options","modelValue"])]),a("div",fe,[a("div",ve,[a("div",ye,[n(i,{size:"lg",label:l.$t("form.firstname"),type:"text",id:"firstnameInput",name:"firstname",required:"",modelValue:e.formData.customerFirstname,"onUpdate:modelValue":t[4]||(t[4]=o=>e.formData.customerFirstname=o)},null,8,["label","modelValue"])]),a("div",be,[n(i,{size:"lg",label:l.$t("form.lastname"),type:"text",id:"lastnameInput",name:"lastname",required:"",modelValue:e.formData.customerLastname,"onUpdate:modelValue":t[5]||(t[5]=o=>e.formData.customerLastname=o)},null,8,["label","modelValue"])])])]),a("div",ge,[n(i,{size:"lg",label:l.$t("form.email"),type:"text",id:"emailInput",name:"email",required:"",modelValue:e.formData.customerEmail,"onUpdate:modelValue":t[6]||(t[6]=o=>e.formData.customerEmail=o)},null,8,["label","modelValue"])]),a("div",Te,[n(w,{rows:"5",size:"lg",label:l.$t("form.message"),id:"message",name:"text",modelValue:e.formData.text,"onUpdate:modelValue":t[7]||(t[7]=o=>e.formData.text=o)},null,8,["label","modelValue"])])]),a("div",Ve,[a("button",{type:"submit",class:"btn btn-primary btn-lg",onClick:t[8]||(t[8]=(...o)=>e.handleNextStep&&e.handleNextStep(...o))},z(l.$t("form.next")),1)])])):(y(),g("div",_e,[a("div",he,[a("div",De,[n(i,{size:"lg",label:l.$t("form.street"),type:"text",id:"streetInput",name:"street",required:"",modelValue:e.formData.customerStreet,"onUpdate:modelValue":t[9]||(t[9]=o=>e.formData.customerStreet=o)},null,8,["label","modelValue"])]),a("div",qe,[n(i,{size:"lg",label:l.$t("form.zip"),type:"text",id:"zipInput",name:"zip",required:"",modelValue:e.formData.customerZip,"onUpdate:modelValue":t[10]||(t[10]=o=>e.formData.customerZip=o)},null,8,["label","modelValue"])]),a("div",Ce,[n(i,{size:"lg",label:l.$t("form.city"),type:"text",id:"cityInput",name:"city",required:"",modelValue:e.formData.customerCity,"onUpdate:modelValue":t[11]||(t[11]=o=>e.formData.customerCity=o)},null,8,["label","modelValue"])]),a("div",Ue,[n(b,{size:"lg",label:l.$t("form.country"),id:"countryInput",name:"country",options:e.countryOptions,modelValue:e.formData.customerCountry,"onUpdate:modelValue":t[12]||(t[12]=o=>e.formData.customerCountry=o),required:""},null,8,["label","options","modelValue"])]),a("div",we,[n(i,{size:"lg",label:l.$t("form.phone"),type:"text",id:"phone",name:"phone",required:"",modelValue:e.formData.customerPhone,"onUpdate:modelValue":t[13]||(t[13]=o=>e.formData.customerPhone=o)},null,8,["label","modelValue"])]),a("div",Fe,[n(c,{id:"logoUpload",name:"logoUpload",modelValue:e.formData.files,"onUpdate:modelValue":t[14]||(t[14]=o=>e.formData.files=o),multiple:!0},null,8,["modelValue"])]),a("div",Se,[n(h,{modelValue:e.formData.newsletter,"onUpdate:modelValue":t[15]||(t[15]=o=>e.formData.newsletter=o),id:"newsletter",value:"true",label:l.$t("form.newsletter")},null,8,["modelValue","label"])])]),a("div",Ie,[a("button",{type:"submit",class:"btn btn-primary btn-lg",onClick:t[16]||(t[16]=(...o)=>e.handleNextStep&&e.handleNextStep(...o))},z(l.$t("form.submit")),1)])]))]),_:1}),k(a("input",{type:"text",class:"visually-hidden",name:"mafi-boden_id",id:"mafi-boden_id",autocomplete:"mafi-boden_id","onUpdate:modelValue":t[18]||(t[18]=o=>e.formData.honeypot=o)},null,512),[[H,e.formData.honeypot]])]),_:1},512)]))])),[[T]])}const lo=L(ae,[["render",Oe]]);export{lo as default};