https://www.per-capital.com/_next/static/chunks/373.7a8c102f916ef8b9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[373],{61373:function(e,a,r){r.r(a),r.d(a,{CustomerSupport:function(){return ei}});var t=r(57437),s=r(2265),i=r(99376),o=r(29501),n=r(13590),l=r(35897);r(83079);var d=r(12119),c=(0,d.$)("2ff3bb6b247feb71016608bb2f013136f3aeb90e"),m=(0,d.$)("82f444d9f7f1e3265a548974a15a81c72bdaeafe");let u={verificacion:["- La verificaci\xf3n tarda de 5 a 10 d\xedas h\xe1biles.","- Aseg\xfarate de haber completado 100% de registro.","- Aseg\xfarate de haber subido C.I. y Selfie.","- Si tienes retraso envia un mensaje detallando tu situaci\xf3n."],acceso:["- Si ya eres inversionista y editaste tu perfil, entras nuevamente en verificaci\xf3n.","- Aseg\xfarate de estar conectado a internet.","- Aseg\xfarate de no colocar espacios al escribir tu correo o contrase\xf1a.","-Si presentas alguna incidencia env\xeda captura de pantalla con el c\xf3digo de error y completa breve descripci\xf3n."],suscripcion:["- Aseg\xfarate de haber subido tu comprobante de pago.","- Aseg\xfarate de haber enviado pago desde tu cuenta y no de un tercero.","- Los saldos se actualizan en d\xedas h\xe1biles bancarios.","- Los saldos se calculan despu\xe9s del cierre de la Bolsa y publicaci\xf3n de la tasa oficial por parte del BCV.","- Si presentas alguna incidencia env\xeda captura de pantalla con el c\xf3digo de error y completa breve descripci\xf3n."],rescate:["- Aseg\xfarate de haber cargado bien tu numero de cuenta bancario.","- Aseg\xfarate de que tu banco no presente retrasos en abono en tu cuenta.","- Los rescates se procesan en hasta 8 d\xedas h\xe1biles bancarios.","- Si presentas alguna incidencia completa breve descripci\xf3n."],otro:["- Si presentas alguna incidencia completa breve descripci\xf3n."]};var x=r(92934),p=r(78867),f=r(84154),h=r(83240),g=r(32489),b=r(61994),j=r(53335);function v(){for(var e=arguments.length,a=Array(e),r=0;r<e;r++)a[r]=arguments[r];return(0,j.m6)((0,b.W)(a))}let y=h.fC,N=h.xz,w=h.h_;h.x8;let C=s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(h.aV,{ref:a,className:v("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",r),...s})});C.displayName=h.aV.displayName;let R=s.forwardRef((e,a)=>{let{className:r,children:s,...i}=e;return(0,t.jsxs)(w,{children:[(0,t.jsx)(C,{}),(0,t.jsxs)(h.VY,{ref:a,className:v("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",r),...i,children:[s,(0,t.jsxs)(h.x8,{className:"absolute right-4 top-4 roun

1ded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,t.jsx)(g.Z,{className:"h-4 w-4"}),(0,t.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});R.displayName=h.VY.displayName;let k=e=>{let{className:a,...r}=e;return(0,t.jsx)("div",{className:v("flex flex-col space-y-1.5 text-center sm:text-left",a),...r})};k.displayName="DialogHeader";let _=s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(h.Dx,{ref:a,className:v("text-lg font-semibold leading-none tracking-tight",r),...s})});_.displayName=h.Dx.displayName;let S=s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(h.dk,{ref:a,className:v("text-sm text-muted-foreground",r),...s})});S.displayName=h.dk.displayName;var z=r(37053),A=r(370),F=r(90535);let V=(0,F.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),Z=s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(A.f,{ref:a,className:v(V(),r),...s})});Z.displayName=A.f.displayName;let I=o.RV,L=s.createContext(null),D=e=>{let{...a}=e;return(0,t.jsx)(L.Provider,{value:{name:a.name},children:(0,t.jsx)(o.Qr,{...a})})},E=()=>{let e=s.useContext(L),a=s.useContext(B),{getFieldState:r,formState:t}=(0,o.Gc)();if(!e)throw Error("useFormField should be used within <FormField>");if(!a)throw Error("useFormField should be used within <FormItem>");let i=r(e.name,t),{id:n}=a;return{id:n,name:e.name,formItemId:"".concat(n,"-form-item"),formDescriptionId:"".concat(n,"-form-item-description"),formMessageId:"".concat(n,"-form-item-message"),...i}},B=s.createContext(null),P=s.forwardRef((e,a)=>{let{className:r,...i}=e,o=s.useId();return(0,t.jsx)(B.Provider,{value:{id:o},children:(0,t.jsx)("div",{ref:a,className:v("space-y-2",r),...i})})});P.displayName="FormItem";let U=s.forwardRef((e,a)=>{let{className:r,...s}=e,{error:i,formItemId:o}=E();return(0,t.jsx)(Z,{ref:a,className:v(i&&"text-destructive",r),htmlFor:o,...s})});U.displayName="FormLabel";let T=s.forwardRef((e,a)=>{let{...r}=e,{error:s,formItemId:i,formDescriptionId:o,formMessageId:n}=E();return(0,t.jsx)(z.g7,{ref:a,id:i,"aria-describedby":s?"".concat(o," ").concat(n):"".concat(o),"aria-invalid":!!s,...r})});T.displayName="FormControl",s.forwardRef((e,a)=>{let{className:r,...s}=e,{formDescriptionId:i}=E();return(0,t.jsx)("p",{ref:a,id:i,className:v("text-[0.8rem] text-muted-foreground",r),...s})}).displayName="FormDescription";let M=s.forwardRef((e,a)=>{var r;let{className:s,children:i,...o}=e,{error:n,formMessageId:l}=E(),d=n?String(null!==(r=null==n?void 0:n.message)&&void 0!==r?r:""):i;return d?(0,t.jsx)("p",{ref:a,id:l,className:v("text-[0.8rem] font-medium text-destructive",s),...o,children:d}):null});M.displayName="FormMessage";var q=r(77497),Y=r(40875),$=r(22135),G=r(30401);let O=q.fC;q.ZA;let J=q.B4,W=s.forwardRef((e,a)=>{let{className:r,children:s,...i}=e;return(0,t.jsxs)(q.xz,{ref:a,className:v("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",r),...i,children:[s,(0,t.jsx)(q.JO,{asChild:!0,children:(0,t.jsx)(Y.Z,{className:"h-4 w-4 opacity-50"})})]})});W.displayName=q.xz.displayName;let H=s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(q.u_,{ref:a,className:v("flex cursor-default items-center justify-center py-1",r),...s,children:(0,t.jsx)($.Z,{className:"h-4 w-4"})})});H.displayName=q.u_.displayName;let K=s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(q.$G,{ref:a,className:v("flex cursor-default items-center justify-center py-1",r),...s,children:(0,t.jsx)(Y.Z,{className:"h-4 w-4"})})});K.displayName=q.$G.displayName;let Q=s.forwardRef((e,a)=>{let{className:r,children:s,position:i="popper",...o}=e;return(0,t.jsx)(q.h_,{children:(0,t.jsxs)(q.VY,{ref:a,className:v("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]","popper"===i&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",r),position:i,...o,children:[(0,t.jsx)(H,{}),(0,t.jsx)(q.l_,{className:v("p-1","popper"===i&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:s}),(0,t.jsx)(K,{})]})})});Q.displayName=q.VY.displayName,s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(q.__,{ref:a,className:v("px-2 py-1.5 text-sm font-semibold",r),...s})}).displayName=q.__.displayName;let X=s.forwardRef((e,a)=>{let{className:r,children:s,...i}=e;return(0,t.jsxs)(q.ck,{ref:a,className:v("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),...i,children:[(0,t.jsx)("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,t.jsx)(q.wU,{children:(0,t.jsx)(G.Z,{className:"h-4 w-4"})})}),(0,t.jsx)(q.eT,{children:s})]})});X.displayName=q.ck.displayName,s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)(q.Z0,{ref:a,className:v("-mx-1 my-1 h-px bg-muted",r),...s})}).displayName=q.Z0.displayName;let ee=s.forwardRef((e,a)=>{let{className:r,type:s,...i}=e;return(0,t.jsx)("input",{type:s,className:v("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",r),ref:a,...i})});ee.displayName="Input";let ea=s.forwardRef((e,a)=>{let{className:r,...s}=e;return(0,t.jsx)("textarea",{className:v("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",r),ref:a,...s})});ea.displayName="Textarea";let er=(0,F.j)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),et=s.forwardRef((e,a)=>{let{className:r,variant:s,size:i,asChild:o=!1,...n}=e,l=o?z.g7:"button";return(0,t.jsx)(l,{className:v(er({variant:s,size:i,className:r})),ref:a,...n})});et.displayName="Button";let es=l.Ryn({cedula:l.Z_8().min(5,"Campo Requerido").max(8,"C\xe9dula demasiado larga").regex(/^[0-9]+$/,"La c\xe9dula solo debe contener n\xfameros"),nombres:l.Z_8().min(4,"Campo Requerido"),apellidos:l.Z_8().min(4,"Campo Requerido"),emailUser:l.Z_8().min(1,"Requerido").trim().refine(e=>!e.includes("@"),"No incluya el @"),emailDomain:l.Z_8().min(1,"Seleccione un dominio"),correo:l.Z_8().optional(),incidencia:l.KmV(["verificacion","acceso","suscripcion","rescate","otro"]),comentario:l.Z_8().min(10,"Por favor describa el problema"),archivo:l.YjB().transform(e=>e instanceof FileList?Array.from(e):Array.isArray(e)?e:[]).refine(e=>

1e.length<=3,"M\xe1ximo 3 archivos permitidos").refine(e=>e.every(e=>e.size<=5242880),"Cada archivo debe ser menor a 5MB")});function ei(e){let{initialOpen:a=!1}=e,[r,l]=(0,s.useState)(a),[d,h]=(0,s.useState)(!1),[g,b]=(0,s.useState)(!1),[j,v]=(0,s.useState)(""),w=(0,i.useSearchParams)(),C=(0,i.usePathname)(),z=(0,i.useRouter)();(0,s.useEffect)(()=>{"true"===w.get("support")&&l(!0)},[w]);let A=(0,o.cI)({resolver:(0,n.F)(es),defaultValues:{cedula:"",nombres:"",apellidos:"",correo:"",emailUser:"",emailDomain:"@gmail.com",incidencia:"verificacion",comentario:"",archivo:[]}}),F=A.watch("incidencia"),V=e=>{if(l(e),!e){let e=new URLSearchParams(w);e.delete("support"),z.replace("".concat(C,"?").concat(e.toString())),A.reset(),setTimeout(()=>{b(!1),v(""),A.reset()},300)}};async function Z(e,a){h(!0);try{var r,t,s;let i="".concat(e.emailUser).concat(e.emailDomain),o=new FormData;o.append("cedula",e.cedula),o.append("nombres",e.nombres),o.append("apellidos",e.apellidos),o.append("correo",i),o.append("incidencia",e.incidencia),o.append("comentario",e.comentario);let n=null==a?void 0:null===(t=a.target)||void 0===t?void 0:null===(r=t.verification_code_field)||void 0===r?void 0:r.value;o.append("verification_code_field",n||""),e.archivo&&e.archivo.length>0&&e.archivo.forEach(e=>{o.append("archivo",e)});let l=await c(o);if(l.success)l.isBot||await m(o,null!==(s=l.filePaths)&&void 0!==s?s:[]),v(l.ticketNumber),b(!0),A.reset();else throw Error(l.error)}catch(e){console.error(e),alert("Error al enviar.")}finally{h(!1)}}return(0,t.jsx)("div",{className:"fixed bottom-6 right-6 z-50",children:(0,t.jsxs)(y,{open:r,onOpenChange:V,children:[(0,t.jsx)(N,{asChild:!0,children:(0,t.jsx)(et,{size:"icon","aria-label":"Abrir soporte al cliente",className:"h-14 w-14 rounded-full shadow-2xl bg-per-blue hover:bg-per-blueLight transition-all hover:scale-110 [&_svg]:size-7",children:(0,t.jsx)(f.cNh,{size:36,className:"text-white","aria-hidden":"true"})})}),(0,t.jsx)(R,{"aria-describedby":void 0,className:"sm:max-w-[500px] max-h-[90vh] overflow-y-auto",children:g?(0,t.jsxs)("div",{className:"py-6 text-center animate-in fade-in zoom-in duration-300",children:[(0,t.jsx)("div",{className:"mx-auto h-16 w-16 bg-green-100 rounded-full flex items-center justify-center mb-4",children:(0,t.jsx)(x.Z,{className:"h-10 w-10 text-green-600"})}),(0,t.jsxs)(k,{children:[(0,t.jsx)(_,{className:"text-center text-3xl font-bold text-[#071032]",children:"\xa1Solicitud Enviada!"}),(0,t.jsxs)(S,{className:"text-center text-slate-600",children:["Su incidencia ha sido registrada correctamente. ",(0,t.jsx)("br",{})," Nos podremos en contacto con usted."]})]}),(0,t.jsxs)("div",{className:"mt-6 p-6 bg-slate-50 border-2 border-dashed rounded-xl",children:[(0,t.jsx)("p",{className:"text-[10px] font-bold text-slate-400 uppercase mb-2",children:"Ticket de Referencia"}),(0,t.jsxs)("div",{className:"flex items-center justify-center gap-3",children:[(0,t.jsx)("code",{className:"text-3xl font-mono font-bold text-blue-600",children:j}),(0,t.jsx)(et,{size:"icon",variant:"ghost",onClick:()=>navigator.clipboard.writeText(j),children:(0,t.jsx)(p.Z,{className:"h-4 w-4"})})]})]}),(0,t.jsx)(et,{className:"mt-8 w-full",onClick:()=>V(!1),children:"Entendido"})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(k,{children:(0,t.jsx)(_,{className:"text-xl font-bold",children:"Soporte al Cliente"})}),(0,t.jsx)(I,{...A,children:(0,t.jsxs)("form",{onSubmit:A.handleSubmit(Z),className:"space-y-4 pt-2",children:[(0,t.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:(0,t.jsx)(D,{control:A.control,name:"cedula",render:e=>{let{field:a}=e;return(0,t.jsxs)(P,{children:[(0,t.jsx)(U,{children:"Nro C\xe9dula"}),(0,t.jsx)(T,{children:(0,t.jsx)(ee,{placeholder:"12345678",...a,inputMode:"numeric",onChange:e=>{let r=e.target.value.replace(/[^0-9]/g,"");a.onChange(r.slice(0,8))}})}),(0,t.jsx)(M,{})]})}})}),(0,t.jsxs)("div",{className:"flex flex-row items-end",children:[(0,t.jsx)(D,{control:A.control,name:"emailUser",render:e=>{let{field:a}=e;return(0,t.jsxs)(P,{className:"flex-1 min-w-0",children:[(0,t.jsx)(U,{children:"Correo Electr\xf3nico"}),(0,t.jsx)(T,{children:(0,t.jsx)(ee,{className:"rounded-r-none border-r-0 focus-visible:ring-0 focus-visible:ring-offset-0",placeholder:"correo sin @dominio.com",...a,onChange:e=>a.onChange(e.target.value.replace(/[@\s]/g,"").toLowerCase())})})]})}}),(0,t.jsx)(D,{control:A.control,name:"emailDomain",render:e=>{let{field:a}=e;return(0,t.jsx)(P,{className:"w-1/2 sm:w-1/2",children:(0,t.jsxs)(O,{onValueChange:a.onChange,defaultValue:a.value,children:[(0,t.jsx)(T,{children:(0,t.jsx)(W,{className:"rounded-l-none bg-slate-50 focus:ring-0 border-l-[#e2e8f0]",children:(0,t.jsx)(J,{placeholder:"@gmail.com"})})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(X,{value:"@gmail.com",children:"@gmail.com"}),(0,t.jsx)(X,{value:"@outlook.com",children:"@outlook.com"}),(0,t.jsx)(X,{value:"@hotmail.com",children:"@hotmail.com"}),(0,t.jsx)(X,{value:"@yahoo.com",children:"@yahoo.com"})]})]})})}})]}),(0,t.jsx)("div",{className:"mt-1",children:A.formState.errors.emailUser&&(0,t.jsx)("p",{className:"text-sm font-medium text-destructive",children:A.formState.errors.emailUser.message})}),(0,t.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[(0,t.jsx)(D,{control:A.control,name:"nombres",render:e=>{let{field:a}=e;return(0,t.jsxs)(P,{children:[(0,t.jsx)(U,{children:"Nombres"}),(0,t.jsx)(T,{children:(0,t.jsx)(ee,{placeholder:"Juan",...a})}),(0,t.jsx)(M,{})]})}}),(0,t.jsx)(D,{control:A.control,name:"apellidos",render:e=>{let{field:a}=e;return(0,t.jsxs)(P,{children:[(0,t.jsx)(U,{children:"Apellidos"}),(0,t.jsx)(T,{children:(0,t.jsx)(ee,{placeholder:"P\xe9rez",...a})}),(0,t.jsx)(M,{})]})}})]}),(0,t.jsx)(D,{control:A.control,name:"incidencia",render:e=>{let{field:a}=e;return(0,t.jsxs)(P,{children:[(0,t.jsx)(U,{children:"Tipo de Incidencia"}),(0,t.jsxs)(O,{onValueChange:a.onChange,defaultValue:a.value,children:[(0,t.jsx)(T,{children:(0,t.jsx)(W,{children:(0,t.jsx)(J,{placeholder:"Seleccione el motivo"})})}),(0,t.jsxs)(Q,{children:[(0,t.jsx)(X,{value:"verificacion",children:"Verificaci\xf3n y Registro"}),(0,t.jsx)(X,{value:"acceso",children:"Acceso / Inicio de Sesi\xf3n"}),(0,t.jsx)(X,{value:"suscripcion",children:"Suscripci\xf3n"}),(0,t.jsx)(X,{value:"rescate",children:"Rescate"}),(0,t.jsx)(X,{value:"otro",children:"Otro"})]})]}),(0,t.jsx)(M,{})]})}}),F&&(0,t.jsxs)("div",{className:"p-4 bg-blue-50 border border-blue-100 rounded-lg animate-in fade-in slide-in-from-top-2",children:[(0,t.jsx)("p",{className:"text-xs font-semibold text-blue-900 uppercase tracking-wider mb-1",children:"Nota de Soporte"}),(0,t.jsx)("p",{className:"text-sm text-blue-800 leading-relaxed italic",children:u[F].map((e,a)=>(0,t.jsxs)("span",{children:[e,(0,t.jsx)("br",{})]},a))})]}),("acceso"===F||"suscripcion"===F||"otro"===F)&&(0,t.jsx)(D,{control:A.control,name:"archivo",render:e=>{let{field:{value:a,onChange:r,...s}}=e;return(0,t.jsxs)(P,{className:"space-y-3",children:[(0,t.jsxs)(U,{className:"flex justify-between items-center",children:[(0,t.jsxs)("span",{children:["acceso"===F?"Capturas del Error":"Comprobantes (PDF/Imagen)",(0,t.jsxs)("span",{className:"text-xs font-normal text-muted-foreground ml-2",children:["(",(null==a?void 0:a.length)||0,"/3)"]})]}),A.watch("archivo")&&A.watch("archivo").length>0&&(0,t.jsx)(et,{type:"button",variant:"ghost",size:"sm",className:"h-7 px-2 text-red-600 hover:text-red-700 hover:bg-red-50 text-xs",onClick:()=>A.setValue("archivo",[]),children:"Limpiar todos"})]}),(0,t.jsx)(T,{children:(0,t.jsx)(ee,{type:"file",multiple:!0,className:"cursor-pointer file:cursor-pointer",accept:"suscripcion"===F||"otro"===F?"image/*,application/pdf":"image/*",disabled:s.disabled||(null==a?void 0:a.length)>=3,onChange:e=>{let t=Array.from(e.target.files||[]);r([...Array.from(a||[]),...t].slice(0,3)),e.target.value=""},name:s.name,onBlur:s.onBlur,ref:s.ref})}),A.watch("archivo")&&A.watch("archivo").length>0&&(0,t.jsxs)("div",{className:"bg-slate-50 rounded-md p-3 border border-dashed border-slate-300",children:[(0,t.jsx)("p",{className:"text-[10px] font-bold text-slate-500 uppercase mb-2",children:"Archivos seleccionados:"}),(0,t.jsx)("ul",{className:"space-y-1",children:Array.from(A.watch("archivo")||[]).map((e,a)=>(0,t.jsxs)("li",{className:"text-xs flex justify-between items-center text-slate-700 bg-white p-1.5 rounded border",children:[(0,t.jsx)("span",{className:"truncate flex-1 mr-2 font-medium",children:e.name}),(0,t.jsxs)("span",{className:"text-[10px] text-slate-400 mr-2",children:[(e.size/1024/1024).toFixed(2)," ","MB"]}),(0,t.jsx)("button",{type:"button",onClick:()=>{let e=Array.from(A.getValues("archivo")||[]).filter((e,r)=>r!==a);A.setValue("archivo",e)},className:"text-red-500 hover:text-red-700 transition-colors p-0.5",children:(0,t.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,t.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},a))})]}),(0,t.jsx)(M,{})]})}}),(0,t.jsx)("div",{className:"hidden","aria-hidden":"true",children:(0,t.jsx)("input",{type:"text",name:"verification_code_field",autoComplete:"off",tabIndex:-1})}),(0,t.jsx)(D,{control:A.control,name:"comentario",render:e=>{let{field:a}=e;return(0,t.jsxs)(P,{children:[(0,t.jsx)(U,{children:"Descripci\xf3n de Incidencia"}),(0,t.jsx)(T,{children:(0,t.jsx)(ea,{placeholder:"Por favor, detalla tu solicitud...",className:"min-h-[100px] resize-none",...a})}),(0,t.jsx)(M,{})]})}}),(0,t.jsx)(et,{type:"submit",className:"w-full h-11 bg-[#071032] hover:bg-[#071032]/80 font-semibold",disabled:d,children:d?(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"h-4 w-4 border-2 border-white/30 border-t-white rounded-full animate-spin"}),"Procesando..."]}):"Crear Ticket"})]})})]})})]})})}}}]);