https://www.skoda-accessories.ie/_nuxt/DlG7BeLu.js

1import{d as F,y as q,au as z,ae as H,o as O,al as G,B as x,e as C,x as t,t as l,k as e,aR as S,aS as T,j as w,C as W,aT as Z,u as J,a as K,a4 as Q,E as y,P as X,aU as Y,H as N,aV as c,b as I,Z as ee,as as te,aj as oe,aW as ne}from"./CYRhJ6we.js";import{t as ae}from"./CTDLDUGc.js";const re={class:"contact-us"},se={class:"contact-us__intro"},ie={class:"contact-us-input-section"},le=["placeholder"],ce={for:"contact-us-name",class:"contact-us-input-section__label"},me={ref:"name-error-temp-ref",class:"nm-error-text nm-input__error nm-transition"},ue={class:"contact-us-input-section"},pe=["placeholder"],fe={for:"contact-us-email",class:"contact-us-input-section__label"},he={ref:"email-error-temp-ref",class:"nm-error-text nm-input__error nm-transition"},de={class:"contact-us-input-section"},ve=["placeholder"],_e={for:"contact-us-tel",class:"contact-us-input-section__label"},ge={ref:"phone-error-temp-ref",class:"nm-error-text nm-input__error nm-transition"},be={class:"contact-us-input-section"},xe=["maxlength","placeholder"],Se={for:"contact-us-comment",class:"contact-us-input-section__label"},Te={ref:"comment-error-temp-ref",class:"nm-error-text nm-input__error nm-transition"},ye={class:"contact-us-input-section__max-length"},Ne=["disabled"],Le=F({__name:"contact-us",setup(Me){const{t:o}=q(),P=z();H({title:`${o("ih.contact-us.header.text")} - ${o("ih.global.storeName")}`}),O(()=>{const u={url:P.fullPath,contentId:"contact-us"};ae(Object.freeze(u)),G(ee.CONTACT_US_PAGE)});const L=c("name-temp-ref"),f=c("name-error-temp-ref"),_=c("email-temp-ref"),m=c("email-error-temp-ref"),g=c("phone-temp-ref"),h=c("phone-error-temp-ref"),M=c("comment-temp-ref"),d=c("comment-error-temp-ref"),D=c("form-temp-ref");function U(){L.value?.validity.valid||(L.value?.validity.valueMissing&&f.value&&(f.value.innerText=o("ih.form.error.required")),L.value?.validity.tooShort&&f.value&&(f.value.innerText=o("ih.form.error.minLength",{length:2}))),_.value?.validity.valid||(_.value?.validity.valueMissing&&m.value&&(m.value.innerText=o("ih.form.error.required")),_.value?.validity.patternMismatch&&m.value&&(m.value.innerText=o("ih.form.error.email")),_.value?.validity.tooShort&&m.value&&(m.value.innerText=o("ih.form.error.minLength",{length:5}))),g.value?.validity.valid||g.value?.validity.patternMismatch&&h.value&&(h.value.innerText=o("ih.form.error.phone")),g.value?.validity.valid||g.value?.validity.tooShort&&h.value&&(h.value.innerText=o("ih.form.error.minLength",{length:5})),M.value?.validity.valid||(M.value?.validity.valueMissing&&d.value&&(d.value.innerText=o("ih.form.error.required")),M.value?.validity.tooShort&&d.value&&(d.value.innerText=o("ih.form.error.minLength",{length:5}))),D.value?.checkValidity()&&B()}function $(){const u=J(),a=K(),b=500,r=y(!1),v=y(!1),{showToast:V}=Q(),k=y(),{t:j}=q(),s=y({brand:a.currentMCS.brand,comment:"",email:"",name:"",phoneNumber:void 0});async function A(){r.value=!0;try{const{data:n,errors:p}=await u.$apollo.default.mutate({mutation:Y,variables:{input:s.value},fetchPolicy:"no-cache"});p&&(N.error("[%s] (%s) %s",new Date().toLocaleString(),"submitShopContactForm",p),v.value=!0),n?k.value=structuredClone(n.shop_submitContactForm):N.error("[%s] (%s) data was null",new Date().toLocaleString(),"submitShopContactForm")}catch(n){N.error("[%s] (%s) %o",new Date().toLocaleString(),"submitShopContactForm",n),v.value=!0}}return x(s,(n,p)=>{n.comment.length>b?(s.value.comment=p.comment,localStorage.setItem("contact-us-comment",p.comment)):localStorage.setItem("contact-us-comment",n.comment),localStorage.setItem("contact-us-name",n.name),localStorage.setItem("contact-us-email",n.email),n.phoneNumber?localStorage.setItem("contact-us-phone",n.phoneNumber):localStorage.setItem("contact-us-phone","")},{deep:!0}),x(v,n=>{n&&(V.error({description:"ih.global.error.general"}),v.value=!1,r.value=!1)}),x(k,n=>{if(!n){v.value=!0,N.error("[%s] (%s) updatedContactFormSubmitResult is empty?",new Date().toLocaleString(),"updatedContactFormSubmitResult");return}if(r.value=!1,n.formValidationProblems.length){V.error({description:n.formValidationProblems.filter(te).map(p=>`Field: ${p.field} has an issue: ${p.message}`).join(". ")});return}if(!n.success&&!n.formValidationProblems.length){v.value=!0;return}n.success&&(V.success({description:j("ih.contact-us.form.submit.success-message")}),s.value.name="",s.value.email="",s.value.phoneNumber="",s.value.comment="",localStorage.removeItem("contact-us-name"),localStorage.removeItem("contact-us-email"),localStorage.removeItem("contact-us-phone"),localStorage.removeItem("contact-us-comment"))}),X(()=>{s.value.name=localStorage.getItem("contact-us-name")||"",s.value.email=localStorage.getItem("contact-us-email")||"",s.value.phoneNumber=localStorage.getItem("contact-us-phone")||"",s.value.comment=localStorage.getItem("contact-us-comment")||""}),{contactFormInput:s,commentMaxLength:b,submitShopContactForm:A,isLoading:r}}const{contactFormInput:i,commentMaxLength:E,submitShopContactForm:B,isLoading:R}=$();return x(i,u=>{u.name&&f.value&&(f.value.innerText=""),u.email&&m.value&&(m.value.innerText=""),h.value&&(h.value.innerText=""),u.comment&&d.value&&(d.value.innerText="")},{deep:!0}),(u,a)=>{const b=oe;return I(),C("article",re,[t("h2",null,l(e(o)("ih.contact-us.header.text")),1),t("p",null,l(e(o)("ih.contact-us.header.sub-text")),1),t("p",se,l(e(o)("ih.contact-us.intro.text")),1),t("form",{ref:"form-temp-ref",class:"contact-us__form",novalidate:"",onSubmit:Z(U,["prevent"])},[t("div",ie,[S(t("input",{id:"contact-us-name",ref:"name-temp-ref","onUpdate:modelValue":a[0]||(a[0]=r=>e(i).name=r),name:"contact-us-name",class:"contact-us-input-section__input contact-us-input-section__input--bottom-border",required:"",minlength:"2",maxlength:"255",placeholder:e(o)("ih.contact-us.form.name.placeholder")},null,8,le),[[T,e(i).name]]),t("label",ce,[w(l(e(o)("ih.contact-us.form.name.text"))+" ",1),a[4]||(a[4]=t("abbr",{title:"required"},"*",-1))]),t("p",me,null,512)]),t("div",ue,[S(t("input",{id:"contact-us-email",ref:"email-temp-ref","onUpdate:modelValue":a[1]||(a[1]=r=>e(i).email=r),name:"contact-us-email",class:"contact-us-input-section__input contact-us-input-section__input--bottom-border",type:"email",required:"",minlength:"5",maxlength:"255",pattern:".+@.+\\..+",placeholder:e(o)("ih.contact-us.form.email.placeholder")},null,8,pe),[[T,e(i).email]]),t("label",fe,[w(l(e(o)("ih.contact-us.form.email.text"))+" ",1),a[5]||(a[5]=t("abbr",{title:"required"},"*",-1))]),t("p",he,null,512)]),t("div",de,[S(t("input",{id:"contact-us-tel",ref:"phone-temp-ref","onUpdate:modelValue":a[2]||(a[2]=r=>e(i).phoneNumber=r),name:"contact-us-tel",class:"contact-us-input-section__input contact-us-input-section__input--bottom-border",type:"tel",size:"20",minlength:"5",maxlength:"20",placeholder:e(o)("ih.contact-us.form.phone-number.placeholder"),pattern:"[+]?\\d{5,20}"},null,8,ve),[[T,e(i).phoneNumber]]),t("label",_e,l(e(o)("ih.contact-us.form.phone-number.text")),1),t("p",ge,null,512)]),t("div",be,[S(t("textarea",{id:"contact-us-comment",ref:"comment-temp-ref","onUpdate:modelValue":a[3]||(a[3]=r=>e(i).comment=r),name:"contact-us-comment",class:"contact-us-input-section__input",maxlength:e(E),minlength:"5",placeholder:e(o)("ih.contact-us.form.comment.placeholder"),required:""}

1,null,8,xe),[[T,e(i).comment]]),t("label",Se,[w(l(e(o)("ih.contact-us.form.comment.text"))+" ",1),a[6]||(a[6]=t("abbr",{title:"required"},"*",-1))]),t("p",Te,null,512),t("p",ye,l(`${e(i).comment.length} / ${e(E)}`),1)]),e(R)?(I(),W(b,{key:0,overlay:""})):(I(),C("button",{key:1,class:"nm-button nm-button--primary",disabled:e(R)},l(e(o)("ih.contact-us.form.submit.text")),9,Ne))],544)])}}}),Ie=ne(Le,[["__scopeId","data-v-3eae8433"]]);export{Ie as default};