https://ecuacopia.netlify.app/assets/FormularioB-10dc4f5f.js

1import{d as T,u as N,a as j,c as n,f as B,g as O,m as D,_ as H}from"./_default-1cf00071.js";import{d as z,r as f,a as h,b as U,e as o,w as d,v as p,n as u,g as S,f as I,t as R,h as P,i as v}from"./e-storefront-ui.es-e414ea9c.js";T("email",O);T("max",D);const J=z({props:{data:Object,api:{type:Object,default:{source_id:2551462,servicio:"",negocio:"Hardware",type:"Contáctanos"}}},setup(e){const r=f(null),E=f(!1),$={celular:"required",ruc:"required|max:13",nombre:"required",apellido:"required",email:"required|email",requerimiento:"required"},m=f(!1),c=f(!1),s=f(""),x=N(),{errors:w,handleSubmit:g,resetForm:y}=j({validationSchema:$}),{value:q}=n("celular",void 0,{}),{value:_}=n("ruc",void 0,{}),{value:k}=n("nombre",void 0,{}),{value:t}=n("apellido",void 0,{}),{value:F}=n("email",void 0),{value:L}=n("requerimiento",void 0);return{onSubmit:g(async l=>{if(m.value||c.value)return;const i=window.location.pathname.split("/");let a="home";i[i.length-1]===""?i[i.length-2]!==""&&(a=i[i.length-2]):a=i[i.length-1],m.value=!0,c.value=!0,s.value="";try{const C=fetch("/salesforce",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({origen:a,celular:l.celular,ruc:l.ruc,nombre:l.nombre,apellido:l.apellido,email:l.email,requerimiento:l.requerimiento,source_id:e.api.source_id,servicio:e.api.servicio,negocio:e.api.negocio,tipo:e.api.type})}),M=B.post("/php/sendemail",{origen:a,celular:l.celular,ruc:l.ruc,nombre:l.nombre,apellido:l.apellido,email:l.email,requerimiento:l.requerimiento}),[V]=await Promise.all([C,M]);if(!V.ok)throw new Error(`Webhook error: ${V.status}`);await V.text(),x.tooggleMensaje(),y({values:{celular:"",ruc:"",nombre:"",apellido:"",email:"",requerimiento:""}});try{const b="generated_lead_";window.dataLayer.push({event:`${b+a}`}),gtag("event",`${b+a}`,{event_id:b+a})}catch(b){console.warn("Error in gtag"),console.warn(b)}}catch{s.value="No se pudo enviar tu solicitud. Inténtalo nuevamente."}finally{c.value=!1,m.value=!1}}),formContacto:r,errors:w,disabled:E,loader:m,send:c,submitError:s,celular:q,ruc:_,nombre:k,apellido:t,email:F,requerimiento:L}}}),W={class:"flex flex-wrap relative z-2"},A={class:"w-full mb-30px"},G=["innerHTML"],K={class:"w-full mb-20px px-7px"},Q=["placeholder"],X={key:0,class:"text-red-400 text-13px poppins mt-4px"},Y={class:"w-full md:w-1/2 mb-20px px-7px"},Z=["placeholder"],ee={class:"w-full md:w-1/2 mb-20px px-7px"},oe=["placeholder"],re={class:"w-full mb-20px px-7px"},te=["placeholder"],le={class:"w-full mb-20px px-7px"},ie=["placeholder"],ae={class:"w-full mb-20px px-7px"},se=["placeholder"],ne={class:"w-full mb-20px px-7px"},de={for:"",class:"flex items-center text-white poppins text-17px font-400"},pe=o("input",{type:"checkbox",class:"checkbox"},null,-1),ue={key:0,class:"w-full mb-20px px-7px"},me={class:"border border-red-500 text-white bg-red-400 poppins text-15px font-400 px-12px py-10px"},ce={key:1,class:"w-full"},be={key:2,class:"w-full"},fe=o("span",{class:"loader-send"},null,-1),he=[fe];function ve(e,r,E,$,m,c){var s,x,w,g,y,q,_,k;return v(),h("form",{ref:"formContacto",class:"formulario-b","data-aos":"animate__slideInRight",onSubmit:r[6]||(r[6]=P((...t)=>e.onSubmit&&e.onSubmit(...t),["prevent"]))},[U(e.$slots,"back"),o("div",W,[o("div",A,[o("p",{class:"text-gris-300 font-400 gotham text-24px",innerHTML:(s=e.data)==null?void 0:s.title},null,8,G)]),o("div",K,[d(o("input",{"onUpdate:modelValue":r[0]||(r[0]=t=>e.ruc=t),type:"text",class:u(["input",{"border-b-2px !border-red-500":e.errors.ruc!=null}]),placeholder:(x=e.data)==null?void 0:x.form.ruc},null,10,Q),[[p,e.ruc]]),e.errors.ruc?(v(),h("p",X," El RUC o cédula es incorrecto (máximo 13 dígitos) ")):S("",!0)]),o("div",Y,[d(o("input",{"onUpdate:modelValue":r[1]||(r[1]=t=>e.nombre=t),type:"text",class:u(["input",{"border-b-2px !border-red-500":e.errors.nombre!=null}]),placeholder:(w=e.data)==null?void 0:w.form.nombre},null,10,Z),[[p,e.nombre]])]),o("div",ee,[d(o("input",{"onUpdate:modelValue":r[2]||(r[2]=t=>e.apellido=t),type:"text",class:u(["input",{"border-b-2px !border-red-500":e.errors.apellido!=null}]),placeholder:(g=e.data)==null?void 0:g.form.apellido}

1,null,10,oe),[[p,e.apellido]])]),o("div",re,[d(o("input",{"onUpdate:modelValue":r[3]||(r[3]=t=>e.email=t),type:"text",class:u(["input",{"border-b-2px !border-red-500":e.errors.email!=null}]),placeholder:(y=e.data)==null?void 0:y.form.email},null,10,te),[[p,e.email]])]),o("div",le,[d(o("input",{"onUpdate:modelValue":r[4]||(r[4]=t=>e.celular=t),type:"text",class:u(["input",{"border-b-2px !border-red-500":e.errors.celular!=null}]),placeholder:(q=e.data)==null?void 0:q.form.celular},null,10,ie),[[p,e.celular]])]),o("div",ae,[d(o("textarea",{"onUpdate:modelValue":r[5]||(r[5]=t=>e.requerimiento=t),type:"text",class:u(["input !h-120px pt-10px",{"border-b-2px !border-red-500":e.errors.requerimiento!=null}]),placeholder:(_=e.data)==null?void 0:_.form.requerimiento},null,10,se),[[p,e.requerimiento]])]),o("div",ne,[o("label",de,[pe,I(" "+R((k=e.data)==null?void 0:k.form.politica),1)])]),e.submitError?(v(),h("div",ue,[o("div",me,R(e.submitError),1)])):S("",!0),!e.loader&&!e.send?(v(),h("div",ce,[U(e.$slots,"btn")])):S("",!0),e.loader?(v(),h("div",be,he)):S("",!0)])],544)}const ye=H(J,[["render",ve]]);export{ye as F};