import __nuxt_component_2 from"./Flex.DzwJ1V1D.js";import{f as defineComponent,r as ref,am as reactive,h as onMounted,o as openBlock,c as createElementBlock,b as createVNode,w as withCtx,z as withDirectives,a as createBaseVNode,x as normalizeClass,G as vModelText,n as createBlock,d as createTextVNode,t as toDisplayString,j as createCommentVNode,C as withModifiers,av as createStaticVNode}from"./entry.FpkzWRi9.js";import{_ as _sfc_main$3}from"./MarkdownRenderer.vue.QqqDAGlS.js";import Wrapper from"./Wrapper.Dhj6d9Iu.js";import Spacer from"./Spacer.DJrr6Fnb.js";import{_ as _sfc_main$1}from"./Icon.vue.Cmog-BTr.js";import{_ as _sfc_main$2}from"./Text.vue.v_sr0Xru.js";import{_ as _sfc_main$4}from"./Button.vue.CvBn0PTH.js";const _hoisted_1=createStaticVNode('<input type="hidden" name="u" value="1"><input type="hidden" name="f" value="1"><input type="hidden" name="s"><input type="hidden" name="c" value="0"><input type="hidden" name="m" value="0"><input type="hidden" name="act" value="sub"><input type="hidden" name="v" value="2"><input type="hidden" name="or" value="45a5d69a-2cc3-485d-a236-09b9131dc6db">',8),_hoisted_9=createBaseVNode("div",{class:"g-recaptcha","data-sitekey":"6LcwIw8TAAAAACP1ysM08EhCgzd6q5JAOUR1a0Go"},null,-1),_hoisted_10={class:"w-full",type:"submit"},_hoisted_11=createBaseVNode("div",{class:"_clear-element"},null,-1),_sfc_main=defineComponent({__name:"LibraryFormComponent",props:{markdown:{}},setup(__props){const recaptchaToken=ref(null),form=reactive({firstname:"",lastname:"",email:""}),validity=reactive({firstname:!0,lastname:!0,email:!0,recaptcha:!0}),validateField=(e,t,a)=>{validity[e]=!0,t?a==="email"&&!/^[\w.-]+@([\w-]+\.)+[\w-]{2,4}$/.test(t)&&(validity[e]=!1):validity[e]=!1},validateForm=()=>(Object.entries(form).forEach(([e,t])=>{validateField(e,t,e==="email"?"email":void 0)}),recaptchaToken.value?validity.recaptcha=!0:validity.recaptcha=!1,Object.values(validity).every(e=>e)),onSubmit=async event=>{if(event.preventDefault(),validateForm()){const formElement=event.target,formData=new FormData(formElement);try{const response=await fetch(formElement.action,{method:"POST",body:formData,headers:{Accept:"application/json"}}),data=await response.json();eval(data.js)}catch{console.error("Submission failed.")}}},loadScript=(e,t)=>{const a=document.createElement("script");a.src=e,a.onload=null,document.head.appendChild(a)};return onMounted(()=>{window.recaptcha_callback=()=>{const e=document.getElementsByClassName("g-recaptcha");Array.from(e).forEach((t,a)=>{const r=`recaptcha_${a}`;t.id=r;const o=document.getElementById(r);o&&window.grecaptcha.render(r,{sitekey:o.getAttribute("data-sitekey")||"",callback:i=>recaptchaToken.value=i})})},loadScript("https://www.google.com/recaptcha/api.js?onload=recaptcha_callback&render=explicit")}),(e,t)=>{const a=__nuxt_component_2;return openBlock(),createElementBlock("form",{method:"POST",action:"https://vestlane.activehosted.com/proc.php",onSubmit:withModifiers(onSubmit,["prevent"])},[_hoisted_1,createVNode(Wrapper,{class:"grid grid-cols-1 lg:grid-cols-2 gap-[16px] text-base font-inter"},{default:withCtx(()=>[createVNode(Wrapper,null,{default:withCtx(()=>[withDirectives(createBaseVNode("input",{id:"firstname","onUpdate:modelValue":t[0]||(t[0]=r=>form.firstname=r),type:"text",name:"firstname",placeholder:"First Name",required:"",class:normalizeClass(["w-full rounded-[8px] border-[1px] border-border placeholder:text-light-gray px-[20px] py-[22px]",{"border-red-500":!validity.firstname}])},null,2),[[vModelText,form.firstname]]),validity.firstname?createCommentVNode("",!0):(openBlock(),createBlock(a,{key:0,class:"items-center pt-[8px] gap-x-[2px]"},{default:withCtx(()=>[createVNode(_sfc_main$1,{name:"ic-error",height:"16",width:"16",class:"text-red-500"}),createVNode(_sfc_main$2,{variant:{type:{initial:"b4"},color:"red-500"}},{default:withCtx(()=>[createTextVNode(toDisplayString(e.$t("This field is required.")),1)]),_:1})]),_:1}))]),_:1}),createVNode(Wrapper,null,{default:withCtx(()=>[withDirectives(createBaseVNode("input",{id:"lastname","onUpdate:modelValue":t[1]||(t[1]=r=>form.lastname=r),type:"text",name:"lastname",required:"",placeholder:"Last Name",class:normalizeClass(["w-full rounded-[8px] border-[1px] border-border placeholder:text-light-gray px-[20px] py-[22px]",{"border-red-500":!validity.lastname}])},null,2),[[vModelText,form.lastname]]),validity.lastname?createCommentVNode("",!0):(openBlock(),createBlock(a,{key:0,class:"items-center pt-[8px] gap-x-[2px]"},{default:withCtx(()=>[createVNode(_sfc_main$1,{name:"ic-error",height:"16",width:"16",class:"text-red-500"}),createVNode(_sfc_main$2,{variant:{type:{initial:"b4"},color:"red-500"}},{default:withCtx(()=>[createTextVNode(toDisplayString(e.$t("This field is required.")),1)]),_:1})]),_:1}))]),_:1}),createVNode(Wrapper,{class:"col-span-full"},{default:withCtx(()=>[withDirectives(createBaseVNode("input",{id:"email","onUpdate:modelValue":t[2]||(t[2]=r=>form.email=r),type:"email",name:"email",placeholder:"Company Email",required:"",class:normalizeClass(["w-full rounded-[8px] border-[1px] border-border placeholder:text-light-gray px-[20px] py-[22px]",{"border-red-500":!validity.email}])},null,2),[[vModelText,form.email]]),validity.email?createCommentVNode("",!0):(openBlock(),createBlock(a,{key:0,class:"items-center pt-[8px] gap-x-[2px]"},{default:withCtx(()=>[createVNode(_sfc_main$1,{name:"ic-error",height:"16",width:"16",class:"text-red-500"}),createVNode(_sfc_main$2,{variant:{type:{initial:"b4"},color:"red-500"}},{default:withCtx(()=>[createTextVNode(toDisplayString(e.$t("Enter a valid email address.")),1)]),_:1})]),_:1}))]),_:1})]),_:1}),createVNode(Spacer,{class:"h-[24px] xl:h-[32px]"}),_hoisted_9,validity.recaptcha?createCommentVNode("",!0):(openBlock(),createBlock(a,{key:0,class:"items-center pt-[8px] gap-x-[2px]"},{default:withCtx(()=>[createVNode(_sfc_main$1,{name:"ic-error",height:"16",width:"16",class:"text-red-500"}),createVNode(_sfc_main$2,{variant:{type:{initial:"b4"},color:"red-500"}},{default:withCtx(()=>[createTextVNode(toDisplayString(e.$t("Please complete the reCAPTCHA.")),1)]),_:1})]),_:1})),createVNode(Spacer,{class:"h-[24px] xl:h-[32px]"}),e.markdown?(openBlock(),createBlock(_sfc_main$3,{key:1,src:e.markdown,class:"text-light-body font-inter text-sm tracking-normal prose-a:text-dark-blue prose-a:underline prose-a:underline-offset-[2px]"},null,8,["src"])):createCommentVNode("",!0),createVNode(Spacer,{class:"h-[24px] xl:h-[32px]"}),createBaseVNode("button",_hoisted_10,[createVNode(_sfc_main$4,{class:"w-full rounded-[8px]",type:"submit",blok:{_uid:"",component:"button",size:"medium",color:"yellow",href:{},title:e.$t("Submit"),isBold:!0}},null,8,["blok"])]),_hoisted_11],32)}}});export{_sfc_main as _};