https://jerez.gob.mx/assets/ModalPagarPredial-jIZUp4qN.js

1import{j as e}from"./vendor-animation-DBP8ywQX.js";import{r as n}from"./vendor-react-GVYNSRbb.js";import{X as w}from"./x-DjRftx6w.js";import{S as v}from"./shield-check-BsUmd_r2.js";import{p}from"./index-DAtXoX26.js";import{A as j}from"./arrow-right-CgeBZbYt.js";/**
2 * @license lucide-react v0.487.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const N=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],k=p("check",N);/**
7 * @license lucide-react v0.487.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const C=[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]],R=p("copy",C);/**
12 * @license lucide-react v0.487.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const E=[["line",{x1:"4",x2:"20",y1:"9",y2:"9",key:"4lhtct"}],["line",{x1:"4",x2:"20",y1:"15",y2:"15",key:"vyu0kd"}],["line",{x1:"10",x2:"8",y1:"3",y2:"21",key:"1ggp8o"}],["line",{x1:"16",x2:"14",y1:"3",y2:"21",key:"weycgp"}]],P=p("hash",E),_="https://portal-ciudadano.jerez.gob.mx/tramites-servicios/catastro-y-predial/pago-del-impuesto-predial",A="cubic-bezier(0.34, 1.4, 0.64, 1)",L="cubic-bezier(0.4, 0, 1, 1)",$=s=>{const r=document.querySelectorAll("[data-pagar-predial]");for(const a of r){const t=a.getBoundingClientRect();if(t.width>0&&t.height>0&&t.bottom>0&&t.top<window.innerHeight)return{top:t.top,left:t.left,right:t.right,bottom:t.bottom,width:t.width,height:t.height}}return s},f=(s,r,a)=>{if(!s)return`inset(42% 42% 42% 42% round ${a})`;const t=s.top-r.top,l=s.left-r.left,d=r.bottom-s.bottom,m=r.right-s.right;return`inset(${t}px ${m}px ${d}px ${l}px round ${a})`},H=({isOpen:s,onClose:r,origin:a})=>{const t=n.useRef(null),l=n.useRef(null),d=n.useRef(!1),[m,h]=n.useState(!1);n.useLayoutEffect(()=>{if(!s)return;const o=t.current;if(!o)return;const c=o.getBoundingClientRect(),x=f(a,c,"44px"),u="inset(0px round 28px)";o.style.clipPath=x,o.style.opacity="1",o.animate([{clipPath:x},{clipPath:u}],{duration:550,easing:A,fill:"forwards"}),l.current&&l.current.animate([{opacity:0},{opacity:1}],{duration:300,fill:"forwards"})},[s,a]);const i=()=>{if(d.current)return;const o=t.current;if(!o)return r();d.current=!0;

16const c=o.getBoundingClientRect(),x=$(a),u="inset(0px round 28px)",g=f(x,c,"44px");l.current&&l.current.animate([{opacity:1},{opacity:0}],{duration:300,fill:"forwards"});const y=o.animate([{clipPath:u},{clipPath:g}],{duration:320,easing:L,fill:"forwards"});y.onfinish=()=>r()};n.useEffect(()=>{if(!s)return;const o=c=>c.key==="Escape"&&i();return document.body.style.overflow="hidden",window.addEventListener("keydown",o),()=>{document.body.style.overflow="",window.removeEventListener("keydown",o)}},[s]);const b=()=>{navigator.clipboard?.writeText("0-0-0-0-0-0-0-0-0-0"),h(!0),setTimeout(()=>h(!1),1800)};return s?e.jsxs("div",{className:"fixed inset-0 z-[100] flex items-center justify-center p-4 sm:p-6",role:"dialog","aria-modal":"true","aria-labelledby":"predial-title",children:[e.jsx("div",{ref:l,onClick:i,className:"absolute inset-0 bg-slate-950/50 backdrop-blur-sm",style:{opacity:0}}),e.jsxs("div",{ref:t,className:"relative w-full max-w-lg bg-white rounded-[28px] shadow-2xl overflow-hidden",style:{opacity:0},children:[e.jsxs("div",{className:"relative px-6 sm:px-8 pt-7 pb-2",children:[e.jsx("button",{onClick:i,"aria-label":"Cerrar",className:`absolute top-5 right-5 grid place-items-center w-9 h-9 rounded-full
17                       text-slate-400 hover:bg-slate-100 hover:text-slate-600 transition-colors`,children:e.jsx(w,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex items-center gap-3.5",children:[e.jsx("div",{className:"grid place-items-center w-12 h-12 rounded-2xl bg-blue-100 shrink-0",children:e.jsx(v,{className:"w-6 h-6 text-blue-600","aria-hidden":"true"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-blue-500 text-xs font-semibold uppercase tracking-wider",children:"Pago de Predial"}),e.jsx("h2",{id:"predial-title",className:"text-xl sm:text-2xl font-extrabold text-slate-900 leading-tight",children:"Aviso importante"})]})]})]}),e.jsxs("div",{className:"px-6 sm:px-8 pt-4 pb-7 bg-white relative",children:[e.jsxs("p",{className:"text-sm sm:text-base text-slate-600 leading-relaxed",children:["Algunos usuarios tienen problemas al pagar su predial en línea porque la"," ",e.jsx("span",{className:"font-semibold text-slate-800",children:"clave catastral"})," no se ingresa en el formato correcto. Asegúrate de respetar exactamente este formato:"]}),e.jsxs("div",{className:"mt-4 flex items-center gap-3 bg-blue-50 border border-blue-100 rounded-2xl px-4 py-3.5",children:[e.jsx(P,{className:"w-5 h-5 text-blue-600 shrink-0","aria-hidden":"true"}),e.jsx("code",{className:"flex-1 font-mono text-base sm:text-lg font-bold text-blue-700 tracking-wide",children:"0-0-0-0-0-0-0-0-0-0"}),e.jsx("button",{onClick:b,"aria-label":"Copiar formato",className:`grid place-items-center w-9 h-9 rounded-full bg-white text-blue-600
18                         hover:bg-blue-100 transition-colors shadow-sm border border-blue-100`,children:m?e.jsx(k,{className:"w-4 h-4 text-green-600"}):e.jsx(R,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"mt-4 text-sm text-slate-600 bg-slate-50 rounded-2xl px-4 py-3 border border-slate-100",children:[e.jsx("span",{className:"block text-xs font-semibold text-slate-400 uppercase tracking-wide mb-1",children:"Ejemplo"}),"Incluye todos los números y guiones tal como aparecen en tu documento:"," ",e.jsx("span",{className:"font-mono font-semibold text-slate-800",children:"32-5-20-1-1-xxx-xxx-xxxxx-0-0"})]}),e.jsxs("div",{className:"mt-7 flex flex-col-reverse sm:flex-row sm:justify-end gap-3",children:[e.jsx("button",{onClick:i,className:`px-6 h-11 rounded-full font-semibold text-sm text-blue-700
19                         hover:bg-blue-50 active:bg-blue-100 transition-colors`,children:"Cancelar"}),e.jsxs("a",{href:_,target:"_blank",rel:"noopener noreferrer",onClick:i,className:`inline-flex items-center justify-center gap-2 px-6 h-11 rounded-full
20                         font-semibold text-sm text-white bg-blue-600 hover:bg-blue-700
21                         shadow-md hover:shadow-lg active:scale-[0.98] transition-all`,children:["Continuar al portal",e.jsx(j,{className:"w-4 h-4","aria-hidden":"true"})]})]})]})]})]}):null};export{H as default};