2 lines
6.7 KiB
JavaScript
2 lines
6.7 KiB
JavaScript
import{_ as R,p as G,B as Z,C as m,Y as H,D as J,c as K,d as Y,e as r,j as Q,x as d,H as h,h as o,E as a,G as s,y as u,I as W,l as X,w as _,i as ee,v as oe,q as te,b as re,m as le,s as ie}from"./index-BmU8V2V2.js";import{P as de}from"./PrimaryButton-Bm01EosZ.js";import{u as ae}from"./vee-validate-uNXg2txt.js";import{c as se}from"./create-actualizacion-datos-usuario.action-CxcN_O1G.js";const ne="/assets/img42-BKxtbwGT.webp",me={class:"mx-auto py-8 px-4 sm:px-6 lg:px-8 max-w-4xl"},ue={class:"grid grid-cols-1 md:grid-cols-2 gap-4 text-"},pe={class:"md:col-span-2 grid grid-cols-1 md:grid-cols-3 gap-4"},ce={class:"md:col-span-2 flex items-center mt-4"},ve={class:"flex items-center"},be=["href"],fe={class:"mt-6 flex justify-start"},xe={__name:"UpdateInfoView",setup(ge){const p=G(),P=te(),S=Z({tipoPersona:m().required(),name:m().required(),movil1:m().required(),movil2:m().required(),email:m().required().email(),emailConfirm:m().oneOf([H("email")],"Los correos electrónicos deben coincidir").required(),codigo:m().required(),tipoUsuario:m().required(),direccion:m().required(),tipoDocumento:m().required(),documento:m().required(),terminos:J().oneOf([!0]).required()}),{values:we,defineField:i,errors:n,handleSubmit:I,resetForm:Ue}=ae({validationSchema:S}),[c,N]=i("tipoPersona"),[v,T]=i("name"),[b,j]=i("movil1"),[f,k]=i("movil2"),[x,E]=i("email"),[g,B]=i("emailConfirm"),[w,O]=i("codigo"),[U,$]=i("tipoUsuario"),[A,L]=i("direccion"),[C,M]=i("tipoDocumento"),[y,z]=i("documento"),[V,F]=i("terminos"),q=I(l=>{const e={tipo_persona:l.tipoPersona,name:l.name,movil1:l.movil1,movil2:l.movil2,email:l.email,codigo:l.codigo,tipo_usuario:l.tipoUsuario,direccion:l.direccion,tipo_documento:l.tipoDocumento,documento:l.documento,validacion_otp:!1};se(e).then(t=>{t.error?p.error(t.message):(p.success(t.message),P.push({name:"verificacionOtp",params:{movil:l.movil1}}))}).catch(t=>{p.error(t.message),console.error(t)})}),D=K(()=>ie.contrast);return(l,e)=>(re(),Y("div",me,[r("form",{class:ee([{"bg-black":D.value,"bg-white":!D.value},"rounded-xl shadow-lg px-8 py-6"]),onSubmit:e[12]||(e[12]=oe((...t)=>o(q)&&o(q)(...t),["prevent"]))},[e[19]||(e[19]=Q('<div class="bg-[#284d92] text-white rounded-xl mb-6 py-4 lg:py-0 flex flex-col sm:flex-row items-center" data-v-e61f631b><div class="flex-1 text-center" data-v-e61f631b><h1 class="text-3xl sm:text-4xl font-bold" data-v-e61f631b>¡ACTUALIZA TUS DATOS!</h1><p class="text-lg sm:text-2xl mt-2 font-semibold" data-v-e61f631b> Esto nos permitirá brindarte una <br data-v-e61f631b> mejor atención </p></div><img src="'+ne+'" alt="Laptop Image" class="w-32 sm:w-60 h-auto object-cover mt-4 sm:mt-0 sm:mr-4" data-v-e61f631b></div><h2 class="text-[#6d707a] text-xl sm:text-2xl font-semibold text-center mb-4" data-v-e61f631b> Diligencia el formulario toma solo un momento </h2>',2)),r("div",ue,[d(r("select",a({"onUpdate:modelValue":e[0]||(e[0]=t=>s(c)?c.value=t:null)},o(N),{id:"tipoPersona",class:["p-3 border rounded-lg shadow-md bg-white",{"border-red-500":o(n).tipoPersona}]}),e[13]||(e[13]=[r("option",{value:"",selected:""},"Selecciona un tipo de persona",-1),r("option",{value:"natural"},"Persona Natural",-1),r("option",{value:"juridica"},"Persona Jurídica",-1)]),16),[[h,o(c)]]),d(r("input",a({"onUpdate:modelValue":e[1]||(e[1]=t=>s(v)?v.value=t:null)},o(T),{id:"name",type:"text",placeholder:"Nombres completos o razón social",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).name}]}),null,16),[[u,o(v)]]),d(r("input",a({"onUpdate:modelValue":e[2]||(e[2]=t=>s(b)?b.value=t:null)},o(j),{id:"movil1",type:"text",placeholder:"Celular",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).movil1}]}),null,16),[[u,o(b)]]),d(r("input",a({"onUpdate:modelValue":e[3]||(e[3]=t=>s(f)?f.value=t:null)},o(k),{id:"movil2",type:"text",placeholder:"Celular alternativo",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).movil2}]}),null,16),[[u,o(f)]]),d(r("input",a({"onUpdate:modelValue":e[4]||(e[4]=t=>s(x)?x.value=t:null)},o(E),{id:"email",type:"email",placeholder:"Correo electrónico",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).email}]}),null,16),[[u,o(x)]]),d(r("input",a({"onUpdate:modelValue":e[5]||(e[5]=t=>s(g)?g.value=t:null)},o(B),{id:"emailConfirm",type:"email",placeholder:"Confirme correo electrónico",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).emailConfirm}]}),null,16),[[u,o(g)]]),d(r("input",a({"onUpdate:modelValue":e[6]||(e[6]=t=>s(w)?w.value=t:null)},o(O),{id:"codigo",type:"text",placeholder:"Código de usuario",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).codigo}]}),null,16),[[u,o(w)]]),d(r("select",a({"onUpdate:modelValue":e[7]||(e[7]=t=>s(U)?U.value=t:null)},o($),{id:"tipoUsuario",class:["p-3 border rounded-lg shadow-md bg-white",{"border-red-500":o(n).tipoUsuario}]}),e[14]||(e[14]=[r("option",{value:"",disabled:"",selected:""},"Seleccione tipo de usuario",-1),r("option",{value:"titular"},"Titular",-1),r("option",{value:"inquilino"},"Inquilino",-1)]),16),[[h,o(U)]]),e[17]||(e[17]=r("div",{class:"md:col-span-2 text-gray-600"}," El código que aparece en la factura del gas ",-1)),r("div",pe,[d(r("input",a({"onUpdate:modelValue":e[8]||(e[8]=t=>s(A)?A.value=t:null)},o(L),{id:"direccion",type:"text",placeholder:"Dirección",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).direccion}]}),null,16),[[u,o(A)]]),d(r("select",a({"onUpdate:modelValue":e[9]||(e[9]=t=>s(C)?C.value=t:null)},o(M),{id:"tipoDocumento",class:["p-3 border rounded-lg shadow-md bg-white",{"border-red-500":o(n).tipoDocumento}]}),e[15]||(e[15]=[r("option",{value:"",disabled:"",selected:""},"Seleccione tipo de documento",-1),r("option",{value:"cedula_extranjera"},"Cédula Extranjera",-1),r("option",{value:"cedula_ciudadania"},"Cédula de Ciudadanía",-1),r("option",{value:"nit"},"NIT",-1)]),16),[[h,o(C)]]),d(r("input",a({"onUpdate:modelValue":e[10]||(e[10]=t=>s(y)?y.value=t:null)},o(z),{id:"documento",type:"text",placeholder:"Número de documento",class:["p-3 border rounded-lg shadow-md",{"border-red-500":o(n).documento}]}),null,16),[[u,o(y)]])]),r("div",ce,[r("label",ve,[d(r("input",a({"onUpdate:modelValue":e[11]||(e[11]=t=>s(V)?V.value=t:null)},o(F),{id:"terminos",class:"input",type:"checkbox"}),null,16),[[W,o(V)]]),e[16]||(e[16]=r("span",{class:"custom-checkbox drop-shadow-md"},null,-1))]),r("a",{href:l.$router.resolve({name:"contract"}).href,target:"_blank",rel:"noopener noreferrer",class:"ml-2 text-sm hover:underline"}," Acepto política de privacidad y tratamiento de datos personales ",8,be)])]),r("div",fe,[X(de,{type:"submit",class:"px-6 py-3 w-full md:w-auto bg-[#284d92] text-white rounded-lg shadow-md"},{default:_(()=>e[18]||(e[18]=[le(" ENVIAR ACTUALIZACIONES ")])),_:1})])],34)]))}},he=R(xe,[["__scopeId","data-v-e61f631b"]]);export{he as default};
|