https://www.angelcitylumber.com/_nuxt/T6qSJPDF.js

1import{aw as E,ar as N,a9 as z,ac as v,u as b,r as m,z as c,am as e,j as O,aK as V,aF as j,al as F,aL as I,a6 as G,q as Q,H,ag as r,an as K,af as W,P as w,h as J,az as X,aA as Y,aI as Z,v as ee,aa as te,t as ae,ao as se,_ as oe,$ as ne}from"./Dl0kJD60.js";import{_ as re}from"./B7nm6urD.js";import{_ as ce}from"./Kx8_r6zq.js";const le={class:"px-4 md:px-0"},ie={class:"form-group flex flex-col sm:flex-row items-center gap-6 mb-6"},ue={key:0,class:"py-4"},de=["textContent"],me=["disabled"],pe="Thank you for contact us! Someone should be in touch shortly.",fe="Oh no! Something went wrong on our end. Please refresh the page and try again",he={__name:"ContactUs",props:{contactTopics:{type:Array,default:()=>[]},submitButtonLabel:{type:String,default:()=>"Submit"},successMessage:String,errorMessage:String,contactFields:Object},setup(l){const i=E(),{msg:f,blinkMsg:p}=K(),{sendContactUs:h,responseLoading:x}=N(),a=r({email:"",firstName:"",lastName:"",name:"",phone:"",contactTypes:[],message:"",honeypot:""}),g=r(!1),o=r(!1),u=r(!1),d=r(!1),y=r(!1),_=r(!1),T=r(!1),S=Q(()=>{const t=l.contactFields.fields.find(s=>s.name==="cf_what_would_you_like_to_contact_us_about");return t?t.choices:H});if(i?.query?.type?.length){let t=S.value.find(s=>s.value.toUpperCase().includes(i?.query?.type?.toUpperCase()));t&&(a.value.contactTypes=[t])}const q=t=>{a.value.firstName=t.target.value,o.value=!1},U=t=>{a.value.lastName=t.target.value,u.value=!1},P=t=>{a.value.email=t.target.value,g.value=!1},k=t=>{const s=t.target.value.replace(/\D/g,"").match(/(\d{0,3})(\d{0,3})(\d{0,4})(\d{0,5})/);a.value.phone=s[2]?`(${s[1]}) ${s[2]}${`${s[3]?`-${s[3]}`:""}`}${`${s[4]?`-${s[4]}`:""}`}`:s[1],d.value=!1},D=t=>{a?.value?.contactTypes?.includes(t)?a.value.contactTypes=a.value.contactTypes.filter(s=>s!==t):a.value.contactTypes=[...a.value.contactTypes,t],a?.value?.contactTypes?.length&&(y.value=!1)},A=t=>{a.value.message=t.target.value,_.value=!1},L=async()=>{try{if(T.value||x.value||a.value.honeypot.length)return;const t=await h(a.value);if(t?.errors?.length){p({message:"Required fields missing."});for(let s of t?.errors)s?.type==="email"&&(g.value=!0),s?.type==="firstName"&&(o.value=!0),s?.type==="lastName"&&(u.value=!0),s?.type==="contactTypes"&&(y.value=!0),s?.type==="message"&&(_.value=!0),s?.type==="phoneNumber"&&(d.value=!0);return}return t?.isError?p({message:l.errorMessage||fe}):T.value=!0}catch(t){console.error(t),contactFormLoading.value=!1,T.value=!1}};return z(()=>{}),(t,s)=>{const C=O,R=re,B=ce;return v(),b("div",le,[m("form",{onSubmit:I(L,["prevent"])},[m("div",ie,[c(C,{inputType:"text",placeholder:"First name*",label:"First Name",value:e(a).firstName,isRequired:!0,prefix:"contact-first-name",handleChange:n=>q(n),error:{exists:e(o),message:"First name required"}},null,8,["value","handleChange","error"]),c(C,{inputType:"text",placeholder:"Last name*",label:"Last Name",value:e(a)?.lastName,prefix:"contact-last-name",handleChange:n=>U(n),isRequired:!0,error:{exists:e(u),message:"Last name required"}},null,8,["value","handleChange","error"])]),c(C,{class:"mb-6",inputType:"email",placeholder:"Email*",label:"Email",value:e(a)?.email,prefix:"contact-last-email",handleChange:n=>P(n),isRequired:!0,error:{exists:e(g),message:"Email required"}},null,8,["value","handleChange","error"]),c(C,{class:"mb-6",inputType:"text",placeholder:"Phone Number*",label:"Phone Number",value:e(a)?.phone,prefix:"contact-phone",handleChange:n=>k(n),isRequired:!0,error:{exists:e(d),message:"Phone number required"}},null,8,["value","handleChange","error"]),c(R,{class:"mb-8",message:"What would you like to contact us about? (Check all that apply)*",options:e(S),selectedTypes:e(a)?.contactTypes,handleChange:D,error:{exists:e(y),message:"Must include at least one"}},null,8,["options","selectedTypes","error"]),c(B,{class:"mb-12",placeholder:"Message*",label:"Message",value:e(a)?.message,prefix:"contact-message",handleChange:n=>A(n),isRequired:!0,error:{exists:e(_),message:"Message required"}},null,8,["value","handleChange","error"]),V(m("input",{type:"text",style:{display:"none"},name:"usercode","onUpdate:modelValue":s[0]||(s[0]=n=>e(a).honeypot=n)},null,512),[[j,e(a).honeypot]]),e(T)?(v(),b("div",ue,[m("span",{class:"uppercase",textContent:F(l.successMessage||pe)},null,8,de)])):(v(),b("button",{key:1,type:"submit",class:"btn btn-expanded",title:"Submit c

1ontact us form","aria-label":"Submit contact us form",disabled:e(x)},F(l.submitButtonLabel||"Submit"),9,me))],32),m("div",{class:G([e(f)?.length?"opacity-100":"opacity-0","flex justify-center h-12 font-bioticSemiBold w-full py-6 text-center pointer-events-none transition-opacity"]),role:"alert","aria-live":"assertive","aria-atomic":"true"},[m("span",null,F(e(f)),1)],2)])}}},$=`
2    "id": _id,
3    title,
4    "subhead": subhead.simpleRichText[] {
5        ${W}
6    },
7	webFormScript,
8    contactTopics,
9    contactUsSuccessMessage,
10    contactUsErrorMessage,
11	seo
12`,M=()=>w`*[_type == "contactPage"] | order(_updatedAt desc)[0] {
13    ${$}
14}`,ge=l=>w`*[_id == "${l}"][0] {
15    ${$}
16}`,ye={class:"page-top-wrapper pb-[240px] relative"},_e=["textContent"],ve={key:0,class:"mb-6 sm:mb-12 portable-text px-4 md:px-0"},be={__name:"contact-us",async setup(l){let i,f;const p=E(),h=X(p?.query?.draft_id?"preview":""),{injectMeta:x}=Y(),{allFields:a,setAllFields:g}=N(),{data:o}=([i,f]=Z(async()=>se("contactPage",async()=>{if(a.value)return{...await h.fetch(M()),contactFields:a.value};{const[u,d]=await Promise.all([h.fetch(M()),$fetch("/api/fresh-sales/contact-fields")]);return g(d),{...u,contactFields:d}}})),i=await i,f(),i);if(!o?.value?.id)throw ee({status:404,message:"Page Not Found.",fatal:!0});return o?.value?.id&&x(o?.value),te(async()=>{p?.query?.draft_id&&setTimeout(async()=>{o.value=await h.fetch(ge(p?.query?.draft_id))},500)}),(u,d)=>{const y=oe,_=he;return v(),b("div",ye,[m("h1",{class:"pt-12 md:pt-0 text-headline-mobile md:text-headline mb-3 md:mb-6 uppercase px-4 md:px-0",textContent:F(e(o)?.title)},null,8,_e),e(o)?.subhead?.length?(v(),b("div",ve,[c(y,{blocks:e(o)?.subhead,serializers:e(ne)},null,8,["blocks","serializers"])])):ae("",!0),c(_,{contactTopics:e(o)?.contactTopics,successMessage:e(o)?.contactUsSuccessMessage,errorMessage:e(o)?.contactUsErrorMessage,contactFields:e(o)?.contactFields},null,8,["contactTopics","successMessage","errorMessage","contactFields"])])}}},Fe=J(be,[["__scopeId","data-v-c0c9c6d9"]]);export{Fe as default};